proyecto final: video sobre el cuidado de agua...

practica 16: bones/huesos

1. selecciona el pincel y dibuja un monito sin dejar de presionar  el botón del mause.
2. Después selecciona la herramienta hueso y ve arrastrando el huesito
3. Enseguida, tomas la herramienta seleccion y le das un movimiento al huesito.
4. Selecciona un frame y clic en F6
5. Mueve otro huesito, selecciona otro frame y clic en F6
6. y asi sucesivamente hasta que termines con cada uno de ellos.
7.  Enter y Corre tu película.

15 animacion por mascaras

 CREAR UNA LUPA

1.     .su vez una imagen que te guste: la importas  en (Ctrl R)
2. Selecciona un fotograma que quieras y das  Key Frame
3. Selecciona toda la capa sobre el fotograma 1 y al ponerse todo azul hacer clic derecho y aplicar Interpolacion clasica.
4. Crea una nueva capa y dibuja un circulo.
5. Selecciona un frame clic en F6 y mueve
6.        Aslo sucesivamente el paso 5
7. Clic en Capa 2 y clic derecho seleccionar mascara.

P.14 animacion de morphing

Pasos: para animación morphing

1. dibuja una imagen con la herramienta de dibujo
2. Selecciona un fotograma  y realiza un key frame
3. Mueve la imagen
4. Elimina la imagen 
5. dibuja otra   imagen con otro color diferente a la anterior
6. Selecciona en medio de la linea de tiempo y clic sobre el menú insertar Interpolacion de forma. y listo enter y reproduce la película.

p:13 Animacion en 3D

ANIMACIÓN EN 3D

1:-escribe un texto que sea  texto TLF.

2.-modificalo cámbiale el color letra etc.

3-. Clic sobre el icono de 3d  i juega con el texto deacuerdo los colores naranja.. verde.. azul.. etc

4-. Clic sobre botón derecho en el primer fotograma y clic en interpolación de movimiento

5. Clic sobre el ultimo fotograma

6. Clic de nuevo sobre el icono y se vuelven a modificar.

practica: 12 interpolacion de movimiento

Interpolacion de movimiento

Pasos:

1.-Abrimos un nuevo documento con actionsript 3.0

2.-Ve a archivo... importar a escenario... selecciona la imagen.

3.-Al dar click sobre la mariposa damos F8 (seleccionar clip de pelicula).

4.-En la linea del tiempo selecciona el `tiempo` al que le quieres dar a tu pelicula y damos F6.

5.-En el fotograma 1 damos clic derecho y seleccionamos crear interpolacion de movimientos.

6.-Seleccionamos otro fotograma de nuestro agrado (ejemplo fotograma 10)
7.-Movemos la mariposa a otro lugar del escenario.
8.-Al dar click sobre la mariposa seleccionamos la herramienta transformacion libre y hacemos mas pequeñas las alas.
9.-Movemos la mariposa a otro lugar del escenario
10.-Seleccionamos otro fotograma (el 20 por ejemplo) y abrimos nuevamente las alas.
11.-Movemos la mariposa a otro lugar del escenario y repetimos el paso 8.
12.-al mover nuevamente la mariposa, seleccionamos otro fotograma (por ejemplo el 30) y  repetimos el paso 10.
13.-Asi sucesivamente hasta llegar al deceado. repitiendo los pasos del 8 al 10.
14.-Al aparecer la linea verde, podemos modificarla arrastrando uno de los puntos verdes de la misma haciendo click en el.
15.-Al final damos ctrl+Enter para ver la pelicula

practica: 10 Identificar los elementos de la ventana del software de animacion.

practica 9

1.-Menciona 5 softwares mas comerciales para hacer animaciones y explica brevemente cada  uno de ellos.

      Remo 3d: Es un programa pensado y diseñado para la creación de modelos en 3D para su visualización en tiempo real.
Por lo tanto, al contrario que otros programas creados sólo para la renderización, con Remo 3D tendrás total control del modelo gráfico sobre el que estás trabajando, y te permitirá hacerle todo tipo de modificaciones a su estructura, así como total libertad para decidir sus características, como por ejemplo los grados de libertad de los nódulos o su nivel de detalle, entre otras muchas.

    

 pencil.png: Pencil es un software para la creación de animaciones 2D y debo añadir que es el más sencillo que he visto jamás.

Pencil tiene una interfaz muy sencilla con una ventana dividida en tres zonas claramente diferenciables. De todas formas os explico un poco más acerca del programa:

k-3d.jpg:

• permite crear y editar documentos en tiempo real aplicando sombreado, mapeado de texturas de puntos de vista.
• Soporte de interfaz MDI para trabajar con múltiples documentos abiertos al mismo tiempo.
• Contiene tutoriales interactivos, que van seleccionando las diferentes opciones del programa ( botones de barras de herramientas, paneles etc.. ) y visualiza una breve descripción de cada uno de ellos.   

Toon Boom Studio 4.5


Esta suite completa de animación es adecuada para aquellas personas que pretende crear animaciones y no son muy expertos en el tema. 








crazyTalk 6.21


crazyTalk es una fantastico programa con el que puedes convertir fotos en personajes animados parlantes de gran realismo haciendo que un rostro tenga vida y haga muchos gestos y estados de animo:    feliz,   triste,   serio,   enojado, sorprendido,   cansado,   pensando,   etc o tu mismo puedes editar el como quieres que se exprese todo esto moviendose en tiempo real permitiendo luego exportarlo como video, puedes meterle audio y la imagen movera los labios hablando lo que dice el audio le puedes incluir musica, audio o escribir lo que quieres que tu foto hable.

2.      ¿Que es flash? es el entorno de creación líder del sector de producción de contenido interactivo expresivo. Cree experiencias envolventes y preséntelas al público de forma coherente en ordenadores, teléfonos inteligentes, tabletas y televisores.

3.      ¿Que es animación? es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Existen numerosas técnicas para realizar animación que van más allá de los familiares dibujos animados.

4.      ¿Que es un efecto especial? son un conjunto de técnicas utilizadas en el mundo del espectáculo o en el ámbito audiovisual, Estas técnicas están destinadas a crear una ilusión visual gracias a la cual el espectador asiste a escenas que no pueden ser obtenidas por medios normales.

5.     ¿ Que es un gráfico de computadora? es el campo de la informática visual, donde se utilizan computadoras 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 vídeo game? es un software creado para el entretenimiento en general y basado en la interacción entre una o varias personas y un aparato electrónico que ejecuta dicho videojuego.^[

7.     ¿Que es un Synthespians? son los “actores humanos” simulados en computadora, o bien se podría decir “actor virtual”.

8. ¿Que es un fotograma? a cada una de las imágenes impresionadas químicamente en la tira de celuloide delcinematógrafo o bien en la película fotográfica

9. ¿Que es un gráfico 3D? se refiere a 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 Flasch CS5:

• Interpolacion de movimiento: Permite desplazar un simbolo de un lugar a otro del escenario, siendo necesarios únicamente dos fotogramas, lo que optimiza mucho el rendimiento de la pelicula.
• Animación en 3D: 3D  o tercera dimensión  en lo que refiere a graficos por computadora es la capacidad que tienen estas de simular  volumen ,  esto es cuando un plano X, Y  adquiere valores Z  ( altura o segun sea el caso), estos valores pueden ser interpretados para formar poligonos  mediante algoritmos que nos permiten modelar en 3D cualquier cosa.
• Animación de mascaras: muestra solamenta una parte de la imagen, texto o forma vectorial.
• Animación de Transformación /forma Morphing:  es un efecto especial que utiliza la animación por computadora para para transformar la imagen fotográfica de un objeto real en la imagen fotográfica de otro objeto real. Se lo utiliza sobre todo para crear la ilusión de la transformación de una cosa en otra, como por ejemplo la metamorfosis de un hombre lobo. 
• Bones/huesos: permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora.

P:6 panel de herramientas

1.-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.

2.-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.

3.-Herramienta de Corte.  Evidentemente esta herramienta sirve para cortar las imagenes. Su atajo es la tecla C, además puedes pulsar Mayús + C 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.

4.-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.

5.-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.

6.-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.

7.-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.

8.-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.

9.-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.

11.-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.

12.-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.

13.-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. Además no necesitas dar click sobre ella ya que con solo presionar la tecla M, automáticamente selecciona la herramienta.

14.-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, pero puedes pulsar la tecla Mayús + W para obtener la herramienta de varita mágica, que sirve como herramienta de relleno para las selecciones.

15.-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.

16.-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.

17.-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.

18.-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.

19.-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.

20.-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.

23.-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.

24.-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.

http://www.webadictos.com.mx/2011/06/18/conociendo-photoshop-y-la-barra-de-herramientas/

Elementos de la ventana de software de diseño

practica: terminología básica del software para editar imágenes

terminologia basica del software para editar imagenes....

1.   ¿ Explica para que se utiliza un editor de imágenes?

La edición digital de imágenes se ocupa de la edición apoyada en computadores de imágenes digitales, comúnmente un gráfico rasterizado, en la mayoría de los casos fotos o documentos escaneados. Estas imágenes son modificadas para optimizarlas, manipularlas, retocarlas, etc con el fin de alcanzar la meta deseada

2.  ¿Que es una imagen digital?

Una imagen digital es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros).

 

