SlideShare una empresa de Scribd logo
1 de 99
Descargar para leer sin conexión
Clase 1 de Flash
Jorge Llantén Briceño
Diseñador Gráfico Publicitario
Prof. de I.P. Los Leones hace 12 años
Docente hace 14 años
www.j2.cl /wwwj2cl @jorgellanten jorgellantenb /jorgellanten /jorgellanten
Hasta el 4º Semestre
Photoshop
InDesign
Illustrator
Hasta el 4º Semestre
Photoshop
InDesign
Illustrator
IMPRESIÓN
CMYK
300 Pxl/pulg
TIFF - PDF
Hasta el 4º Semestre
Photoshop
InDesign
Illustrator
IMPRESIÓN
CMYK
300 Pxl/pulg
TIFF - PDF
PAPEL
Hasta el 4º Semestre
Photoshop
InDesign
Illustrator
IMPRESIÓN
CMYK
300 Pxl/pulg
TIFF - PDF
PAPEL
Hasta el 4º Semestre
Photoshop
InDesign
Illustrator
IMPRESIÓN
CMYK
300 Pxl/pulg
TIFF - PDF
PAPEL
AHORA SOLO
PANTALLA
6º y 7º Semestre
6º y 7º Semestre
3D
VIDEO
MULTIMEDIA
WEB
6º y 7º Semestre
3D
VIDEO
MULTIMEDIA
WEB
72 pxl/pulg
JPG - PNG
6º y 7º Semestre
3D
VIDEO
MULTIMEDIA
WEB
72 pxl/pulg
JPG - PNG
Color RGB
Decimales
Decimales
0
1
2
3
4
5
6
7
8
9
0-9
3
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
0-9
3
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
HexadecimalesDecimales
#33BB55
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
#33BB55
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
#33BB55
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
#4176D9
HexadecimalesDecimales
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
#33BB55
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
R G B
0
1
2
3
4
5
6
7
8
9
0-9
3
0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F
0-F
B
#AA33BB
#AA33BB
#A3B
#AA33BB
RGB(0,255,255)
RGB(0,100%,100%)
#A3B
#AA33BB
white
black
etc.
RGB(0,255,255)
RGB(0,100%,100%)
#A3B
Animaciones antes de Flash
Animaciones antes de Flash
CUADRO A CUADRO
Animaciones antes de Flash
CUADRO A CUADRO
VIDEO
Animaciones antes de Flash
CUADRO A CUADRO
GIF ANIMADOS
VIDEO
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
1996 FUTURE SPLASH
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
1996 FUTURE SPLASH
Herramienta de
animación
vectorial
Animación
1997 Macromedia Flash 2
Sigue siendo
una herramienta
solo de animación
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Animación
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Ahora incluye
script pero la
programación
es muy
deficiente.
Animación
1998 Macromedia Flash 3
Ahora incluye script pero la programa
es m e.Web
1998 Macromedia Flash 3
Scripting
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Se mejora la
navegación y
el 92% de los
Navegadores
lo usa.
Animación Web / Multimedia
1999 Macromedia Flash 4
Se mejora la navegación y el 92% d
Navegadores lo usa.
1999 Macromedia Flash 4
Scripting
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Se hace tan
masivo que la
gran parte de los
sitios tienen
grandes intros y
menus que en
ocasiones son
exageradas.
Animación Web / Multimedia
2000 Macromedia Flash 52000 Macromedia Flash 5
Se hace tan masivo que la gran parte de lo
tienen grandes intros y menus que en oc
Scripting AS1
Ejemplo: Balthaser (2000)
ver ejemplo
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Comienza a
exportar para
dispositivos
móviles
Animación Web / Multimedia
2002 Macromedia Flash MX
Scripting AS1Comienza a exportar para dispositivos m
Web
Móbil
Ejemplo
http://www.maestrosdelweb.com/editorial/fladismovil/
Ejemplo
http://www.maestrosdelweb.com/editorial/fladismovil/
Ejemplo
http://www.maestrosdelweb.com/editorial/fladismovil/
Ejemplo
http://www.maestrosdelweb.com/editorial/fladismovil/
Ejemplo
http://www.maestrosdelweb.com/editorial/fladismovil/
Ejemplo
http://www.maestrosdelweb.com/editorial/fladismovil/
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
2 Versiones
2 formas de
programar
AS1 y AS2
Animación Web / Multimedia
2003 Macromedia Flash MX 2004
Scripting AS1
Web
Móbil
Aparecen dos versiones co
de trabajar el código d
2003 Macromedia MX 2004
Aparecen dos versiones con formas diferentes
AS2
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Animación Web / Multimedia
2005 Macromedia Flash 8
Scripting AS1
Web Móbil
AS2
2005 Macromedia Flash 8
2005
2005
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2006 Adobe Flash 9
Scripting AS1
Web Móbil
AS2
Animación
Primera Versión
de ActionScript 3
2006 Adobe Flash 9
(alpha)
La programación de Flash
ya va en ActionScript 3.0
AS3
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2007 Adobe Flash CS3
Scripting AS1
Web Móbil
AS2
Animación
AS3
Compatibilidad con Photoshop e Illustrator
AS1
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2007 Adobe Flash CS3
Scripting AS1
Web Móbil
AS2
Animación
AS3
Compatibilidad con Photoshop e Illustrator
AIR 1
AS1
Es un entorno de ejecución
multiplataforma para la creación
de aplicaciones.
Ejemplo de 10 aplicaciones para desarrollo web hechas para Adobe Air
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2008 Adobe Flash CS4
Scripting AS1
Web Móbil
AS2
Animación
AS3
Compatibilidad de video H.264 (MP4), rotación
3D y herramientas de huesos y deco.
AIR 1
AS1
2009 Aparece el primer iPhone y
no reproduce archivos Flash
Que razones da Apple para no usar Flash?
Que razones da Apple para no usar Flash?
1.Es un software 100% propietario, es decir, cerrado a
los aportes de terceros.
Que razones da Apple para no usar Flash?
1.Es un software 100% propietario, es decir, cerrado a
los aportes de terceros.
2.Hay un formato más moderno, H.264, que está
disponible en los citados dispositivos de Apple.
Que razones da Apple para no usar Flash?
1.Es un software 100% propietario, es decir, cerrado a
los aportes de terceros.
2.Hay un formato más moderno, H.264, que está
disponible en los citados dispositivos de Apple.
3.Tiene un antiguo historial de problemas no resueltos
de seguridad.
Que razones da Apple para no usar Flash?
1.Es un software 100% propietario, es decir, cerrado a
los aportes de terceros.
2.Hay un formato más moderno, H.264, que está
disponible en los citados dispositivos de Apple.
3.Tiene un antiguo historial de problemas no resueltos
de seguridad.
4.Requiere decodificación por hardware, lo que puede
aumentar hasta en un 100% el uso de la batería de
dispositivos móviles
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2010 Adobe Flash CS5
Scripting AS1
Web Móbil
AS2
Animación
AS3
AIR 1 AIR 2
Android
AS1
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2010 Adobe Flash CS5
Scripting AS1
Web Móbil
AS2
Animación
AS3
Nuevo motor de texto
AIR 1 AIR 2
Android
AS1
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2010 Adobe Flash CS5
Scripting AS1
Web Móbil
AS2
Animación
AS3
Nuevo motor de texto
Flexibilidad para Huesos y Nuevas
herramientas Deco de dibujo
AIR 1 AIR 2
Android
AS1
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2010 Adobe Flash CS5
Scripting AS1
Web Móbil
AS2
Animación
AS3
Nuevo motor de texto
Flexibilidad para Huesos y Nuevas
herramientas Deco de dibujo
AIR 1 AIR 2
Android
Aplicaciones
Juegos
AS1
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2011 Adobe Flash CS 5.5
Scripting AS1
Web Móbil
AS2
Animación
AS3
AIR 2
Android
AIR 3
Smart TV
Aplicaciones
Juegos
Autorecuperación
y autoguardado.
(por fin!)
AS1
.5
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2011 Adobe Flash CS 5.5
Scripting AS1
Web Móbil
AS2
Animación
AS3
AIR 1 AIR 2
Android
AIR 3
Smart TV
Aplicaciones
Juegos
Autorecuperación
y autoguardado.
(por fin!)
AS1
.5
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
2012 Adobe Flash CS6
AS1
Web Móbil
AS2 AS3
Animación
AIR 1 AIR 2 AIR 3
Smart TVAndroid
Aplicaciones
Juegos
AS1
Herramienta para
creación de juegos
y contenidos para
dispositivos.
Exportar para
HTML5
http://youtu.be/5cYxKEVa1N4
2013 Adobe Creative Cloud
Aplicaciones totalmente nuevas solo descargables por internet. Servicios y herramientas mejor
conectados. Comunidad creativa a solo un clic de distancia. (Behance)
2013 Adobe Flash CC
Solo ActionScript 3
Sin herramientas
de Huesos, Deco,
sin texto TLF. Sin
Comportamientos,
entre otras cosas.
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
Scripting AS1
Web Móbil
AS2
Animación
AS3
AIR 1 AIR 2
Android
AIR 3
Smart TV
Aplicaciones /Juegos
AS1 AS2
2013 Adobe Flash CC
Solo ActionScript 3
Sin herramientas
de Huesos, Deco,
sin texto TLF. Sin
Comportamientos,
entre otras cosas.
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
Web / Multimedia
Scripting AS1
Web Móbil
AS2
Animación
AS3
AIR 1 AIR 2
Android
AIR 3
Smart TV
Aplicaciones /Juegos
AS1 AS2
Casi por completo
para crear
aplicaciones y
juegos.
Impresión / Publicidad
Impresión / Publicidad
Impresión / Publicidad
Trabajo del diseñador con Flash
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Multimedia
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Multimedia
Web
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Multimedia
Web
Web Movil
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Multimedia
Web
Web Movil
Aplicaciones y Juegos para PC
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Multimedia
Web
Web Movil
Aplicaciones y Juegos para PC
Aplicaciones y Juegos para Movil y Tablets
Impresión / Publicidad
Trabajo del diseñador con Flash
Animación
Multimedia
Web
Web Movil
Aplicaciones y Juegos para PC
Aplicaciones y Juegos para Movil y Tablets
Aplicaciones y Juegos para Smart TV
Con lo visto en el semestre
para que salen preparados?
(72 horas pedagógicas)
StopMotion
StopMotion
Animación
StopMotion
Animación
Banner
StopMotion
Animación
Banner
Catalogos interactivos
StopMotion
Animación
Banner
Catalogos interactivos
Infografias animadas
StopMotion
Animación
Banner
Catalogos interactivos
Infografias animadas
Multimedias para
e-Learning
Av. Ricardo Lyon 1177, Providenci Fonos: 204 2998 - 204 2370
www.academiamac.c info@academiamac.cl
CONTENIDOS
ÁREA GRÁFICA
Photoshop
Conocimiento de la plataforma
Tipos de archivos e imágenes
Tamaño y resoluciones
Herramientas de diseño básicas,
selección, pluma y dibujo
Composición a base de capas y
carpetas de desarrollo
Filtros y selección
Trabajo con Bitmaps y vectores
Desarrollo de interfaz y
aplicación para usuario
Integración con Illustrator y
Flash
Illustrator
Conocimiento de la plataforma
Tipos de archivo e imágenes
Documentos y formatos
Dibujo y rellenos de color
Composición a base de capas y
carpetas de desarrollo
Filtros y selección
Trabajo con Bitmaps y vectores
Objetos inteligentes y símbolos
Desarrollo de interfaz y
aplicación para usuario
Integración con Photoshop y
Flash
ÁREA WEB
HTML
Lenguaje HTML
Estructura de TAGS
Rich Media en HTML
CSS
Qué es CSS y su relación con
HTML
Edición de Etiquetas Básicas
con CSS
ID, tags y clases
Armado y maquetado con CSS
CSS Avanzado
CSS3
Comparativa con CSS2
Cambios más importantes
introducidos
Animación con CSS3
HTML 5
Comparativa con HTML4
Cambios más importantes
introducidos
Animación con HTML5
Nuevas etiquetas
Canvas
Geolocalización
WebStorage
JavaScript
Introducción a la programación
Sintaxis Básica y tipos de datos
Condicionales e iterativos y
funciones
Arreglos y Objetos
Manipulación de elementos,
propiedades HTML y Eventos
Integración y manejo de API’s
Animación y dibujo en Canvas
Frameworks para creación de
Videojuegos con Javascript
(LimeJS, ImpactJS, EaselJS)
PhoneGap
PHP - MySQL
jQuery - jQuery
Mobile
Introducción
Selección de Elementos
Manipulación de propiedades y
elementos HTML
Eventos, Animación y jQuery UI
Librería para creación de
VideoJuegos gameQuery
ÁREA FLASH
Fundamentos AS3
Fundamentos OOP
Fundamentos AS3
Arquitectura de Carpetas
Templates y Escenarios
Metodología de Desarrollo
Elementos del Lenguaje
Clases Esenciales (XML, Array,
Object)
Creación de Paquetes AS3
Clases Externas AS3
Propiedades, Métodos y Eventos
Asociaciones de Clases
Cargar y Gestionar Videos
Cargar y Gestionar Sonidos y
Mp3s
Reproductores de Audio y Video
Cargar y Gestionar Imágenes
(JPG, GIF, PNG)
Uso e Implementación de
Bitmaps
Carga y Gestión de SWF
Gestionar Cargas y Precargas
Uso y gestión de Niveles (root,
parent, this, childindex)
Fundamentos Games
Fundamentos Games Flash
Tipos de Games en Flash
Metodología de Desarrollo de
Juegos
Convenciones y mejores
prácticas
Clases Esenciales (Vector,
stage3D)
FrameWorks AS3 para Games
Games Engines Escenarios y
Templates
Interactive Games
Interacción con Teclado y Mouse
Colisiones de MovieClip
Control de animación
TweenMax/TweenLite
Interacción con Sonido y Videos
Matemáticas y Física en AS3
Aleatoriaridad
Arrays Multidimensionales
Diccionarios y Vectores
Loops y Bucles
2D Games
Planos Cartesianos
Posicionamiento de Objetos
Backgrounds y SpriteSheets
Conectividad
Conectividad XML
Conectividad JSON
Conectividad PHP
Conectividad SharedObject
Conectividad PHP - AS3 - MySQL
BDD MySQL
BDD SQL Lite
Librerías
TweenMax/TweenLite
Box2D
AS3Mob
Facebook API
AS3 Adobe Utilities
AS3mathlib
Flare3D
Alternative3D
Pv3D
Flint
JigLib
Logic Games
Fundamentos Lógica en AS3
Desarrollo Inteligencia Artificial
(CPU versus Player)
Desarrollo de Niveles
Social Games
Fundamentos Social Games
Tipos de Juegos Sociales
Facebook para Desarrolladores
Aplicaciones Facebook
Fundamentos Facebook
Connect
Facebook SDK y API AS3
Creación de Social Games con
Facebook
Conectividad entre Amigos
Invitaciones y desafíos FB
Escalabilidad
Ranking, Compartir, Publicar
APIs y AS3
Casual Games
Fundamentos Casual
Plataformas
Fluidez - Rapidez
Desarrollos Ágiles
Adver Games
Fundamentos Advertising
Publicidad y Juegos
Marcas y Juegos
Framework AS3
Fundamentos FrameWorks AS3
Desarrollo Juegos con
FrameWorks
FlashPunk, Starling, Flint,
Flixel, AS3 ISO Lib, PushButton,
Platogo, Geewa
MultiPlayer Games
Metodología de Desarrollo
MultiPlayer
RMTFP
Seguridad y Desarrollo
Servidores MultiPlayer
Peer to Peer
Client Server Latency
Cliente o Servidor
Juegos colaborativos
BDD para MultiPlayers Games
ÁREA SONIDO
Introducción a Reason
(Herramientas, paneles e
interfaz)
Conceptualización del Sonido
Diseño de Sonido Ambiental
Diseño de Sonido Incidental
Diseño de Sonido de Interfaz
ÁREA VIDEO
Introducción a Adobe Media
Encoder
Importación y Exportación de
Videos para Flash Professional
con Adobe Media Encoder
Edición de Video Rápida con
Adobe Media Encoder
Introducción a After Effects
Edición de Video con After
Effects
Creación y gestión de CuePoints
en After Effects
Integración con Flash
ÁREA GESTIÓN Y
CREATIVIDAD
Creación de Guión de un
VideoJuego
Caracterización de Personajes
Diagramas de Flujo en el
desarrollo de Aplicaciones
Adaptación del Guión
Usabilidad
Arquitectura de la Información
Prototipado y WireFrames
Usuarios
Medición (Analíticas con Google
y Facebook)
Av. Ricardo Lyon 1177, Providenci Fonos: 204 2998 - 204 2370
www.academiamac.c info@academiamac.cl
CONTENIDOS
ÁREA GRÁFICA
Photoshop
Conocimiento de la plataforma
Tipos de archivos e imágenes
Tamaño y resoluciones
Herramientas de diseño básicas,
selección, pluma y dibujo
Composición a base de capas y
carpetas de desarrollo
Filtros y selección
Trabajo con Bitmaps y vectores
Desarrollo de interfaz y
aplicación para usuario
Integración con Illustrator y
Flash
Illustrator
Conocimiento de la plataforma
Tipos de archivo e imágenes
Documentos y formatos
Dibujo y rellenos de color
Composición a base de capas y
carpetas de desarrollo
Filtros y selección
Trabajo con Bitmaps y vectores
Objetos inteligentes y símbolos
Desarrollo de interfaz y
aplicación para usuario
Integración con Photoshop y
Flash
ÁREA WEB
HTML
Lenguaje HTML
Estructura de TAGS
Rich Media en HTML
CSS
Qué es CSS y su relación con
HTML
Edición de Etiquetas Básicas
con CSS
ID, tags y clases
Armado y maquetado con CSS
CSS Avanzado
CSS3
Comparativa con CSS2
Cambios más importantes
introducidos
Animación con CSS3
HTML 5
Comparativa con HTML4
Cambios más importantes
introducidos
Animación con HTML5
Nuevas etiquetas
Canvas
Geolocalización
WebStorage
JavaScript
Introducción a la programación
Sintaxis Básica y tipos de datos
Condicionales e iterativos y
funciones
Arreglos y Objetos
Manipulación de elementos,
propiedades HTML y Eventos
Integración y manejo de API’s
Animación y dibujo en Canvas
Frameworks para creación de
Videojuegos con Javascript
(LimeJS, ImpactJS, EaselJS)
PhoneGap
PHP - MySQL
jQuery - jQuery
Mobile
Introducción
Selección de Elementos
Manipulación de propiedades y
elementos HTML
Eventos, Animación y jQuery UI
Librería para creación de
VideoJuegos gameQuery
ÁREA FLASH
Fundamentos AS3
Fundamentos OOP
Fundamentos AS3
Arquitectura de Carpetas
Templates y Escenarios
Metodología de Desarrollo
Elementos del Lenguaje
Clases Esenciales (XML, Array,
Object)
Creación de Paquetes AS3
Clases Externas AS3
Propiedades, Métodos y Eventos
Asociaciones de Clases
Cargar y Gestionar Videos
Cargar y Gestionar Sonidos y
Mp3s
Reproductores de Audio y Video
Cargar y Gestionar Imágenes
(JPG, GIF, PNG)
Uso e Implementación de
Bitmaps
Carga y Gestión de SWF
Gestionar Cargas y Precargas
Uso y gestión de Niveles (root,
parent, this, childindex)
Fundamentos Games
Fundamentos Games Flash
Tipos de Games en Flash
Metodología de Desarrollo de
Juegos
Convenciones y mejores
prácticas
Clases Esenciales (Vector,
stage3D)
FrameWorks AS3 para Games
Games Engines Escenarios y
Templates
Interactive Games
Interacción con Teclado y Mouse
Colisiones de MovieClip
Control de animación
TweenMax/TweenLite
Interacción con Sonido y Videos
Matemáticas y Física en AS3
Aleatoriaridad
Arrays Multidimensionales
Diccionarios y Vectores
Loops y Bucles
2D Games
Planos Cartesianos
Posicionamiento de Objetos
Backgrounds y SpriteSheets
Conectividad
Conectividad XML
Conectividad JSON
Conectividad PHP
Conectividad SharedObject
Conectividad PHP - AS3 - MySQL
BDD MySQL
BDD SQL Lite
Librerías
TweenMax/TweenLite
Box2D
AS3Mob
Facebook API
AS3 Adobe Utilities
AS3mathlib
Flare3D
Alternative3D
Pv3D
Flint
JigLib
Logic Games
Fundamentos Lógica en AS3
Desarrollo Inteligencia Artificial
(CPU versus Player)
Desarrollo de Niveles
Social Games
Fundamentos Social Games
Tipos de Juegos Sociales
Facebook para Desarrolladores
Aplicaciones Facebook
Fundamentos Facebook
Connect
Facebook SDK y API AS3
Creación de Social Games con
Facebook
Conectividad entre Amigos
Invitaciones y desafíos FB
Escalabilidad
Ranking, Compartir, Publicar
APIs y AS3
Casual Games
Fundamentos Casual
Plataformas
Fluidez - Rapidez
Desarrollos Ágiles
Adver Games
Fundamentos Advertising
Publicidad y Juegos
Marcas y Juegos
Framework AS3
Fundamentos FrameWorks AS3
Desarrollo Juegos con
FrameWorks
FlashPunk, Starling, Flint,
Flixel, AS3 ISO Lib, PushButton,
Platogo, Geewa
MultiPlayer Games
Metodología de Desarrollo
MultiPlayer
RMTFP
Seguridad y Desarrollo
Servidores MultiPlayer
Peer to Peer
Client Server Latency
Cliente o Servidor
Juegos colaborativos
BDD para MultiPlayers Games
ÁREA SONIDO
Introducción a Reason
(Herramientas, paneles e
interfaz)
Conceptualización del Sonido
Diseño de Sonido Ambiental
Diseño de Sonido Incidental
Diseño de Sonido de Interfaz
ÁREA VIDEO
Introducción a Adobe Media
Encoder
Importación y Exportación de
Videos para Flash Professional
con Adobe Media Encoder
Edición de Video Rápida con
Adobe Media Encoder
Introducción a After Effects
Edición de Video con After
Effects
Creación y gestión de CuePoints
en After Effects
Integración con Flash
ÁREA GESTIÓN Y
CREATIVIDAD
Creación de Guión de un
VideoJuego
Caracterización de Personajes
Diagramas de Flujo en el
desarrollo de Aplicaciones
Adaptación del Guión
Usabilidad
Arquitectura de la Información
Prototipado y WireFrames
Usuarios
Medición (Analíticas con Google
y Facebook)
StopMotion
Gulp Making Of
StopMotion
Her Morning Elegance
Oren Lavie
Behind the scene
Time Lapse
http://youtu.be/VHSxHy0EpEQ
Tilt Shift
http://youtu.be/o4mdIrbvSoE
Animación cuadro a cuadro
HBruna TV
Tablas Digitalizadoras
Wacom Bamboo
Tablas Digitalizadoras
Wacom 24 HD
Tablas Digitalizadoras
Wacom Inkling
Animación en Flash

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

