SlideShare una empresa de Scribd logo
animación multimedia
DISEÑO GRÁFICO
Patricio Rodríguez M.
@taller_media
Presentación
del curso
Identifica las características del lenguaje Hipermedia (o
animaciones interactivas), según especificaciones
técnicas del proyecto y estándares de publicación.
!
Identifica los recursos y sus características que
conforman una pieza Hipermedia, según especificaciones
técnicas del proyecto y estándares de publicación.
!
Define un mapa de interacciones, según especificaciones
técnicas del proyecto y estándares de publicación.
Presentación
del curso
Identifica los lenguajes de programación y herramientas de
creación para Animaciones Hipermedia, según
especificaciones técnicas del proyecto y estándares de
publicación.
!
Construye Animaciones Hipermedia según los requerimientos
técnicos del proyecto y estándares de publicación.
!
Prepara los recursos mediales según especificaciones
técnicas del proyecto y estándares de publicación.
Unidades de
aprendizaje
PRINCIPIOS BÁSICOS DE PLATAFORMAS Y LENGUAJES
INTERACTIVOS
!
PLANIFICACIÓN Y DISEÑO DE UN PROYECTO DE
ANIMACIÓN MULTIMEDIA
SELECCIÓN Y OPTIMIZACIÓN DE LOS RECURSOS
!
DESARROLLO Y PRODUCCIÓN DE ANIMACIONES
INTERACTIVAS
evaluaciones
(2 coef. 1+ 1 coef. 2)
Encargos propuestos por el docente basados en casos de
estudio. 

!
Se propone una temática común para todos los alumnos y se
resuelven desde una propuesta conceptual y una entrega formal.
examen / producto
Animación digital interactiva en un CD-ROM con
carátula, que incluya animaciones basadas en una
interfaz de control con programación Action Script y
navegación interactiva de acuerdo al mapa y
estructura de información.
Hipermedia es el término con el que se designa al
conjunto de métodos o procedimientos para escribir,
diseñar o componer contenidos que integren soportes
tales como: texto, imagen, video, audio, mapas y otros
soportes de información emergentes, de tal modo
que el resultado obtenido, además tenga la posibilidad de
interactuar con los usuarios.
autorias DVD
app móviles
desarrollos web
proyecto interactivo
desarrollos sobre una unidad óptica
donde se integran elementos
audiovisuales, textos, imágenes y
lenguajes de programación
autorias DVD
proyecto interactivo
app móvilesproyecto interactivo
desarrollos pensados para resolver
situaciones específicas sobre datos
móviles (smartphones, tablets)
desarrollos web
proyecto interactivo
desarrollos para optimizar la capa de
interacción de contenidos montados
en un sitio web
desarrollos web
proyecto interactivo
desarrollos para optimizar la capa de
interacción de contenidos montados
en un sitio web
cada vez menos... gracias
HTML5
etapas del proyecto
Diseño de información
Diseño de interfaz
Diseño de interacción
diseño de información
Se convierte la información lineal a hipertexto, se le da formato
multimedia. Esta se divide en dos sub-etapas:
!
•	 Análisis: donde se desarma, disgrega, la información obtenida
•	 Síntesis: aquí se vuelve a unir la información con una
estructura hipertextual, con un concepto de eje temático, es
decir, se organiza en grupos jerárquicos, y se va de lo mas
general, a lo particular.
!
Aquí surge el árbol de navegación:
Introducción a Adobe Flash
El DI puede definirse como el arte y la ciencia
de preparar la información, de modo que pueda
usarse por los humanos con eficacia y
eficiencia
diseño de la
información
Horn (1999)
modelo de trabajo
plataforma de producción
desarrollo compositivo
desarrollo de interfaz
modelo de trabajo
plataforma de producción
Hoy en día flash es usado en la industria
gráfica para 2 aristas principales; animación
destinada a medios de venta y
comunicación y desarrollo de interfaces
interactivas.
preguntas?

Más contenido relacionado

PPSX
Diseño multimedia exposicion
PPTX
Exposicion de diseño multimedia
PPTX
DISEÑO MULTIMEDIA
PPS
Diseño Multimedial
PPSX
¿Que es el Diseño Multimedia? ADGUER Diseño Multimedia
PPTX
Power point
PPTX
Diseño digital y multimedia
PPT
Diseño e integración de multimedia sena
Diseño multimedia exposicion
Exposicion de diseño multimedia
DISEÑO MULTIMEDIA
Diseño Multimedial
¿Que es el Diseño Multimedia? ADGUER Diseño Multimedia
Power point
Diseño digital y multimedia
Diseño e integración de multimedia sena

La actualidad más candente (20)

PPTX
PPTX
Diseño digital y multimedia
PPT
LDISEÑO.ppt
PPTX
Tecnólogo en producción multimedia
PPTX
Presentaciones
PPT
Diseño de integracion multimedia
PPT
Diseño e integración de multimedia sena(2)
PPTX
area de informatica en el instituto tecnico industrial
PPTX
Manejo de powerpoint
PPT
Caja de Herramientas
PPTX
presentaciones electronicas
PPTX
Gabriel mendoza periodismo
PDF
Cuadro comparativo entre PowerPoint y Prezi.
DOCX
Cuadro comparativo. powerpoint y prezi
PPTX
Manejo de power point 2
PDF
Programa de diseño e integracion de multimedia
PPTX
Multimedia
PPTX
Multimedia
PPTX
Diseño multimedia
Diseño digital y multimedia
LDISEÑO.ppt
Tecnólogo en producción multimedia
Presentaciones
Diseño de integracion multimedia
Diseño e integración de multimedia sena(2)
area de informatica en el instituto tecnico industrial
Manejo de powerpoint
Caja de Herramientas
presentaciones electronicas
Gabriel mendoza periodismo
Cuadro comparativo entre PowerPoint y Prezi.
Cuadro comparativo. powerpoint y prezi
Manejo de power point 2
Programa de diseño e integracion de multimedia
Multimedia
Multimedia
Diseño multimedia
Publicidad

Destacado (6)

PDF
Diseño Gráfico y Multimedia
PPTX
Evolucion de la multimedia y el diseño grafico
PPT
Multimedia DiseñO GráFico
PPT
Identificar los elementos de diseño multimedia
PDF
Diseño del proyecto multimedia
PPTX
Tendencias actuales del desarrollo de software
Diseño Gráfico y Multimedia
Evolucion de la multimedia y el diseño grafico
Multimedia DiseñO GráFico
Identificar los elementos de diseño multimedia
Diseño del proyecto multimedia
Tendencias actuales del desarrollo de software
Publicidad

Similar a Introducción a Adobe Flash (20)

PDF
Guia-de_recursos_digitales_fabian_vasquez_2_c1
PPTX
Recursos y objetos virtuales de aprendizaje ova preguntas tutoria 5
PPTX
Multimedia corpetrol
DOCX
Multimedia respuestas
PDF
Tema 2 herramientas
PPTX
VideoCast
DOCX
Diseño de multimedia
PPTX
Victoryo17
DOC
Identificacion De La Guia De Aprendizaje 1
PDF
Manual recursos avanzados_parte1
PDF
Manual recursos avanzados_parte1
PPT
Introducción a la tecnología multimedios
PPT
Multimedia
PPT
Multimedia
DOCX
Las etapas de un proyecto multimedia
PDF
Software y Herramientas disponibles para educación by tecnonautas
PDF
Presentación Proyecto EME Carlos A. Herrera B. 11
PPTX
Tarea 4 tecn y com ii
PPTX
Tarea 4-tecn-y-com-ii
Guia-de_recursos_digitales_fabian_vasquez_2_c1
Recursos y objetos virtuales de aprendizaje ova preguntas tutoria 5
Multimedia corpetrol
Multimedia respuestas
Tema 2 herramientas
VideoCast
Diseño de multimedia
Victoryo17
Identificacion De La Guia De Aprendizaje 1
Manual recursos avanzados_parte1
Manual recursos avanzados_parte1
Introducción a la tecnología multimedios
Multimedia
Multimedia
Las etapas de un proyecto multimedia
Software y Herramientas disponibles para educación by tecnonautas
Presentación Proyecto EME Carlos A. Herrera B. 11
Tarea 4 tecn y com ii
Tarea 4-tecn-y-com-ii

Más de iConstruye (20)

PDF
Examen taller
PDF
Entrega1 - Taller 4
PDF
Prototipado Web
PDF
Introducción a Motion Graphics
PDF
Examen imagen
PDF
Examen edicion rrpp
PDF
Examen edicion
PDF
Texto en InDesign
PDF
Edición conInDesign CS6
PDF
Filezilla
PDF
Webhost
PDF
Etapas de un proyecto web
PDF
Navegación en la web
PDF
Mapas conceptuales
PDF
Etiquetas estructurales en HTML5
PDF
Hojas de estilo CSS
PDF
Etiquetas semánticas HTML
PDF
La información como fundamento del diseño
PDF
Examen Edición Multimedia
PDF
Temario examen
Examen taller
Entrega1 - Taller 4
Prototipado Web
Introducción a Motion Graphics
Examen imagen
Examen edicion rrpp
Examen edicion
Texto en InDesign
Edición conInDesign CS6
Filezilla
Webhost
Etapas de un proyecto web
Navegación en la web
Mapas conceptuales
Etiquetas estructurales en HTML5
Hojas de estilo CSS
Etiquetas semánticas HTML
La información como fundamento del diseño
Examen Edición Multimedia
Temario examen

Último (20)

PPTX
Folleto_Ecosistemas_Juveniles y ambiente .pptx
PDF
Biologia molecular para riesgos ambientales
PPTX
expocidzbznzbsbbsbdjbsbdbsjdjjdjdjdbion..pptx
PDF
ANALIS DE SITIO QUEVEDO DE CASAS Y ENTORNOS
PDF
Informe del proyecto con todo 14-02-25.pdf
PPT
BUENA PARA INSTRUCCION EN BUENAS PRACT.ppt
PPTX
mapa mental sobre la elaboracion del plan analitico sobre la nueva escuela me...
PPTX
Diapositiva marco del Buen Desempeño.pptx
PDF
Presentación Me gustas San Valentín Creativo Rosa_20250729_111237_0000.pdf
PPTX
MATBApptxx.mbaarqtqweujjyyffdrtghjujjjjjikbfd
PPTX
13 huhijkjlkjlkjlkjlkjlkjde agosto (2).pptx
PDF
Cuidado para el Desarrollo Infantil _Certificado de participación (1).pdf
PDF
Las leyes de las marcas como aprender a crear marcas impactantes
PDF
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
PDF
Cartelera de lavaplatos de bicarbonato y limon
PPTX
diseño e interpretacion de planos tecnicos.pptx
PDF
diapositvas de trauma de torax.descripcion
DOCX
RUTA DE TRABAJO III BLOQUE DE SEMANA DE GESTION DE LA IE JUAN SANTOS ATAHUALP...
PPTX
Presentaciones de modelos en power points
PDF
Presentación Diapositivas Propuesta de Proyecto Orgánico Aesthetic Beige y Ma...
Folleto_Ecosistemas_Juveniles y ambiente .pptx
Biologia molecular para riesgos ambientales
expocidzbznzbsbbsbdjbsbdbsjdjjdjdjdbion..pptx
ANALIS DE SITIO QUEVEDO DE CASAS Y ENTORNOS
Informe del proyecto con todo 14-02-25.pdf
BUENA PARA INSTRUCCION EN BUENAS PRACT.ppt
mapa mental sobre la elaboracion del plan analitico sobre la nueva escuela me...
Diapositiva marco del Buen Desempeño.pptx
Presentación Me gustas San Valentín Creativo Rosa_20250729_111237_0000.pdf
MATBApptxx.mbaarqtqweujjyyffdrtghjujjjjjikbfd
13 huhijkjlkjlkjlkjlkjlkjde agosto (2).pptx
Cuidado para el Desarrollo Infantil _Certificado de participación (1).pdf
Las leyes de las marcas como aprender a crear marcas impactantes
DEONTOLOGIA 2025 - I.pdfrfffffffffffffffffffffffffffffe
Cartelera de lavaplatos de bicarbonato y limon
diseño e interpretacion de planos tecnicos.pptx
diapositvas de trauma de torax.descripcion
RUTA DE TRABAJO III BLOQUE DE SEMANA DE GESTION DE LA IE JUAN SANTOS ATAHUALP...
Presentaciones de modelos en power points
Presentación Diapositivas Propuesta de Proyecto Orgánico Aesthetic Beige y Ma...

Introducción a Adobe Flash

  • 2. Presentación del curso Identifica las características del lenguaje Hipermedia (o animaciones interactivas), según especificaciones técnicas del proyecto y estándares de publicación. ! Identifica los recursos y sus características que conforman una pieza Hipermedia, según especificaciones técnicas del proyecto y estándares de publicación. ! Define un mapa de interacciones, según especificaciones técnicas del proyecto y estándares de publicación.
  • 3. Presentación del curso Identifica los lenguajes de programación y herramientas de creación para Animaciones Hipermedia, según especificaciones técnicas del proyecto y estándares de publicación. ! Construye Animaciones Hipermedia según los requerimientos técnicos del proyecto y estándares de publicación. ! Prepara los recursos mediales según especificaciones técnicas del proyecto y estándares de publicación.
  • 4. Unidades de aprendizaje PRINCIPIOS BÁSICOS DE PLATAFORMAS Y LENGUAJES INTERACTIVOS ! PLANIFICACIÓN Y DISEÑO DE UN PROYECTO DE ANIMACIÓN MULTIMEDIA SELECCIÓN Y OPTIMIZACIÓN DE LOS RECURSOS ! DESARROLLO Y PRODUCCIÓN DE ANIMACIONES INTERACTIVAS
  • 5. evaluaciones (2 coef. 1+ 1 coef. 2) Encargos propuestos por el docente basados en casos de estudio. ! Se propone una temática común para todos los alumnos y se resuelven desde una propuesta conceptual y una entrega formal.
  • 6. examen / producto Animación digital interactiva en un CD-ROM con carátula, que incluya animaciones basadas en una interfaz de control con programación Action Script y navegación interactiva de acuerdo al mapa y estructura de información.
  • 7. Hipermedia es el término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, video, audio, mapas y otros soportes de información emergentes, de tal modo que el resultado obtenido, además tenga la posibilidad de interactuar con los usuarios.
  • 8. autorias DVD app móviles desarrollos web proyecto interactivo
  • 9. desarrollos sobre una unidad óptica donde se integran elementos audiovisuales, textos, imágenes y lenguajes de programación autorias DVD proyecto interactivo
  • 10. app móvilesproyecto interactivo desarrollos pensados para resolver situaciones específicas sobre datos móviles (smartphones, tablets)
  • 11. desarrollos web proyecto interactivo desarrollos para optimizar la capa de interacción de contenidos montados en un sitio web
  • 12. desarrollos web proyecto interactivo desarrollos para optimizar la capa de interacción de contenidos montados en un sitio web cada vez menos... gracias HTML5
  • 13. etapas del proyecto Diseño de información Diseño de interfaz Diseño de interacción
  • 14. diseño de información Se convierte la información lineal a hipertexto, se le da formato multimedia. Esta se divide en dos sub-etapas: ! • Análisis: donde se desarma, disgrega, la información obtenida • Síntesis: aquí se vuelve a unir la información con una estructura hipertextual, con un concepto de eje temático, es decir, se organiza en grupos jerárquicos, y se va de lo mas general, a lo particular. ! Aquí surge el árbol de navegación:
  • 16. El DI puede definirse como el arte y la ciencia de preparar la información, de modo que pueda usarse por los humanos con eficacia y eficiencia diseño de la información Horn (1999)
  • 17. modelo de trabajo plataforma de producción desarrollo compositivo desarrollo de interfaz
  • 18. modelo de trabajo plataforma de producción Hoy en día flash es usado en la industria gráfica para 2 aristas principales; animación destinada a medios de venta y comunicación y desarrollo de interfaces interactivas.