Actividad 1: Contenido y estructura de la Página Web

1.- ¿Que entiendes por una pagina WEB? creo que es el nombre que tienen los documentos de sitios donde se puede navegar

2.- ¿Que tipo de informacion tienen las paginas WEB? diversa, en tipo texto o multimedia, y/o aplicaciones para presentarla

3.- ¿Que entiendes por sitio WEB? es un lugar donde se puede acceder por medio de la URL

4.- ¿Cual es la diferencia entre sitio WEB y pagina WEB? sitio es donde se puede acceder y pagina es el documento del sitio que es hiperenlace

5.- ¿Para que crees que sirva una pagina WEB? para entrar y ver su contenido

6.- ¿Que te gustaria que tuviera la pagina WEB que diseñarias? una pagina de juegos, musica, diversion, un sitio para entretenimiento.

P-20: Proyecto Final

P-15: Animación por mascaras

1.- Importamos una imagen (ctrl+R) y ponemos un key frame donde queramos por ejemplo en el 60

2.- Creamos otra capa

3.- En la segunda capa insertamos la misma imagen que insertamos anteriormente y la  hacemos mas grande y ponemos el key frame donde pusimos el anterior (60)

4.- Despues creamos una nueva capa, seria la tercera capa en esa capa creamos un ovalo e igual que los otros ponemos un key frame en el 60 igual que los otros

5.- Nos colocamos en la tercera capa, en el fotograma 1 y movemos el ovalo después de que movimos el ovalo nos vamos a el fotograma 10 y ponemos un key frame y así susesivamente hasta que llegues al fotograma 60
6.- Te vas a donde dice capa 3 y le das click derecho le das ala opcion mascara y listo ctrl + enter.

P-12: INTERPOLACION DE MOVIMIENTO

1.- Abrir el Adobe Flash Profesional

2.- Crear un nuevo documento ActionScript 3.0

3.- Importar la mariposa

4.- Abierta la imagen, la transformamos como clip de pelicula, dando F8 y aceptar.

5.- Despues modificamos la mariposa haciendola un poco mas pequeña de las alas, simulando un aleteo 

6.- Ya modificada la imagen, seleccionamos el fotograma numero 5, y presionamos F6 para crear un Fotograma clave

7.- Despues damos click derecho en el primer fotograma, y buscamos crear una interpolacion de movimiento

8.- Con la interpolacion, movemos la mariposa, al mismo tiempo tambien la estamos  haciendo pequeña como en el paso 5

9.- La seguimos moviendo para crear la guia, (Linea color verde)

10.- En cada movimiento que hagamos, seleccionamos un fotograma cualquiera, y presionamos F6 para que se guarde el movimiento

11.- Cuando ya sientes que ya terminastes presionamos CTRL + Enter para ver el resultado

12.- Y es todo ya tenemos nuestra Mariposa Volando.

P-10: Identificar los elementos de la ventana del software de animacion

P-9: Conocer la terminología básica del software para elaborar animaciones

1.-Menciona 5 Softwares mas comerciales para realizar animaciones y explica brevemente en que consiste cada uno de ellos.
• MotionPortrait:
Es la tecnología desarrollada por el Sony Kihara Research Center, que crea un modelo 3D a partir de una fotografía, de forma automática, y puede animarla con una variedad de expresiones faciales, y agregarle sonido.
A partir de una sola fotografía se puede realizar la animación.
Se representa en tiempo real, con control interactivo. Puede animar en un teléfono móvil.
Crea expresiones faciales naturales y variadas.
Se pueden incluir otros modelos 3D, y cambiar la imagen de fondo.
Pueden simularse varias situaciones como cristales, maquillaje, cambio de estilo de cabello, adición de accesorios.
Sirve para imagen humana, animales, dibujos, u otro objeto.
• Mirage:Es un sistema de animación de 2D y efectos especiales en tiempo real, que optimiza la producción en 2D. Combina dibujo, pintura, animación, video, y efectos especiales. Puede realizar todo el proceso de animación, desde los storyboards hasta el dibujo animado final.
• Synfig:Es un editor de animación en 2D, que puede usarse en Windows, Linux, Mac OS X. desarrolla animaciones de calidad cinematográfica.
Ofrece independencia espacial y temporal de la resolución, herramientas de distorsión y transformación, capas.
• Autodesk Maya:Es uno de los programas para animar en 3D, más completo. Sirve para el modelado, la animación, crear efectos especiales, realiza el renderizado en 3D. Brinda una alta resolución, y es compatible con una amplia gama de plataformas.
• Adobe Flash:
Es una aplicación que utiliza gráficos vectoriales e imágenes ráster. Es un sistema muy empleado en la creación de páginas Web. Permite animar fotograma por fotograma, o interpolar movimientos o formas, a partir de dibujos clave. Es empleado para realizar animación limitada, full animation, rotoscopia, animación en sucio.