3. ¿Cuales son los tipos de imágenes digitales que existen y cuales son sus formatos o extensión del archivo de cada uno?

Mapa de bits, corresponde a una matriz de puntos, denominados píxels, y a cada uno de ellos se les asigna un determinado color, el conjunto de todos estos puntos corresponde a la imagen creada. Vectoriales, se obtienen a base de líneas, respondiendo cada una de ellas a una ecuación matemática. Una imagen de este tipo está formada por trazos controlados por coordenadas.

4. Explica cada uno de los formatos de archivos. (.psd, .jfif, .jpg, png, .eps, .tif, .bmp, .gif, .svg, formatos raw (.crw y .cr2)

·        Psd Es utilizado por Photoshop y permite composición por capas.

·         Jfif  suele utilizarse en la edición de imágenes profesional. La mayoría de aplicaciones de software guardan los archivos en este formato.

·         jpg es un formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad (a todo color).

·         Png Formato gráfico compatible con todas las aplicaciones para Internet y navegadores.

·        Eps puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño de páginas.

·        Tif es un formato de fichero para imágenes.

·        Bmp es el formato propio del programa Microsoft Paint, que viene con el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos.

·        Gif es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.

·        Svg es una especificación para describir gráficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en formato XML.

·         Raw  es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara fotográfica.

·         Cr2 es el formato raw o el utilizado por las cámaras profesionales es de mayor calidad del jpj y al parecer solo puedes ver las miniaturas.

5. ¿Que es un mapa de bits?

 Es una estructura de datos que representa una rejilla rectangular de píxeles o puntos de color, conocida como raster, que puede ser visualizada en un monitor de computadora, en un papel o en otros dispositivos de representación.

6.  ¿Que es un gráfico vectorial?

 Es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc.

7.  ¿Que es un Pixel?

 Es un único punto en una imagen gráfica. Los monitores gráficos muestran imágenes dividiendo la pantalla en miles (o millones) de pixeles, dispuestos en filas y columnas. Los pixeles están tan juntos que parece que estén conectados.

8.  ¿Que es un Vóxel?

Es la unidad cúbica que compone un objeto tridimensional. Constituye la unidad mínima procesable de una matriz tridimensional y es, por tanto, el equivalente del píxel en un objeto 3D.

9.  ¿Que es un Texel?

Es la unidad mínima de una textura aplicada a una superficie,usada en gráficos por computador.

10. ¿Que es rasterización?

La rasterización es el proceso por el cual una imagen descrita en un formato gráfico vectorial se convierte en un conjunto de píxeles o puntos para ser desplegados en un medio de salida digital, como una pantalla de computadora, una impresora electrónica o una imagen de mapa de bits (bitmap).

 

11. ¿Que es vectorizacion?

Se llama vectorización al proceso necesario que convierte una imagen de formato rasterizado (.jpg, .png, .tiff, .gif…) en formato vectorial (.ai, .fh, .cdr…).

12. ¿Que es una resolución de imagen?

La resolución de una imagen indica cuánto detalle puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida (como antónimo de granular) es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual.

 

13. Explica los sistemas para el color a las imágenes digitales de acuerdo a su finalidad y cuanto ocupa en pixeles?

 Las imágenes representadas de este tipo están compuestas de sombras de grises, que van desde el negro más profundo variando gradualmente en intensidad de grises hasta llegar al blanco., * RGB: de un color hace referencia a la composición del color en términos de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. * CMYK: es un modelo de colores sustractivo que se utiliza en la impresión en colores.

14.¿Cuales son los mejores programas para edicion de imagenes?

 Photoshop Express   Snipshot

Se trata de la versión online del más popular software para la edición de fotos. Solo que esta vez es mucho más sencillo de usar. Ha habido cierta controversia sobre las condiciones que debes aceptar para poder usarlo. Pero, en cualquier caso, es una de las principales referencias. Más info aquí.

  Picnik

   Desde su lanzamiento mostró sus tremendas posibilidades para la edición sencilla online de fotos. Pero no alcanzó el estrellato definitivo hasta que Flickr lo incorporó como herramienta para realizar retoque básico online. Más info aquí.

  Fue uno de los primeros que alcanzó el mercado, y desde entonces ha crecido considerablemente. Incorpora una versión Pro que permite la edición de RAW, detección facial y efectos avanzados. Más info aquí.