Flasghle 5
Flasghle 5Flasghle 5
Flasghle 5
 
Reconnect
ReconnectReconnect
Reconnect
 
Adobe Flash, entre el amor y el odio
Adobe Flash, entre el amor y el odioAdobe Flash, entre el amor y el odio
Adobe Flash, entre el amor y el odio
 
T1 e1 palacios
T1 e1 palaciosT1 e1 palacios
T1 e1 palacios
 
Que es flash
Que es flashQue es flash
Que es flash
 
Presentacion De Flash
Presentacion De FlashPresentacion De Flash
Presentacion De Flash
 
Andres alexis canizales
Andres alexis canizalesAndres alexis canizales
Andres alexis canizales
 
S Wi Sh Max
S Wi Sh MaxS Wi Sh Max
S Wi Sh Max
 
Lizeth natalia urian salazar 1 de eme
Lizeth natalia urian salazar 1 de emeLizeth natalia urian salazar 1 de eme
Lizeth natalia urian salazar 1 de eme
 
Njniuhn
NjniuhnNjniuhn
Njniuhn
 
98
9898
98
 
Introduccion de flash cs5
Introduccion de flash cs5Introduccion de flash cs5
Introduccion de flash cs5
 

Destacado

Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8krlaediith
 
Manual De Macromedia flash professional 8
Manual De Macromedia flash professional 8Manual De Macromedia flash professional 8
Manual De Macromedia flash professional 8Paula Buitrago
 
