conceptos generales del diseño digital avanzado

Diseño Interactivo y Animación Flash

Prof. Yosanalis Torres Hernández

Conocimiento anticipado en las destrezas teóricas en multimedia

Un recurso de referencia y aprendizaje continúo para los

cursos ofrecidos en Comunicación Visual; integrando

Diseño Gráfico, Publicidad, Internet, Multimedia y Nuevas

Tecnologías…

http://adsdigitalmedia.blogspot.com

el Blog

! Gráfico vectorial, es un dibujo realizado en un programa de diseño gráfico el cual no se distorsiona independientemente de la medida en que se imprima.


! Algo es bidimensional si tiene dos dimensiones, por ejemplo, ancho y largo, pero no profundidad. Los planos son bidimensionales, y sólo pueden c o n t e n e r c u e rp o s u n i d i m e n s i o n a l e s o bidimensionales. Figuras en un plano.


!   La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos. Para realizar animación existen numerosas técnicas que van más allá de los familiares dibujos animados. Los cuadros se pueden generar dibujando, pintando, o fotografiando los minúsculos cambios hechos repetidamente a un modelo de la real idad o a un modelo tridimensional virtual; también es posible animar objetos de la realidad y actores.



•  Dibujos animados •  Stop Motion •  Pixelación •  Rotoscopía •  Animación de recortes •  Otros


•  Pintura sobre cristal •  Animación de arena •  Pantalla de agujas •  Pintura sobre celuloide •  Tweening •  Otros


Un storyboard o guión gráfico es un conjunto de ilustraciones mostradas en secuencia con el objetivo de servir de guía para entender una historia, previsualizar unaanimación o seguir la estructura de una película antes de realizarse o filmarse.

!   Es un sistema que utiliza múltiples medios de expresión (físicos o digitales) para presentar o comunicar información. De allí la expresión "multi-medios". Los medios pueden ser variados, desde texto e imágenes, hasta animación, sonido, video, etc. También se puede calificar como multimedia a los medios electrónicos (u otros medios) que permiten almacenar y presentar contenido multimedia. Multimedia es similar al empleo tradicional de medios mixtos en las artes plásticas, pero con un alcance más amplio.



•  Videojuegos •  Flash Movies •  Presentaciones •  Web sites •  Portafolios Digitales •  Kiosk •  Aplicaciones móviles


•  Pixels •  Para impresos es inches (Puerto Rico)

!   Se habla de multimedia interactiva cuando el usuario tiene libre control sobre la presentación de los contenidos, acerca de qué es lo que desea ver y cuando; a diferencia de una presentación lineal, en la que es forzado a visualizar contenido en un orden predeterminado.

! Disciplina que estudia el intercambio de información entre las personas y los computadores



•  Flash •  Prezi •  Power Point •  Keynote

!   Adobe Systems Incorporated es una empresa de software con sede en San José (California, USA) fundada en diciembre de 1982 por John Warnock y Charles Geschke. Destaca en el mundo del software por sus programas de edición de páginas web, vídeo e imagen digital hoy presentes en una integración conocida como Adobe Creative Suite. Adobe jugó un rol significativo en comenzar la revolución de la autoedición cuando Apple Computer comenzó a utilizar PostScript para su línea de impresoras LaserWriter en 1985.


!   Adobe CS = Creative Suite


! Según Adobe en su última versión: El software Adobe® Flash® Professional CS5 es el estándar del sector para la creación y entrega interactivas de experiencias virtuales y envolventes presentadas de manera uniforme en ordenadores personales, dispositivos móviles y pantallas de prácticamente cualquier tamaño y resolución.

Flash es una herramienta del diseño digital que permite la animación vectorial y bidimensional para entornos de Interacción.


! Según Wikipedia: Adobe™ Flash trata esencialmente de una aplicación de creación y manipulación vectorial (relativamente básico) y de manejo de código (véase: ActionScript) en forma de estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente desarrollado y comercializado por Adobe Systems Incorporated y forma parte de la Familia Adobe Creative Suite.


Se utiliza para:

! Crear experiencias interactivas

! Crear aplicaciones web

! Insertar y distribuir videos junto a la interacción


!   El origen de Flash comienza cuando el arquitecto Jonathan Gay se inicia en la programación desarrollando juegos sencillos realizados con Basic. Posteriormente con Pascal desarrollaría su primer editor de imágenes, el SuperPaint.


