ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO

Tamaño: px

Comenzar la demostración a partir de la página:

Download "ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO"

Virginia Pinto Redondo
hace 8 años
Vistas:

1 Unidad 2 ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO Vectores Mapa de bits» Profundidad de color» Tamaño y resolución» Alisado» Formatos y compresión Filmación y animación En el cine existe un estándar de 24 fotogramas por segundo. Ésa es la tasa a la que graban las cámaras y proyectan los proyectores. Se toma una fotografía de la imagen cada veinticuatroavo de segundo. En la animación, sin embargo, las imágenes no se toman sino que se producen individualmente, y por ello no tienen que cumplir necesariamente con el estándar del cine. Una película de animación tiene siempre 24 fotogramas por segundo, pero no necesariamente todos esos fotogramas muestran imágenes diferentes. En la animación, las imágenes suelen repetirse en varios fotogramas. Pág: 2 1

Se toma una fotografía de la imagen cada veinticuatroavo de segundo.

2 Animación tradicional Animación se refiere al proceso de generación de imágenes donde cada imagen es una alteración de la anterior. La presentación de estas imágenes a una velocidad suficiente produce la sensación de movimiento. AL GALOPE 1878 Pág: 3 Técnicas de animación» Animación por cuadros clave.» Animación por capas.» Rotoscopia. Pág: 4 2

La presentación de estas imágenes a una velocidad suficiente produce la sensación de

3 Técnicas de animación Dibujos animados por cuadros clave Se dibujan los cuadros más importantes y luego un dibujante secundario dibuja los cuadros de transición entre cuadros clave. Los cuadros o frames se graban en fotogramas de una película y se proyecta a una velocidad alta. FOLIOSCOPIO Pág: 5 Técnicas de animación Rotoscopía Se basa en dibujar directamente sobre la referencia de cuadros de una filmación real. Disney animó así algunas escenas de Blancanieves (primer largometraje animado de Disney). Se utiliza para grabaciones de movimientos complejos. Hoy en día, los softwares realizan creación de cuadros e interpolación de movimientos (In betweening). Pág: 6 3

FOLIOSCOPIO Pág: 5 Técnicas de animación Rotoscopía Se basa en dibujar directamente sobre la referencia de cuadros de una filmación real.

4 Técnicas de animación Stop motion Animación de objetos, muñecos, figuras de plastilina, marionetas o maquetas de modelos a escala. Se utiliza la grabación fotograma a fotograma o cuadro a cuadro (frame a frame). El stop motion es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos capturando fotografías. Pixelación: es una variante pero con objetos reales en escala 1 a 1. Pág: 7 Técnicas de animación Animación en capas Los objetos se dibujan en transparencias, el fondo se dibuja en otra y las escenas se crean superponiendo capas. Hay que tener en cuenta que diferentes elementos de la imagen (un personaje, un objeto móvil, un plano del fondo, etc) se animan por separado, y se unen en una pieza final. Es la técnica base para el funcionamiento de los softwaresde animación. ió Pág: 8 4

El stop motion es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos capturando fotografías. Pixelación: es una variante pero con objetos reales en escala 1 a 1.

5 Animación para la web» Consideraciones generales.» Animación GIF.» Animación Flash.» Banners publicitarios. Tamaños. Pág: 9 Animación para la web Consideraciones generales Las animaciones Web son archivos de computadora que necesitan transferirse completamente a la máquina del cliente antes de que puedanempezara empezar a reproducirse. Limitaciones de ancho de banda. Las diferencias entre las plataformas y el soporte del navegador. Problema que se va minimizando debido al soporte de los navegadores: Gif animados, Flash (actionscript), Silverlight y Java. La animación es una buena forma para llamar la atención y agregar valor a un sitio web que de otro modo sería estática. Sin embargo, debemos considerar que también que distrae al usuario e suele impedir el control en la navegación del sitio. Pág: 10 5

empezar a reproducirse. Limitaciones de ancho de banda. Las diferencias entre las plataformas y el soporte del navegador.

6 Animación para la web Animación GIF Es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones. Una imagen GIF puede contener entre 2 y 256 colores (2, 4, 8, 16, 32, 64, 128 ó 256). Esta característica ayuda a que la pieza animada tenga un bajo peso en kb y por ende, es liviano para la web. Creado por softwares como Fireworks y Photoshop, que permiten aplicar diferentes intervalos de tiempo entre cada fotograma. Algunos usos más comunes» Banners publicitarios.» Pequeñas escenas de animación. Cargando. Pág: 11 Animación para la web Animación Flash Es un excelente medio para publicar se suele llamar sitios web de alto impacto. Pero debemos identificar cómo y para qué usarlo. Algunos usos comunes de Flash» Banners publicitarios» Módulos interactivos» Entretenimiento» Películas de animación» Juegos» Audio Ventajas» Animación gráfica atractiva.» Comunicación visual y auditiva.» Efectos multimedia.» Estándar en la industria. Desventajas» Requiere plug in instalado.» Tiempo de descarga.» El texto se manejacomo imagen.» En ocasiones el texto no es legible.» No facilita la indexación de la información.» Mayores costos de mantenimiento.» Nunca llegará al 100% de la audiencia por problemas de accesibilidad técnica y física. Pág: 12 6

Creado por softwares como Fireworks y Photoshop, que permiten aplicar diferentes intervalos de tiempo entre cada fotograma. Algunos usos más comunes» Banners publicitarios.

7 Animación para la web Banners publicitarios Es un formato de publicidad online que consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión. Están diseñados con la intención de llamar la atención, resultar notorios y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio. Extensiones de archivos: JPG, GIF, GIF animado, SWF (flash), Silverlight (Microsoft) Funcionamiento» El usuario accede a un sitio web o recibe un mail.» El banner se imprime en la pantalla.» El usuario hace click sobre él y se direcciona a otro sitio web (click through).» La cantidad de impresiones en función de la cantidad de clicks sobre él se denomina CTR (Click through ratio). Este número mide la eficacia de la campaña y ronda entre el 0,1% y el 1%. Pág: 13 Animación para la web Banners publicitarios Tamaños Pág: 14 7

Están diseñados con la intención de llamar la atención, resultar notorios y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio.

8 Referencias: libros y links» web» galope 1878/» Tamaños estándar de banners er_ad_sizes.svg» Ejemplos de banners animados en gif most superb gif and banneranimation tutorials/» Ejemplos de banners animados en flash flash banner ads.html#1 banner ads.html#1 Pág: 15 8

wikimedia.org/wikipedia/commons/4/43/standard_web_bann er_ad_sizes.svg» Ejemplos de banners animados en gif http://www.multyshades.

Documentos relacionados

www www.generacion21.com Banners

www www.generacion21.com Banners www.generacion.com Banners Un banner es un formato publicitario en Internet que consiste en incluir una pieza publicitaria dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio