conceptos generales del diseño digital avanzado

Post on 30-Jun-2015

624 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Manual instruccional sobre conceptos generales del diseño digital avanzado.

TRANSCRIPT

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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.

Prof. Yosanalis Torres Hernández

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

•  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

Prof. Yosanalis Torres Hernández

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

!   Adobe CS = Creative Suite

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

Se utiliza para:

! Crear experiencias interactivas

! Crear aplicaciones web

! Insertar y distribuir videos junto a la interacción

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

!   Adobe System Incorporated™

Prof. Yosanalis Torres Hernández

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.

Prof. Yosanalis Torres Hernández

Prof. Yosanalis Torres Hernández

Adobe Flash CS5

Prof. Yosanalis Torres Hernández

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.

Prof. Yosanalis Torres Hernández

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

!   Creative Suite

Prof. Yosanalis Torres Hernández

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 Gráfico

• Diseño Web • Desarrollo Web

CS

5 P

rod

uc

tio

n P

rem

ium

• Diseño Gráfico

• Producción • Video • Efectos

CS

5 M

ast

er

Co

llec

tio

n

• Diseño Gráfico

• Diversos medios

• Video • Efectos

Prof. Yosanalis Torres Hernández

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

•  RED+ GREEN+ BLUE = Modo de color

Prof. Yosanalis Torres Hernández

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

Prof. Yosanalis Torres Hernández

•  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/

Prof. Yosanalis Torres Hernández

top related