El alumno al finalizar será capaz de realizar animaciones y webs interactivas con flash, optimizando los tiempos de carga para una correcta visualización en el web.
Diseñadores de web que desean aprender a crear presentaciones multimedia para Internet. Se considera necesario tener conocimientos de html o algún programa de diseño de web.
Deseables conocimientos básicos de html y programación
En esta lección vamos a trabajar y a comprender la interfaz de Macromedia Flash versión MX y los diferentes elementos que la componen. También aprenderemos a mejorar y a ordenar el área de trabajo.
1.- IntroducciónEntorno de trabajoMenús y barras de herramientasLos PanelesPanel de herramientas y modificadoresEl panel PropiedadesCapas y el panel Línea de tiemposMostrar y ocultar los panelesAcoplar los paneles a los bordes del área de trabajoLiberar un panel acopladoEscenarioPelículas de FlashArchivos .fla y .swfPrevisualización y prueba de películasVisualización del escenarioSignificado del Escenario.EscenasInsertar una escenaCambiar de escenaEdición y tratamiento de escenasPropiedades de la películaDimensiones de la películaColor de fondoVelocidad de reproducciónHerramientas de ayuda al dibujo.CuadrículaEncajarEjerciciosEjercicio1.-Ejercicio2.- |
En este capítulo del curso estudiaremos las diferentes herramientas de dibujo a partir de las cuales generaremos nuestras películas. Una de las mejores maneras de aprender un programa de dibujo vectorial es empezar creando formas básicas.
2.- Dibujo y pinturaDibujoLíneaÓvalosRectángulosLápizPincel.La herramienta PlumaLa herramienta Pluma y los segmentos curvosEdición de contornos.Mover un vértice.Curvar un segmento.Añadir un vértice.Suavizar y enderezar contornos.Edición de puntos de anclaje y selectoresDesplazar un nodo o punto de anclajeContraer un selectorExtender un selectorDesplazar los selectoresPaleta de coloresElegir un color.Crear un color desde la paleta predeterminada de colores.Crear un color desde el panel MezcladorAlmacenar el color personalizado en la paleta predeterminadaColores alfa.Bordes y rellenosBote de pintura.Bote de Tinta.BorradorModos de borradoBorrar por selección de color.DegradadosCrear un degradado.Aplicar un degradado.Personalizar los degradadosCambiar los parámetros de un degradado.Degradado continuo.Degradado con colores Alfa.Almacenar un degradado personalizado en la paleta predeterminadaCuentagotas, lupa y mano.Cuentagotas.Lupa.Mano.EjerciciosEjercicio1.-Ejercicio2.-Ejercicio.- |
Para llevar a cabo cualquier transformación de los objetos del escenario, primero debemos seleccionarlos. Antes de ver cómo editar y trabajar con los diferentes tipos de vectores, primero aprenderemos a seleccionarlos con agilidad
3.- Edición de formas.Selección de objetosSelección directa.Selección por ventana.Selección por lazo.Funcionamiento de los vectoresAgrupar y separar objetos.Orden de apilado.Cambiar el orden de apilamientoMover un grupo al frenteMover un grupo al fondoMover un grupo hacia delanteMover un grupo hacia atrásDesplazamiento y copiaDesplazamiento.Desplazamiento con el panel PropiedadesCopiar.Transformación de objetosEscalar.Escalar con el panel Transformar.Girar y SesgarGirar y sesgar.Girar y sesgar desde el panel Transformar.Distorsión y EnvolturaTransformar desde el menú ModificarReflejarVoltearCambio del centro de transformación.Alineación de objetosAlinear objetos desde el menú ModificarAlinear objetos desde el panel AlinearAlineamiento.DistribuirCoincidir el tamaño y el espacioEscenarioEjerciciosEjercicio 1.-Ejercicio 2.-Ejercicio 3.-Ejercicio 4.-Ejercicio 5.-Ejercicio 6.- opcional |
Una animación es una sucesión de dibujos y figuras en el tiempo, de tal manera que se simula el movimiento de estos objetos. En esta lección aprenderemos los principios de la animación en Flash.
4.- Introducción a la animación.Animación tradicional. Animación por interpolación.Gestión de fotogramas.Tipos de fotogramasGestión básica de fotogramas.Gestión básica de capas.Añadir capaEdición de capas. Operaciones con capas.Eliminar una capaCopiar fotogramasCopiar fotogramas directamente en la Línea de tiempoCambiar el título de la capaOrganizar las capasAnimación tradicional.Interpolación de forma.Herramienta papel cebolla.Consejos de formaMover una animaciónEjerciciosEjercicio 1.- Animaciones tradicionalesEjercicio 2.- Interpolaciones de forma.Ejercicio 3.- |
En la creación de películas con Flash es fundamental el uso de símbolos, por lo que en esta lección explicaremos qué son, cuáles son sus aplicaciones y cómo se trabaja con ellos.
5.- Símbolos.Concepto y tipos.Tipos de símbolosCreación de símbolos gráficosCrear un símbolo nuevo.Convertir en símbolo.Instancias.Crear instanciasPropiedades de instancia.Transformar una instanciaTransformación desde el panel PropiedadesCambiar el color de la instanciaSeparación de instancias.Editar símbolosEditar en sitioBibliotecaVisualizar el símboloLas carpetasDuplicar un símboloNombrar los símbolosEliminar símbolosCrear nuevos símbolos desde la BibliotecaImportar símbolos de otras Bibliotecas:Interpolación de movimiento.Propiedades de la interpolación de movimiento.Clips de PelículaCómo se crea un Clip de Película.Convertir una animación en Clip de películaUso de un Clip de Película.Cambiar el símbolo de una instanciaCambiar el comportamiento de un símbolo.EjerciciosEjercicio1.-Ejercicio2.-Ejercicio 3.-Ejercicio 4.-Ejercicio 4.- (opcional)Ejercicio 5.- |
A la finalización de la lección el alumno sabrá introducir todo tipo de textos en Flash, también será capaz de realizar animaciones con textos, siguiendo varias técnicas explicadas.
6.- TextosCaracterísticas del texto.Fuentes de sistema (Truetype).Fuentes de dispositivo.Consejos con respecto al uso de tipos de fuente.Introducción de texto.Texto estático.Propiedades del texto estático.Texto dinámico.Propiedades del texto dinámico.Texto dinámico, desplazamiento permitido.Texto Introducción de texto.Selección y edición de texto.Trabajando con textosModificar textosAnimar textosDescomponer textosAlgunos ejemplos de animaciones de texto.EjerciciosEjercicio 1.Ejercicio 2.Ejercicio 3.Fase A. Bienvenidos.Fase B. Teleformación.Fase C. Símbolo de ADR y final. |
Según nuestras animaciones se vayan haciendo más complejas, puede que nos encontremos con que necesitemos otras formas de organizar los objetos. En esta lección estudiaremos su funcionamiento y sus principales aplicaciones.
7.- CapasGestión básica de capasCreación de capasNombrar las capasCapa activaSelección de capasSeleccionar varias capasSeleccionar capas alternasActuar sobre los objetos de las capas seleccionadasBorrado de capasDuplicar capasCopiar fotogramas desde la misma Línea de tiempoConjuntos de capasMostrar/ocultarBloquear/DesbloquearVer contornosOrganizar capasCapa de guíasCapa de guía de movimientoCapa de máscaraCapa de máscara con gráficos animadosCapa de máscara con clip de películaEjerciciosEjercicio 1.- Guía de movimientoEjercicio 2.- Máscaras.Ejercicio 3.- Libre. |
A la finalización de la lección el alumno sabrá emplear las acciones básicas de Flash.
8.- AccionesAcciones básicasEl panel de Acciones.Selector de acciones, propiedades y métodos.Ventana de aplicación.Editor de código.Ejemplo del uso del editor.Acciones en fotogramas.Acciones en botones.Creación de botones.Asociar una acción a un botón.Acciones asociadas a clips de película.Acción Go ToRótulos en fotogramas.Un ejemplo simple de menú.Acción Get URLAcción Load MovieCarga en un nivel.Carga en un clip.Cargar un archivo de imagen en vez de un swf.With (Antiguo Tell Target).Jerarquía de los clips.Load Variables.Botones avanzadosClips de película en el estado SobreClips con botones que se autoejecutan.EjerciciosEjercicio 1.-Ejercicio 2.-Ejercicio 3.- Botón animado.Ejercicio 4.-Ejercicio 5.-Load Movie.Ejercicio 6.-With. |
A la finalización de la lección, el alumno será capaz de importar y emplear todo tipo de objetos en una película Flash.
9.- Elementos importadosImportar imágenes.Copiar y pegar.Opción Importar del menú de Archivo.La librería de objetos de una película.Importar a biblioteca.Aplicar un relleno de mapa de bits.Separar mapa de bitsTrazar mapa de bits.Parámetros de la vectorización.Optimizar las curvas de una vectorización.Utilización de las imágenes en películas Flash.Imagen importada.Imagen vectorizada.Imagen como botón.Importar vectores.Importar vídeos.Importar sonidos.Optimización de los elementos importados.EjerciciosEjercicio 1.- Interpolaciones de forma con vectorización.Ejercicio 2.- NenúfaresFase A. Matriz de cuadrados.Fase B. Los cuadrados desaparecen.Fase C. Los cuadrados se pintan con la imagen de los nenúfares.Fase D. Aparece la imagen completa.Fase E. Retoques finales.Ejercicio 3. CatálogoFase A. Clip de película de fondo.Fase B. Botón para entrar en la siguiente escena.Fase C. Primera escena PORTADAFase C. Catálogo de fotos. |
En esta lección vamos a aprender cómo podemos importar sonidos para incluirlos en nuestra animación. Porque las películas de Flash pueden presentarse con sonidos, ya sean como eventos o como melodías de acompañamiento.
10.- SonidosImportar sonidos.Conseguir sonidos.Tipos de sonido.Colocación en fotogramas.Colocación de un sonido en un fotograma desde el panel PropiedadesPropiedades de los sonidos.Evento:Flujo:Inicio:Detener:Edición de sonidos desde la solapa Sonido.Efectos especiales desde el panel Propiedades.Efectos especiales desde el cuadro Editar envolventeSonido en botones.Melodía de fondoObtener una melodía.Sincronizar la animación.Comprimir los sonidosEjerciciosEjercicio 1.-Ejercicio 2.-Ejercicio 3.-Ejercicio 4.-Ejercicio 5.- |
Una vez estudiada la lección, el alumno será capaza de publicar de una manera optimizada las películas Flash, también será capaz de incluir indicadores de descarga e integrar las animaciones en sitios web.
11.- Publicar y exportarReproducción de películas.Formatos de salidaPublicar una películaConsejos de optimizaciónComprobación de la descargaEstudio de la películaMostrar flujoPrecarga de la películaIndicador del progreso de descarga.Parámetros de exportación. Configuración de Publicación.Configuración de un archivo swfConfiguración de un archivo htmlImportar un swf.Colocación en una página htmlColocación de una película como si fuese una imagenCreación de una botonera o pagina principal con enlaces al resto de páginas.Creación de una presentación como bienvenida de un web.EjerciciosEjercicio 1.-Ejercicio 2.-Ejercicio 3.-Fase A. Animación de portada.Fase B. Menú de la izquierda.Fase C. Incrustar una animación en la página Presentación. |
En este capítulo daremos unas nociones a modo de introducción de la sintaxis de ActionScript a través de algún sencillo ejemplo sin llegar a entrar en el rigor del lenguaje de programación. También veremos cómo manipular los clips de película mediante Actionscript y plantearemos varios ejercicios donde aplicar estos conceptos.
12.- Clips con ActionscriptSintaxis de ActionScriptTipos de datosVariablesOperadoresAccionesCondicionales y buclesFuncionesObjetosPropiedades de los clipsMoviendo una instancia.Girando una instanciaEscalar una instanciaCambiar la transparencia de una instanciaActivar o desactivar la visualización de una instancia.Métodos de los clipsArrastre de un clip.Duplicar y borrar instanciasMúltiples líneas de tiempoOrganización interna de una películaRutas absolutas.Rutas relativas.Otras InstanciasEjerciciosEjercicio1.- Scroll con un clipEjercicio 2.- Efecto de linternaEjercicio 3.- Menu emergenteEjercicio 4.- Juego |
Una vez finalizada la lección, el alumno será capaz de diseñar películas flash que actúen como formularios.
13.- Uso de componentesLos componentes de Flash MX.Cuadros de texto.Tipos de componentes.Casilla de verificaciónBotón de opciónCuadro de listaLista desplegableBotónBarra de ScrollPanel de scrollEnviar los datos de un formulario.Validación.Orden de tabulación.Cambiar el aspecto de los componentes.La propiedad Change Handler.Scroll manual de texto.EjerciciosEjercicio 1.- Formulario de varias páginas.Primer paso.Segundo paso.Tercer paso.Ejercicio 2.- Calculadora del peso perfecto. |
El objetivo de este tema es poner en práctica lo aprendido en este curso y aplicarlo en la creación de un web promocional realizado íntegramente con Flash.
14.- Creación de un Web con FlashIntroducciónEstructuraOrganiza los archivosNivel 0Crear el Gráfico MosaicoEscena de InicioEscenas de salidaEscenas de entradaResumenNivel 5TextosAccionesNivel 2películas 4-9películas 1, 2 y 3Modificar el aspecto del GráficoÚltimos pasosPeculiaridades de Juego.swfColocación en un HTML |