Practica nº16 de flash
Practica nº16 de flashPractica nº16 de flash
Practica nº16 de flashRafael Carlos
 
Tutorial macromedia flash 8 sesión 1
Tutorial  macromedia flash 8  sesión 1Tutorial  macromedia flash 8  sesión 1
Tutorial macromedia flash 8 sesión 1ucss,unmsm
 
Ejercicio del Movimiento de objetos en dibujos animados con Flash
Ejercicio del Movimiento de objetos en dibujos animados con FlashEjercicio del Movimiento de objetos en dibujos animados con Flash
Ejercicio del Movimiento de objetos en dibujos animados con FlashFrancisco Javier Arce Anguiano
 
Lista de cotejo para evaluar investigación
Lista de cotejo para evaluar investigaciónLista de cotejo para evaluar investigación
Lista de cotejo para evaluar investigaciónSistema e42
 
Lista de cotejo
Lista de cotejoLista de cotejo
Lista de cotejoYaneth
 
Progrmacion curricular anual de educacion para el trabajo
Progrmacion curricular anual de educacion para el trabajoProgrmacion curricular anual de educacion para el trabajo
Progrmacion curricular anual de educacion para el trabajoUgel 09
 

Destacado (20)

Guia ejercicios flash
Guia ejercicios flashGuia ejercicios flash
Guia ejercicios flash
 