Su nombre es John Gay y es el creador de Flash.

!   La aplicación precursora de Flash se llamó Future Splash Animator


!   Macromedia Esta compañía se formó en 1992 por la fusión de Authorware, Inc. (creadores de Authorware) y MacroMind-Paracomp (creadores de Macromind Director) dos de las herramientas más fuertes en el mercado audiovisual multimedia en los años 90’s.


!   Adobe System Incorporated™


1996 – Primera versión llamada Future Splash Animator que le pertenecía a la compañía FutureWave, de John Gay.

2011 – Adobe CS5, versión más reciente de la aplicación Flash ahora bajo la propiedad De Adobe.



Adobe Flash CS5


Es un lenguaje de programación orientado a objetos (OOP), utilizado en especial en aplicaciones web animadas realizadas en el entorno Adobe Flash, la tecnología de Adobe para añadir dinamismo al panorama web. Fue lanzado con la versión 4 de Flash, y desde entonces hasta ahora, ha ido ampliándose poco a poco, hasta llegar a niveles de dinamismo y versatilidad muy altos en la versión 11 (Adobe Flash CS5) de Flash.


•  Herramienta para añadir coyonturas en Flash •  Surge a partir de la versión CS4

!   Creative Suite


CS

5 D

esi

gn

Pre

miu

m

• Diseño Gráfico

• Impresos • Web • Interacción • Móviles

CS

5 W

eb

Pre

miu

m


• Diseño Web • Desarrollo Web

CS

5 P

rod

uc

tio

n P

rem

ium


• Producción • Video • Efectos

CS

5 M

ast

er

Co

llec

tio

n


• Diversos medios

• Video • Efectos



Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe Acrobat Adobe Flash Catalyst Adobe Flash Professional Adobe Flash Builder Adobe Dreamweaver Adobe Fireworks Adobe Contribute Adobe Premiere Pro Adobe After Effects Adobe Soundbooth Adobe OnLocation Adobe Encore


Adobe Photoshop – Fotografía digital, pixels, fotomontajes, restauración de imágenes Adobe Illustrator – Ilustración digital, vectores Adobe InDesign – Diseño de publicaciones impresas, en línea e interactivas Adobe Acrobat – Portabilidad de documento Adobe Flash Professional – Animación e interracción devectore y entornos bidimensionales Adobe Dreamweaver – Diagramación y publicación web Adobe Fireworks - Diseño e interacción web Adobe Premiere Pro – Edición de video Adobe After Effects – Edición y composición de efectos para video Adobe Soundbooth – Edición de Audio


•  Small Web Format - formato web pequeño

•  Es un formato de archivo de gráficos vectoriales creado por la empresa Macromedia (actualmente Adobe Systems).

•  Los archivos SWF pueden ser creados por el programa Adobe Flash® aunque hay otras aplicaciones que también lo permiten.

•  Suele ser ejecutado sobre el navegador mediante un plugin llamado Adobe Flash Player, aunque también pueden ser encapsulados para ejecutarse de forma autónoma.

•  Básicamente es un formato vectorial aunque también admite bitmaps, con posibilidades de animación. También admite programación mediante el lenguaje actionscript

•  Los archivos SWF suelen ser suficientemente pequeños

para ser publicados en la World Wide Web en forma de animaciones o applets con diversas funciones y grados de interactividad.


•  Es un formato contenedor propietario usado para transmitir video por Internet usando Adobe Flash Player (anteriormente conocido como Macromedia Flash Player), desde la versión 6 a la 10. Los contenidos FLV pueden ser incrustados dentro de archivos SWF.


•  CYAN + MAGENTA + YELLOW + BLACK = Modo de color


•  RED+ GREEN+ BLUE = Modo de color


•  Son los colores que se ven bien en todos los navegadores con definiciones de pantalla con profundidad de 256 colores.


•  Si se puede, no lo olvide. •  También puede integrar elementos de imagen, audio y

video en los formatos más utilizados. •  Para importar elementos externos al library de Flash debe

utilizar Import to Library

Referencias

! http://www.adobe.com/es/products/

! http://www.adobe.com/macromedia/events/john_gay/

! http://www.wikipedia.org

! http://www.adobe.com/macromedia/events/john_gay/


conceptos generales del diseño digital avanzado

Documents