2.-Que es flash? Es una tecnologia para crear animaciones graficas vectoriales independientes del navegador y que necesitan poco ancho de banda para mostrase en los sitios web. La animación en Flash se ve exactamente igual en todos los navegadores, un navegador sólo necesitan un plug-in para mostrar animaciones en Flash.
Con Flash los usuarios pueden dibujar sus propias animaciones o importar otras imágenes vectoriales.

3.-Que es animación? la creación de la ilusión de movimiento al visionar una sucesión de imágenes fijas generadas por ordenador; crear efectos especiales y para simular imágenes imposibles de generar con otras técnicas.


4.-Que es un efecto especial? son un conjunto de técnicas utilizadas en el mundo del espectáculo o en el ámbito audiovisual, crear una ilusión visual al espectador.


5.-Que es un grafico de computadora? es un proceso tanto para generar imágenes visuales sintéticamente como integrar o cambiar la información visual y espacial probada del mundo real.

6.-Que es un video game? Un videojuego es un juego que involucra la interacción de un jugador con una interfaz de usuario para generar una respuesta visual y sonora (entre otros tipos) en un dispositivo de juego.
Videojuego hace referencia a cualquier tipo de juego que se visualiza y juega en un dispositivo con gráfica.

 7.-Que es un Synthespians? son los “actores humanos” simulados en computadora

 8.-Que es un fotograma? imágenes impresionadas químicamente en la tira de celuloide del cinematógrafo o bien en la película fotográfica; por extensión también se llama de ese modo a cada una de las imágenes individuales captadas por cámaras de video y registradas analógica o digitalmente.


 9.-Que es un gráfico 3D? trabajos de arte gráfico que son creados con ayuda de computadoras y programas especiales 3D.

10.- Identifica y explica los tipos de animaciones de Flash CS5:

* Cuadro por Cuadro
es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una serie de imágenes fijas sucesivas. En general se denomina animaciones de stop motion a las que no entran en la categoría de dibujo animado, ni en la animación por ordenador; esto es, que no fueron dibujadas ni pintadas, sino que fueron creadas tomando imágenes de la realidad.

* Interpolacion de Movimiento
Las interpolaciones de movimiento, no sólo nos permiten realizar desplazamientos en forma recta, sino que también siguiendo una curva que nosotros dibujamos, realizar giros, cambiar los tamaños o deformar símbolos achicandolos o estirándolos. También permiten, aplicar filtros de forma progresiva, ya sea éste un efecto de desvanecimiento, un sombreado, un cambio de color (aplicar tinta), un desenfoque, un bisel o todos juntos.
* Animacion 3D
 Este tipo de gráficos se originan mediante un proceso de cálculos matemáticos sobre entidades geométricas tridimensionales producidas en un ordenador, y cuyo propósito es conseguir una proyección visual en dos dimensiones para ser mostrada en una pantalla o impresa en papel.
http://es.wikipedia.org/wiki/Stop_motion
http://es.wikipedia.org/wiki/Animacion_3D
http://syralg.wordpress.com/2011/03/26/animacion-vectorial-2d-en-software-libre-con-synfig-studio-y-animata/
http://uklanor.wordpress.com/2009/01/09/la-herramienta-hueso-de-flash/
En general, el arte de los gráficos 3D es similar a la escultura o la fotografía, mientras que el arte de los gráficos 2D es análogo a la pintura.

Transformaciones básicas en los tres ejes (XYZ), Rotación, Escala o Traslación.

* Animacion de Mascaras
Consiste en ocultar objetos que se encuentran dentro de un escenario de Flash e irlos mostrando poco a poco con otro objeto que contenga una interpolacion de movimiento.

*Animacion de Transformacion /forma Morphing

La interpolacion de forma consiste en transformar un objeto creado en su interfaz en otro objeto distinto. Para realizarlo simplemente se ocupan de dos fotogramas claves, ya que flash genera fotogramas intermedios en los cuales se va variando la forma al fotograma anterior.

*Bones/Huesos

Permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora.
Consiste en crear un símbolo de clip de película por cada hueso que se quiera insertar en la película. De esta manera al dibujar el personaje hemos de distribuir las partes del cuerpo en diferentes “piezas” y convertirlas en clip de película.

P-6: Panel de Herramientas