SEMANA VERDE
SEMANA VERDESEMANA VERDE
SEMANA VERDE
 
Practica 12
Practica 12Practica 12
Practica 12
 
Hm libro de_oracion_comun
Hm libro de_oracion_comunHm libro de_oracion_comun
Hm libro de_oracion_comun
 
EJ-08 flash portátil
EJ-08 flash portátilEJ-08 flash portátil
EJ-08 flash portátil
 
Macromedia flash 8
Macromedia flash 8Macromedia flash 8
Macromedia flash 8
 
Adobe Flash 8
Adobe Flash 8Adobe Flash 8
Adobe Flash 8
 
Manual De Macromedia flash professional 8
Manual De Macromedia flash professional 8Manual De Macromedia flash professional 8
Manual De Macromedia flash professional 8
 
FLASH PORTÁTIL
FLASH PORTÁTILFLASH PORTÁTIL
FLASH PORTÁTIL
 
Practica nº16 de flash
Practica nº16 de flashPractica nº16 de flash
Practica nº16 de flash
 
Manual de flash basico completo
Manual de flash basico completoManual de flash basico completo
Manual de flash basico completo
 
Tutorial macromedia flash 8 sesión 1
Tutorial  macromedia flash 8  sesión 1Tutorial  macromedia flash 8  sesión 1
Tutorial macromedia flash 8 sesión 1
 
Practica 1º de macromedia flash
Practica 1º de macromedia flashPractica 1º de macromedia flash
Practica 1º de macromedia flash
 
Flash taller 6
Flash taller 6Flash taller 6
Flash taller 6
 
Ejercicio del Movimiento de objetos en dibujos animados con Flash
Ejercicio del Movimiento de objetos en dibujos animados con FlashEjercicio del Movimiento de objetos en dibujos animados con Flash
Ejercicio del Movimiento de objetos en dibujos animados con Flash
 
FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8
 
Lista de cotejo para evaluar investigación
Lista de cotejo para evaluar investigaciónLista de cotejo para evaluar investigación
Lista de cotejo para evaluar investigación
 
Lista de cotejo
Lista de cotejoLista de cotejo
Lista de cotejo
 
Lista De Cotejo, Carteles
Lista De Cotejo, CartelesLista De Cotejo, Carteles
Lista De Cotejo, Carteles
 
Progrmacion curricular anual de educacion para el trabajo
Progrmacion curricular anual de educacion para el trabajoProgrmacion curricular anual de educacion para el trabajo
Progrmacion curricular anual de educacion para el trabajo
 

Similar a Clase 1 de Flash

Similar a Clase 1 de Flash (20)

Clase1 diseño interacivo
Clase1 diseño interacivoClase1 diseño interacivo
Clase1 diseño interacivo
 
Presente pasado y Futuro de Flash
Presente pasado y Futuro de FlashPresente pasado y Futuro de Flash
Presente pasado y Futuro de Flash
 
Exposicion equipo 6 adobe flash cs ecec
Exposicion equipo 6 adobe flash cs ececExposicion equipo 6 adobe flash cs ecec
Exposicion equipo 6 adobe flash cs ecec
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Presentación1
Presentación1Presentación1
Presentación1
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Historia de flash
Historia de flashHistoria de flash
Historia de flash
 
Historia de versiones de flash
Historia de versiones de flashHistoria de versiones de flash
Historia de versiones de flash
 
Historia de flash y sus versiones
Historia de flash y sus versionesHistoria de flash y sus versiones
Historia de flash y sus versiones
 
Diana huayamave
Diana huayamaveDiana huayamave
Diana huayamave
 
Diapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyyDiapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyy
 
Diapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyyDiapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyy
 
Diapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyyDiapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyy
 
Diapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyyDiapositiva en flash ... gabyyy
Diapositiva en flash ... gabyyy
 
Historia de flash cornejo
Historia de flash cornejoHistoria de flash cornejo
Historia de flash cornejo
 
T1 e1 terroba
T1 e1 terrobaT1 e1 terroba
T1 e1 terroba
 
Historia de flash 2 a2
Historia de flash 2 a2Historia de flash 2 a2
Historia de flash 2 a2
 
Historia de flash 2 a2
Historia de flash 2 a2Historia de flash 2 a2
Historia de flash 2 a2
 

Más de Jorge Llanten

Ficha Técnica de tableta gráfica Huion Inspiroy Giano G930L
Ficha Técnica de tableta gráfica Huion Inspiroy Giano G930LFicha Técnica de tableta gráfica Huion Inspiroy Giano G930L
Ficha Técnica de tableta gráfica Huion Inspiroy Giano G930LJorge Llanten
 
Pauta de trabajo de restauración y coloreado
Pauta de trabajo de restauración y coloreadoPauta de trabajo de restauración y coloreado
Pauta de trabajo de restauración y coloreadoJorge Llanten
 
Pauta mezcla animales en Photoshop
Pauta mezcla animales en PhotoshopPauta mezcla animales en Photoshop
Pauta mezcla animales en PhotoshopJorge Llanten
 
Pauta para entrega de Isométricas en Illustrator
Pauta para entrega de Isométricas en IllustratorPauta para entrega de Isométricas en Illustrator
Pauta para entrega de Isométricas en IllustratorJorge Llanten
 
Pauta de entrega para trabajo de desintegración en Photoshop
Pauta de entrega para trabajo de desintegración en PhotoshopPauta de entrega para trabajo de desintegración en Photoshop
Pauta de entrega para trabajo de desintegración en PhotoshopJorge Llanten
 
Nota 2 de flash sección 2
Nota 2 de flash sección 2Nota 2 de flash sección 2
Nota 2 de flash sección 2Jorge Llanten
 
Nota 2 de Flash (sección 1)
Nota 2 de Flash (sección 1)Nota 2 de Flash (sección 1)
Nota 2 de Flash (sección 1)Jorge Llanten
 
Pauta Nota 3 Indesign
Pauta Nota 3 IndesignPauta Nota 3 Indesign
Pauta Nota 3 IndesignJorge Llanten
 
Nota 2. Motivos en Photoshop
Nota 2. Motivos en PhotoshopNota 2. Motivos en Photoshop
Nota 2. Motivos en PhotoshopJorge Llanten
 
Etiquetas HTML básicas
Etiquetas HTML básicasEtiquetas HTML básicas
Etiquetas HTML básicasJorge Llanten
 
Introduccion a Computación Gráfica 1 - 2017
Introduccion a Computación Gráfica 1 - 2017Introduccion a Computación Gráfica 1 - 2017
Introduccion a Computación Gráfica 1 - 2017Jorge Llanten
 
Pauta evaluación Motivo en Photoshop (1)
Pauta evaluación Motivo en Photoshop (1)Pauta evaluación Motivo en Photoshop (1)
Pauta evaluación Motivo en Photoshop (1)Jorge Llanten
 
Wireframe de una web
Wireframe de una webWireframe de una web
Wireframe de una webJorge Llanten
 
Libro Vino & Diseño. El Vino Chileno se viste de etiqueta
Libro Vino & Diseño. El Vino Chileno se viste de etiquetaLibro Vino & Diseño. El Vino Chileno se viste de etiqueta
Libro Vino & Diseño. El Vino Chileno se viste de etiquetaJorge Llanten
 
Curso de Desarrollo Web: Etiquetas HTML
Curso de Desarrollo Web: Etiquetas HTMLCurso de Desarrollo Web: Etiquetas HTML
Curso de Desarrollo Web: Etiquetas HTMLJorge Llanten
 
Introduccion clase 1 2015
Introduccion clase 1 2015Introduccion clase 1 2015
Introduccion clase 1 2015Jorge Llanten
 
Wordpress - Introducción
Wordpress - IntroducciónWordpress - Introducción
Wordpress - IntroducciónJorge Llanten
 
Diseño Web en Photoshop
Diseño Web en PhotoshopDiseño Web en Photoshop
Diseño Web en PhotoshopJorge Llanten
 
Algunas etiquetas HTML5 y opciones para segunda nota
Algunas etiquetas HTML5 y opciones para segunda notaAlgunas etiquetas HTML5 y opciones para segunda nota
Algunas etiquetas HTML5 y opciones para segunda notaJorge Llanten
 

Más de Jorge Llanten (20)

Ficha Técnica de tableta gráfica Huion Inspiroy Giano G930L
Ficha Técnica de tableta gráfica Huion Inspiroy Giano G930LFicha Técnica de tableta gráfica Huion Inspiroy Giano G930L
Ficha Técnica de tableta gráfica Huion Inspiroy Giano G930L
 
Pauta de trabajo de restauración y coloreado
Pauta de trabajo de restauración y coloreadoPauta de trabajo de restauración y coloreado
Pauta de trabajo de restauración y coloreado
 
Pauta mezcla animales en Photoshop
Pauta mezcla animales en PhotoshopPauta mezcla animales en Photoshop
Pauta mezcla animales en Photoshop
 
Icono animal
Icono animalIcono animal
Icono animal
 
Pauta para entrega de Isométricas en Illustrator
Pauta para entrega de Isométricas en IllustratorPauta para entrega de Isométricas en Illustrator
Pauta para entrega de Isométricas en Illustrator
 
Pauta de entrega para trabajo de desintegración en Photoshop
Pauta de entrega para trabajo de desintegración en PhotoshopPauta de entrega para trabajo de desintegración en Photoshop
Pauta de entrega para trabajo de desintegración en Photoshop
 
Nota 2 de flash sección 2
Nota 2 de flash sección 2Nota 2 de flash sección 2
Nota 2 de flash sección 2
 
Nota 2 de Flash (sección 1)
Nota 2 de Flash (sección 1)Nota 2 de Flash (sección 1)
Nota 2 de Flash (sección 1)
 
Pauta Nota 3 Indesign
Pauta Nota 3 IndesignPauta Nota 3 Indesign
Pauta Nota 3 Indesign
 
Nota 2. Motivos en Photoshop
Nota 2. Motivos en PhotoshopNota 2. Motivos en Photoshop
Nota 2. Motivos en Photoshop
 
Etiquetas HTML básicas
Etiquetas HTML básicasEtiquetas HTML básicas
Etiquetas HTML básicas
 
Introduccion a Computación Gráfica 1 - 2017
Introduccion a Computación Gráfica 1 - 2017Introduccion a Computación Gráfica 1 - 2017
Introduccion a Computación Gráfica 1 - 2017
 
Pauta evaluación Motivo en Photoshop (1)
Pauta evaluación Motivo en Photoshop (1)Pauta evaluación Motivo en Photoshop (1)
Pauta evaluación Motivo en Photoshop (1)
 
Wireframe de una web
Wireframe de una webWireframe de una web
Wireframe de una web
 