1.- La herramienta de selección o Marquee Tool. Esta herramienta nos sirve para selecciones específicas, lo que caracteriza a estas selecciones es que son de diferentes formas geométricas, como elipse, rectángulo.El atajo de teclado para esta herramienta es la tecla M.
2.- La herramienta Mover. Una vez que seleccione un área, al seleccionar la herramienta Mover para moverlo. También puede mover capas o elementos sin seleccionarlos. El atajo de teclado para esta herramienta es la tecla V.
3.- La herramienta de Lazo: Esta herramienta es hace la función de la herramienta de selección, solo que esta es mas precisa, ya que selecciona bordes específicos, además de que puede hacer una selección “magnetica” la cual sigue de manera automática un borde de una imagen cuando pasas sobre él. Su atajo es presionar la tecla L.
4.- Herramienta de Selección Rápida. Basicamente consiste en un pincel que dibuja alrededor de un área y de manera automática adivina lo que quieres seleccionar. Su atajo es la letra W.
5.- Herramienta de Corte. Evidentemente esta herramienta sirve para cortar las imagenes, para elegir la herramienta de corte y selección de un sector, útil para la creación de múltiples imágenes a partir de una sola, por lo general para el contenido web. Su atajo es la tecla C.
6.- Herramienta de Cuentagotas (Igualador de colores). La función primordial de esta herramienta es el igualar los colores de alguna otra imagen, nos facilita la selección de colores como tal, su atajo es la tecla I, pero este botón no solo realiza esta función si no otras como Muestra de color, Regla, y la Nota de herramientas.
7.- Herramienta Correctora. Una herramienta muy útil en el retoque de fotos, nos sirve para borrar manchas, arañazos o ruido no deseado en la imagenes, y todo de forma automática basta con pintar sobre la zona deseada. Su atajo es la tecla J, y además puedes pulsar Mayús + J para sacar el pincel corrector, la herramienta de Parche, y corrector de ojos rojos.
8.- Herramienta de Pincel. Básico pero a la vez la herramienta más compleja en la caja de herramientas. Pintar con un poco de pintura y unos clicks y seleccionar diferentes estilos cepillo así como su grosor, esparcimiento, etcétera. Su atajo es la tecla B, además puedes presionar Mayús + B para tomar el Lápiz, las herramienta Sustitución de color, y el mezclador.
9.- Herramienta de Sello para Clonar. Para edición de fotografías o la creación de efectos que lucen muy profesionales, esta herramienta tal y como su nombre lo indica, nos sirve para clonar algunos de los efectos que ya hayamos realizado, o algunas de las capas que tengamos ya hechas. Su atajo es la tecla S.
10.- Herramienta de Historial de Pincel. Trabaja en conjunto con la paleta del historial del proyecto, y basicamente nos permite “pintar en el tiempo”. Teniendo la posibilidad de deshacer algunas partes que ya hayamos hecho. Su atajo es la tecla Y.
11.- Herramienta Borrador. La herramienta mas básica pero mas útil que nos sirve para borrar nuestros errores, o para dar algunos efectos bastante interesantes jugando un poco con la opacidad del borrador. Su atajo es la tecla E.
12.- Herramienta de Gradiente. Nos facilita la tarea de hacer algunos efectos de gradiente, además de que es una herramienta básica para hacer casi cualquier efecto. Tenemos la pociñon de varios gradientes (elíptico) así como ajustar sus niveles y colores. Su atajo es la tecla G.
13.- Herramienta de desenfoque, enfoque y mancha. Una herramienta enfocada mucho mas a los efectos de un diseño original, o dar magníficos efectos a las fotografías, y no tiene un atajo de teclado por default.
14.- Herramientas Dode y Burn. Enfocadas para la edición de fotografías nos sirven para aclarar u oscureces las fotografías. Su atajo es la tecla O.
15.- Herramienta de Pluma. Una de las herramientas mas difíciles de utilizar, sobre todo para los principiantes. Nos ayuda a realizar trazos personalizados y marcarlos sobre nuestra creación, muy parecido a lo que se trabaja en Illustrator de Adobe. Su atajo es la tecla P.
16.- Herramienta de Texto. Simple y sencillamente nos permite colocar textos dentro de nuestra creación, además nos permite acomodarlo como nosotros prefiramos. Su atajo es la tecla T.
17.- Herramienta de Selección de Trazos. Esta herramienta nos permite seleccionar algún segmento de los trazos que hayamos realizado con la pluma. Esta herramienta se lleva de la mano con la Pluma que ya habíamos mencionado. Su atajo es la letra A.
18.- Herramienta de Formas Personalizadas. Herramienta muy básica que nos permite insertar varias formas o autoformas a nuestro trabajo. Su atajo es la tecla U.
19.- Herramienta de Zoom. Problemas para distinguir alguna parte del proyecto? Un zoom sería ideal, puesta herramienta esta hecha para eso, con un par de clicks acercas la imagen y con Alt+ click alejas de nuevo. Una herramienta muy básica y su atajo es la tecla Z.
20.- Herramienta de Mano (Hand Tool). Con la barra espaciadora podemos activar esta función que consiste solamente en poder navegar por todo el documento sin hacer uso del scroll del mouse, solo con click sostenido podemos ir recorriendo el documento para poder revisarlo a la perfección.Atajo H
 21.- Fondo y Primer Plano. Elegir los colores del fondo, y de otros elementos, podemos invertirlos sin la necesidad de elegir nuevamente los colores. El color superior es de primer plano, el de abajo es del fondo.su atajo es x
22.- Modo de Máscara Rápida. Un modo alternativo para crear selecciones complejas con el Pincel, Borrador, y las herramientas del cubo de pintura. Su atajo es la tecla Q.