Libro Vino & Diseño. El Vino Chileno se viste de etiqueta
Libro Vino & Diseño. El Vino Chileno se viste de etiquetaLibro Vino & Diseño. El Vino Chileno se viste de etiqueta
Libro Vino & Diseño. El Vino Chileno se viste de etiqueta
 
Curso de Desarrollo Web: Etiquetas HTML
Curso de Desarrollo Web: Etiquetas HTMLCurso de Desarrollo Web: Etiquetas HTML
Curso de Desarrollo Web: Etiquetas HTML
 
Introduccion clase 1 2015
Introduccion clase 1 2015Introduccion clase 1 2015
Introduccion clase 1 2015
 
Wordpress - Introducción
Wordpress - IntroducciónWordpress - Introducción
Wordpress - Introducción
 
Diseño Web en Photoshop
Diseño Web en PhotoshopDiseño Web en Photoshop
Diseño Web en Photoshop
 
Algunas etiquetas HTML5 y opciones para segunda nota
Algunas etiquetas HTML5 y opciones para segunda notaAlgunas etiquetas HTML5 y opciones para segunda nota
Algunas etiquetas HTML5 y opciones para segunda nota
 

Clase 1 de Flash

  • 1. Clase 1 de Flash Jorge Llantén Briceño Diseñador Gráfico Publicitario Prof. de I.P. Los Leones hace 12 años Docente hace 14 años www.j2.cl /wwwj2cl @jorgellanten jorgellantenb /jorgellanten /jorgellanten
  • 2. Hasta el 4º Semestre Photoshop InDesign Illustrator
  • 3. Hasta el 4º Semestre Photoshop InDesign Illustrator IMPRESIÓN CMYK 300 Pxl/pulg TIFF - PDF
  • 4. Hasta el 4º Semestre Photoshop InDesign Illustrator IMPRESIÓN CMYK 300 Pxl/pulg TIFF - PDF PAPEL
  • 5. Hasta el 4º Semestre Photoshop InDesign Illustrator IMPRESIÓN CMYK 300 Pxl/pulg TIFF - PDF PAPEL
  • 6. Hasta el 4º Semestre Photoshop InDesign Illustrator IMPRESIÓN CMYK 300 Pxl/pulg TIFF - PDF PAPEL AHORA SOLO PANTALLA
  • 7. 6º y 7º Semestre
  • 8. 6º y 7º Semestre 3D VIDEO MULTIMEDIA WEB
  • 9. 6º y 7º Semestre 3D VIDEO MULTIMEDIA WEB 72 pxl/pulg JPG - PNG
  • 10. 6º y 7º Semestre 3D VIDEO MULTIMEDIA WEB 72 pxl/pulg JPG - PNG Color RGB
  • 21.
  • 27. Animaciones antes de Flash CUADRO A CUADRO
  • 28. Animaciones antes de Flash CUADRO A CUADRO VIDEO
  • 29. Animaciones antes de Flash CUADRO A CUADRO GIF ANIMADOS VIDEO
  • 30. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013
  • 31. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 1996 FUTURE SPLASH
  • 32. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 1996 FUTURE SPLASH Herramienta de animación vectorial Animación
  • 33. 1997 Macromedia Flash 2 Sigue siendo una herramienta solo de animación 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Animación
  • 34. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Ahora incluye script pero la programación es muy deficiente. Animación 1998 Macromedia Flash 3 Ahora incluye script pero la programa es m e.Web 1998 Macromedia Flash 3 Scripting
  • 35. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Se mejora la navegación y el 92% de los Navegadores lo usa. Animación Web / Multimedia 1999 Macromedia Flash 4 Se mejora la navegación y el 92% d Navegadores lo usa. 1999 Macromedia Flash 4 Scripting
  • 36. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Se hace tan masivo que la gran parte de los sitios tienen grandes intros y menus que en ocasiones son exageradas. Animación Web / Multimedia 2000 Macromedia Flash 52000 Macromedia Flash 5 Se hace tan masivo que la gran parte de lo tienen grandes intros y menus que en oc Scripting AS1
  • 38. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Comienza a exportar para dispositivos móviles Animación Web / Multimedia 2002 Macromedia Flash MX Scripting AS1Comienza a exportar para dispositivos m Web Móbil
  • 45. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2 Versiones 2 formas de programar AS1 y AS2 Animación Web / Multimedia 2003 Macromedia Flash MX 2004 Scripting AS1 Web Móbil Aparecen dos versiones co de trabajar el código d 2003 Macromedia MX 2004 Aparecen dos versiones con formas diferentes AS2
  • 46. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Animación Web / Multimedia 2005 Macromedia Flash 8 Scripting AS1 Web Móbil AS2 2005 Macromedia Flash 8
  • 47. 2005
  • 48. 2005
  • 49. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2006 Adobe Flash 9 Scripting AS1 Web Móbil AS2 Animación Primera Versión de ActionScript 3 2006 Adobe Flash 9 (alpha) La programación de Flash ya va en ActionScript 3.0 AS3
  • 50. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2007 Adobe Flash CS3 Scripting AS1 Web Móbil AS2 Animación AS3 Compatibilidad con Photoshop e Illustrator AS1
  • 51. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2007 Adobe Flash CS3 Scripting AS1 Web Móbil AS2 Animación AS3 Compatibilidad con Photoshop e Illustrator AIR 1 AS1
  • 52. Es un entorno de ejecución multiplataforma para la creación de aplicaciones. Ejemplo de 10 aplicaciones para desarrollo web hechas para Adobe Air
  • 53. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2008 Adobe Flash CS4 Scripting AS1 Web Móbil AS2 Animación AS3 Compatibilidad de video H.264 (MP4), rotación 3D y herramientas de huesos y deco. AIR 1 AS1
  • 54. 2009 Aparece el primer iPhone y no reproduce archivos Flash
  • 55. Que razones da Apple para no usar Flash?
  • 56. Que razones da Apple para no usar Flash? 1.Es un software 100% propietario, es decir, cerrado a los aportes de terceros.
  • 57. Que razones da Apple para no usar Flash? 1.Es un software 100% propietario, es decir, cerrado a los aportes de terceros. 2.Hay un formato más moderno, H.264, que está disponible en los citados dispositivos de Apple.
  • 58. Que razones da Apple para no usar Flash? 1.Es un software 100% propietario, es decir, cerrado a los aportes de terceros. 2.Hay un formato más moderno, H.264, que está disponible en los citados dispositivos de Apple. 3.Tiene un antiguo historial de problemas no resueltos de seguridad.
  • 59. Que razones da Apple para no usar Flash? 1.Es un software 100% propietario, es decir, cerrado a los aportes de terceros. 2.Hay un formato más moderno, H.264, que está disponible en los citados dispositivos de Apple. 3.Tiene un antiguo historial de problemas no resueltos de seguridad. 4.Requiere decodificación por hardware, lo que puede aumentar hasta en un 100% el uso de la batería de dispositivos móviles
  • 60. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2010 Adobe Flash CS5 Scripting AS1 Web Móbil AS2 Animación AS3 AIR 1 AIR 2 Android AS1
  • 61. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2010 Adobe Flash CS5 Scripting AS1 Web Móbil AS2 Animación AS3 Nuevo motor de texto AIR 1 AIR 2 Android AS1
  • 62. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2010 Adobe Flash CS5 Scripting AS1 Web Móbil AS2 Animación AS3 Nuevo motor de texto Flexibilidad para Huesos y Nuevas herramientas Deco de dibujo AIR 1 AIR 2 Android AS1
  • 63. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2010 Adobe Flash CS5 Scripting AS1 Web Móbil AS2 Animación AS3 Nuevo motor de texto Flexibilidad para Huesos y Nuevas herramientas Deco de dibujo AIR 1 AIR 2 Android Aplicaciones Juegos AS1
  • 64. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2011 Adobe Flash CS 5.5 Scripting AS1 Web Móbil AS2 Animación AS3 AIR 2 Android AIR 3 Smart TV Aplicaciones Juegos Autorecuperación y autoguardado. (por fin!) AS1 .5
  • 65. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2011 Adobe Flash CS 5.5 Scripting AS1 Web Móbil AS2 Animación AS3 AIR 1 AIR 2 Android AIR 3 Smart TV Aplicaciones Juegos Autorecuperación y autoguardado. (por fin!) AS1 .5
  • 66. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia 2012 Adobe Flash CS6 AS1 Web Móbil AS2 AS3 Animación AIR 1 AIR 2 AIR 3 Smart TVAndroid Aplicaciones Juegos AS1 Herramienta para creación de juegos y contenidos para dispositivos. Exportar para HTML5
  • 68. 2013 Adobe Creative Cloud Aplicaciones totalmente nuevas solo descargables por internet. Servicios y herramientas mejor conectados. Comunidad creativa a solo un clic de distancia. (Behance)
  • 69. 2013 Adobe Flash CC Solo ActionScript 3 Sin herramientas de Huesos, Deco, sin texto TLF. Sin Comportamientos, entre otras cosas. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia Scripting AS1 Web Móbil AS2 Animación AS3 AIR 1 AIR 2 Android AIR 3 Smart TV Aplicaciones /Juegos AS1 AS2
  • 70. 2013 Adobe Flash CC Solo ActionScript 3 Sin herramientas de Huesos, Deco, sin texto TLF. Sin Comportamientos, entre otras cosas. 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 Web / Multimedia Scripting AS1 Web Móbil AS2 Animación AS3 AIR 1 AIR 2 Android AIR 3 Smart TV Aplicaciones /Juegos AS1 AS2 Casi por completo para crear aplicaciones y juegos.
  • 73. Impresión / Publicidad Trabajo del diseñador con Flash
  • 74. Impresión / Publicidad Trabajo del diseñador con Flash Animación
  • 75. Impresión / Publicidad Trabajo del diseñador con Flash Animación Multimedia
  • 76. Impresión / Publicidad Trabajo del diseñador con Flash Animación Multimedia Web
  • 77. Impresión / Publicidad Trabajo del diseñador con Flash Animación Multimedia Web Web Movil
  • 78. Impresión / Publicidad Trabajo del diseñador con Flash Animación Multimedia Web Web Movil Aplicaciones y Juegos para PC
  • 79. Impresión / Publicidad Trabajo del diseñador con Flash Animación Multimedia Web Web Movil Aplicaciones y Juegos para PC Aplicaciones y Juegos para Movil y Tablets
  • 80. Impresión / Publicidad Trabajo del diseñador con Flash Animación Multimedia Web Web Movil Aplicaciones y Juegos para PC Aplicaciones y Juegos para Movil y Tablets Aplicaciones y Juegos para Smart TV
  • 81. Con lo visto en el semestre para que salen preparados? (72 horas pedagógicas)
  • 88.
  • 89. Av. Ricardo Lyon 1177, Providenci Fonos: 204 2998 - 204 2370 www.academiamac.c info@academiamac.cl CONTENIDOS ÁREA GRÁFICA Photoshop Conocimiento de la plataforma Tipos de archivos e imágenes Tamaño y resoluciones Herramientas de diseño básicas, selección, pluma y dibujo Composición a base de capas y carpetas de desarrollo Filtros y selección Trabajo con Bitmaps y vectores Desarrollo de interfaz y aplicación para usuario Integración con Illustrator y Flash Illustrator Conocimiento de la plataforma Tipos de archivo e imágenes Documentos y formatos Dibujo y rellenos de color Composición a base de capas y carpetas de desarrollo Filtros y selección Trabajo con Bitmaps y vectores Objetos inteligentes y símbolos Desarrollo de interfaz y aplicación para usuario Integración con Photoshop y Flash ÁREA WEB HTML Lenguaje HTML Estructura de TAGS Rich Media en HTML CSS Qué es CSS y su relación con HTML Edición de Etiquetas Básicas con CSS ID, tags y clases Armado y maquetado con CSS CSS Avanzado CSS3 Comparativa con CSS2 Cambios más importantes introducidos Animación con CSS3 HTML 5 Comparativa con HTML4 Cambios más importantes introducidos Animación con HTML5 Nuevas etiquetas Canvas Geolocalización WebStorage JavaScript Introducción a la programación Sintaxis Básica y tipos de datos Condicionales e iterativos y funciones Arreglos y Objetos Manipulación de elementos, propiedades HTML y Eventos Integración y manejo de API’s Animación y dibujo en Canvas Frameworks para creación de Videojuegos con Javascript (LimeJS, ImpactJS, EaselJS) PhoneGap PHP - MySQL jQuery - jQuery Mobile Introducción Selección de Elementos Manipulación de propiedades y elementos HTML Eventos, Animación y jQuery UI Librería para creación de VideoJuegos gameQuery ÁREA FLASH Fundamentos AS3 Fundamentos OOP Fundamentos AS3 Arquitectura de Carpetas Templates y Escenarios Metodología de Desarrollo Elementos del Lenguaje Clases Esenciales (XML, Array, Object) Creación de Paquetes AS3 Clases Externas AS3 Propiedades, Métodos y Eventos Asociaciones de Clases Cargar y Gestionar Videos Cargar y Gestionar Sonidos y Mp3s Reproductores de Audio y Video Cargar y Gestionar Imágenes (JPG, GIF, PNG) Uso e Implementación de Bitmaps Carga y Gestión de SWF Gestionar Cargas y Precargas Uso y gestión de Niveles (root, parent, this, childindex) Fundamentos Games Fundamentos Games Flash Tipos de Games en Flash Metodología de Desarrollo de Juegos Convenciones y mejores prácticas Clases Esenciales (Vector, stage3D) FrameWorks AS3 para Games Games Engines Escenarios y Templates Interactive Games Interacción con Teclado y Mouse Colisiones de MovieClip Control de animación TweenMax/TweenLite Interacción con Sonido y Videos Matemáticas y Física en AS3 Aleatoriaridad Arrays Multidimensionales Diccionarios y Vectores Loops y Bucles 2D Games Planos Cartesianos Posicionamiento de Objetos Backgrounds y SpriteSheets Conectividad Conectividad XML Conectividad JSON Conectividad PHP Conectividad SharedObject Conectividad PHP - AS3 - MySQL BDD MySQL BDD SQL Lite Librerías TweenMax/TweenLite Box2D AS3Mob Facebook API AS3 Adobe Utilities AS3mathlib Flare3D Alternative3D Pv3D Flint JigLib Logic Games Fundamentos Lógica en AS3 Desarrollo Inteligencia Artificial (CPU versus Player) Desarrollo de Niveles Social Games Fundamentos Social Games Tipos de Juegos Sociales Facebook para Desarrolladores Aplicaciones Facebook Fundamentos Facebook Connect Facebook SDK y API AS3 Creación de Social Games con Facebook Conectividad entre Amigos Invitaciones y desafíos FB Escalabilidad Ranking, Compartir, Publicar APIs y AS3 Casual Games Fundamentos Casual Plataformas Fluidez - Rapidez Desarrollos Ágiles Adver Games Fundamentos Advertising Publicidad y Juegos Marcas y Juegos Framework AS3 Fundamentos FrameWorks AS3 Desarrollo Juegos con FrameWorks FlashPunk, Starling, Flint, Flixel, AS3 ISO Lib, PushButton, Platogo, Geewa MultiPlayer Games Metodología de Desarrollo MultiPlayer RMTFP Seguridad y Desarrollo Servidores MultiPlayer Peer to Peer Client Server Latency Cliente o Servidor Juegos colaborativos BDD para MultiPlayers Games ÁREA SONIDO Introducción a Reason (Herramientas, paneles e interfaz) Conceptualización del Sonido Diseño de Sonido Ambiental Diseño de Sonido Incidental Diseño de Sonido de Interfaz ÁREA VIDEO Introducción a Adobe Media Encoder Importación y Exportación de Videos para Flash Professional con Adobe Media Encoder Edición de Video Rápida con Adobe Media Encoder Introducción a After Effects Edición de Video con After Effects Creación y gestión de CuePoints en After Effects Integración con Flash ÁREA GESTIÓN Y CREATIVIDAD Creación de Guión de un VideoJuego Caracterización de Personajes Diagramas de Flujo en el desarrollo de Aplicaciones Adaptación del Guión Usabilidad Arquitectura de la Información Prototipado y WireFrames Usuarios Medición (Analíticas con Google y Facebook)
  • 90. Av. Ricardo Lyon 1177, Providenci Fonos: 204 2998 - 204 2370 www.academiamac.c info@academiamac.cl CONTENIDOS ÁREA GRÁFICA Photoshop Conocimiento de la plataforma Tipos de archivos e imágenes Tamaño y resoluciones Herramientas de diseño básicas, selección, pluma y dibujo Composición a base de capas y carpetas de desarrollo Filtros y selección Trabajo con Bitmaps y vectores Desarrollo de interfaz y aplicación para usuario Integración con Illustrator y Flash Illustrator Conocimiento de la plataforma Tipos de archivo e imágenes Documentos y formatos Dibujo y rellenos de color Composición a base de capas y carpetas de desarrollo Filtros y selección Trabajo con Bitmaps y vectores Objetos inteligentes y símbolos Desarrollo de interfaz y aplicación para usuario Integración con Photoshop y Flash ÁREA WEB HTML Lenguaje HTML Estructura de TAGS Rich Media en HTML CSS Qué es CSS y su relación con HTML Edición de Etiquetas Básicas con CSS ID, tags y clases Armado y maquetado con CSS CSS Avanzado CSS3 Comparativa con CSS2 Cambios más importantes introducidos Animación con CSS3 HTML 5 Comparativa con HTML4 Cambios más importantes introducidos Animación con HTML5 Nuevas etiquetas Canvas Geolocalización WebStorage JavaScript Introducción a la programación Sintaxis Básica y tipos de datos Condicionales e iterativos y funciones Arreglos y Objetos Manipulación de elementos, propiedades HTML y Eventos Integración y manejo de API’s Animación y dibujo en Canvas Frameworks para creación de Videojuegos con Javascript (LimeJS, ImpactJS, EaselJS) PhoneGap PHP - MySQL jQuery - jQuery Mobile Introducción Selección de Elementos Manipulación de propiedades y elementos HTML Eventos, Animación y jQuery UI Librería para creación de VideoJuegos gameQuery ÁREA FLASH Fundamentos AS3 Fundamentos OOP Fundamentos AS3 Arquitectura de Carpetas Templates y Escenarios Metodología de Desarrollo Elementos del Lenguaje Clases Esenciales (XML, Array, Object) Creación de Paquetes AS3 Clases Externas AS3 Propiedades, Métodos y Eventos Asociaciones de Clases Cargar y Gestionar Videos Cargar y Gestionar Sonidos y Mp3s Reproductores de Audio y Video Cargar y Gestionar Imágenes (JPG, GIF, PNG) Uso e Implementación de Bitmaps Carga y Gestión de SWF Gestionar Cargas y Precargas Uso y gestión de Niveles (root, parent, this, childindex) Fundamentos Games Fundamentos Games Flash Tipos de Games en Flash Metodología de Desarrollo de Juegos Convenciones y mejores prácticas Clases Esenciales (Vector, stage3D) FrameWorks AS3 para Games Games Engines Escenarios y Templates Interactive Games Interacción con Teclado y Mouse Colisiones de MovieClip Control de animación TweenMax/TweenLite Interacción con Sonido y Videos Matemáticas y Física en AS3 Aleatoriaridad Arrays Multidimensionales Diccionarios y Vectores Loops y Bucles 2D Games Planos Cartesianos Posicionamiento de Objetos Backgrounds y SpriteSheets Conectividad Conectividad XML Conectividad JSON Conectividad PHP Conectividad SharedObject Conectividad PHP - AS3 - MySQL BDD MySQL BDD SQL Lite Librerías TweenMax/TweenLite Box2D AS3Mob Facebook API AS3 Adobe Utilities AS3mathlib Flare3D Alternative3D Pv3D Flint JigLib Logic Games Fundamentos Lógica en AS3 Desarrollo Inteligencia Artificial (CPU versus Player) Desarrollo de Niveles Social Games Fundamentos Social Games Tipos de Juegos Sociales Facebook para Desarrolladores Aplicaciones Facebook Fundamentos Facebook Connect Facebook SDK y API AS3 Creación de Social Games con Facebook Conectividad entre Amigos Invitaciones y desafíos FB Escalabilidad Ranking, Compartir, Publicar APIs y AS3 Casual Games Fundamentos Casual Plataformas Fluidez - Rapidez Desarrollos Ágiles Adver Games Fundamentos Advertising Publicidad y Juegos Marcas y Juegos Framework AS3 Fundamentos FrameWorks AS3 Desarrollo Juegos con FrameWorks FlashPunk, Starling, Flint, Flixel, AS3 ISO Lib, PushButton, Platogo, Geewa MultiPlayer Games Metodología de Desarrollo MultiPlayer RMTFP Seguridad y Desarrollo Servidores MultiPlayer Peer to Peer Client Server Latency Cliente o Servidor Juegos colaborativos BDD para MultiPlayers Games ÁREA SONIDO Introducción a Reason (Herramientas, paneles e interfaz) Conceptualización del Sonido Diseño de Sonido Ambiental Diseño de Sonido Incidental Diseño de Sonido de Interfaz ÁREA VIDEO Introducción a Adobe Media Encoder Importación y Exportación de Videos para Flash Professional con Adobe Media Encoder Edición de Video Rápida con Adobe Media Encoder Introducción a After Effects Edición de Video con After Effects Creación y gestión de CuePoints en After Effects Integración con Flash ÁREA GESTIÓN Y CREATIVIDAD Creación de Guión de un VideoJuego Caracterización de Personajes Diagramas de Flujo en el desarrollo de Aplicaciones Adaptación del Guión Usabilidad Arquitectura de la Información Prototipado y WireFrames Usuarios Medición (Analíticas con Google y Facebook)
  • 92. StopMotion Her Morning Elegance Oren Lavie Behind the scene
  • 95. Animación cuadro a cuadro HBruna TV