Creación de botones animados

del curso: Adobe Flash CS3 - Curso online

Comprar

Información sobre este video

Ejemplo de cómo se puede mejorar el aspecto de un botón añadiéndole animación a uno de sus estados.

Una lección de: Adobe Flash CS3 - Curso online

Estos tutoriales en vídeo son ideales tanto para principiantes que se acercan por primera vez al programa, como para usuarios experimentados, ya que presentan de manera progresiva todos los pasos para llevar a cabo proyectos interactivos y animaciones.

USD 49.95

Comprar

Cursos similares

Otros cursos online

Los comandos en Adobe Flash CS3

03:54
Creación de mapas de zonas interactivas

03:36

En este capítulo se describe el entorno de trabajo del programa, se muestran sus preferencias y se realiza un sencillo ejemplo de diseño y animación usando herramientas básicas.

Descripción general del programa
- Descripción de la tecnología Flash y de los distintos archivos con los que trabaja el programa. También se describe el entorno de trabajo.
  
  Introducción general
  
  06:58
- Para visualizar los archivos Flash en el navegador es necesaria la instalación del Flash Player. Aquí se describe en qué consiste el plugin y cómo descargarlo.
  
  El plugin Flash Player
  
  03:21
- Primera parte de la creación de una animación simple. En este tutorial se enseña cómo dibujar el fondo.
  
  Así se trabaja con Flash
  
  09:07
- En esta parte se enseña cómo animar un símbolo en Flash.
  
  Creación de una animación simple
  
  06:15
- Flash puede trabajar con imágenes vectoriales o con mapas de bits. Aquí se explican sus diferencias.
  
  ¿Vectores o bitmaps?
  
  03:38
- Para optimizar el trabajo en Flash es importante conocer cómo usar los paneles de Adobe. Esta es una descripción de cómo organizar estos paneles.
  
  Los paneles de Adobe
  
  07:05
- Flash admite múltiples perfiles de usuario. En este vídeo se explica cómo organizar el área de trabajo para los diferentes perfiles.
  
  El espacio de trabajo
  
  03:35
- Descripción del panel de bienvenida y las diferentes formas de crear y modificar un documento.
  
  Creación de un documento nuevo
  
  03:49
- Aprenda a modificar las preferencias en Flash para optimizar su trabajo.
  
  Las preferencias de Flash
  - Descripción de las opciones del apartado de preferencias generales, desde los niveles de deshacer hasta la revisión de versiones.
    
    Preferencias generales
    
    05:39
  - Descripción de las preferencias relacionadas con la escritura de código Action Script.
    
    Preferencias de Action Script
    
    02:26
  - Control sobre la calidad de los objetos copiados al portapapeles.
    
    El portapapeles
    
    00:54
  - Modificación de la forma de trabajar de las distintas herramientas de dibujo.
    
    Preferencias de dibujo
    
    02:14
  - Descripción de las preferencias relacionadas con el texto.
    
    Preferencias de texto
    
    00:49
  - Activación de los diferentes mensajes de advertencia del programa.
    
    Mensajes de advertencia
    
    00:29
  - Modificación de las opciones por defecto en la importación de archivos de Adobe Photoshop y Adobe Illustrator.
    
    Importación de archivos AI y PSD
    
    02:01
- Descripción de las diferentes herramientas de ayuda en Flash, tanto del programa como on-line.
  
  Uso de la ayuda
  
  03:54
Descripción de las herramientas clásicas de dibujo con Flash. También se muestran las nuevas herramientas Rectángulo simple y Óvalo simple, y las herramientas para pintar, cambiar líneas, etc.

Dibujando en Flash CS3
- Flash trata a las formas vectoriales de un modo mucho más potente que otros programas. En este apartado se explica su uso.
  
  Uso de formas
  - Descripción de las formas en Flash: rellenos y contornos. Utilización de grupos.
    
    Formas con relleno y contorno. Grupos
    
    05:32
  - Ejemplo de cómo utilizar formas simples para crear una forma compleja mediante su suma y resta.
    
    Creación de formas complejas
    
    02:54
  - Uso de la opción de dibujo de objeto para conseguir crear objetos especiales de forma.
    
    Objetos de dibujo
    
    03:44
- En este apartado se enseña cómo modificar la visualización del escenario para trabajar en detalle y ver sus resultados sobre el total del diseño.
  
  Modificación de la visualización
  - Uso de las diferentes herramientas de zoom. Herramienta Mano.
    
    Utilización del zoom
    
    00:43
  - Duplicar ventanas
    
    02:00
- Descripción de las distintas herramientas de diseño de que dispone Flash.
  
  Herramientas de diseño
  - Creación de rectángulos y cuadrados. Uso de esquinas redondeadas.
    
    Herramienta Rectángulo y Cuadrado
    
    03:48
  - Creación de círculos y óvalos. Uso de porciones angulares y de anillos.
    
    Herramienta Óvalo y Círculo
    
    02:48
  - Creación de polígonos regulares y estrellas.
    
    Herramienta Polígono y Estrella
    
    01:28
  - Descripción de la herramienta Rectángulo simple y modificación las propiedades de estas formas tras haber sido creadas.
    
    Herramienta Rectángulo simple
    
    01:34
  - Descripción de la herramienta Óvalo simple y modificación las propiedades de estas formas tras haber sido creadas.
    
    Herramienta Óvalo simple
    
    01:26
  - Herramienta Línea. Descripción de los distintos tipos de línea.
    
    Creación de líneas
    
    03:07
  - Modificación de las propiedades avanzadas de las líneas. Creación de líneas especiales.
    
    Propiedades avanzadas de línea
    
    03:34
  - Herramienta Lápiz. Modos tinta, suavizar y enderezar.
    
    Herramienta Lápiz
    
    05:52
  - Herramienta Pincel. Cómo usar los diversos modos del pincel para crear dibujos complejos.
    
    Herramienta Pincel
    
    05:52
  - Aplicación de color. Uso del bote de tinta y del cubo de pintura.
    
    Cubo de pintura y bote de tinta
    
    04:44
  - Herramienta Borrador. Diversas maneras de borrar.
    
    La goma de borrar
    
    03:51
  - Herramienta Cuentagotas. Reutlización de colores.
    
    El cuentagotas
    
    02:23
- Flash permite la creación y manipulación de curvas Bezier, tanto de la manera tradicional, como de la propia del programa.
  
  Las curvas Bezier
  - La herramienta Pluma. Creación y modificación de curvas Bezier.
    
    Creación de curvas Bezier
    
    04:37
  - Descripción de las distintas opciones de la herramienta pluma.
    
    Modificadores de la pluma
    
    03:01
  - Modificación de formas vectoriales predefinidas mediante curvas Bezier.
    
    Las formas vectoriales
    
    01:44
- Las herramientas de selección permiten además de la selección de objetos su transformación. Además, Flash ofrece varios modificadores especiales para las formas vectoriales.
  
  Herramientas de selección y modificación
  - Repaso a los diversos modos de trabajo del cursor de selección.
    
    Seleccionando en Flash
    
    05:02
  - Modificación de objetos con la herramienta de transformación. Distorsión de formas vectoriales.
    
    Herramienta de transformación
    
    07:20
  - Uso de la herramienta de selección para modificar formas vectoriales.
    
    Modificando formas con el cursor
    
    02:29
  - Suavizado, enderezado y optimización de curvas. Importación de curvas complejas desde Illustrator.
    
    Optimización de curvas
    
    04:55
  - Opciones especiales de modificación de formas desde el menú Modificar.
    
    Modificadores de forma
    
    03:38
  - Resultado de la opción Separar en diferentes tipos de objeto. Separación de objetos de dibujo, textos, clips y de mapas de bits.
    
    Separación de distintos objetos
    
    02:37
- Flash CS3 ofrece varias herramientas de ayuda al diseño: guías, cuadrículas, regla y ajustar a objetos.
  
  Las ayudas al diseño
  - Repaso a las diferentes ayudas al diseño de que dispone el programa.
    
    Ayudas al diseño
    
    04:58
  - Uso de la opción de ajuste a objetos. Diferentes formas de alineación magnética.
    
    Ajuste a objeto
    
    01:42
  - Descripción de las opciones del panel Alinear.
    
    El panel Alinear
    
    03:21
  - Descripción y uso de la opción de agrupar. Ventajas e inconvenientes.
    
    Agrupado de objetos
    
    03:53
  - La mezcla entre grupos y capas puede resultar confusa: aquí se describe el uso de ambas.
    
    Grupos y capas
    
    06:01
- Ejemplo de transformación de imágenes de mapa de bits a formas vectoriales con Flash. Comparación del trazado usando Illustrator CS3.
  
  Trazado de mapas de bits
  
  07:05
- Descripción de las máscaras. Ejemplo de uso de máscaras.
  
  Máscaras
  
  05:04
- En este apartado se hace un repaso por todos los paneles que se ocupan de la asignación y manipulación de colores.
  
  El color en Flash CS3
  - El panel Color. Creación y modificación de colores. Selección de colores.
    
    El panel Color
    
    05:23
  - Creación de degradados lineales y radiales. Aplicación y modificación de rellenos.
    
    Uso de degradados
    
    03:35
  - Ejemplos de efectos visuales utilizando rellenos.
    
    Efectos especiales con degradados
    
    03:05
  - Rellenos comunes a varios objetos: bloquear relleno.
    
    Opción bloquear relleno
    
    02:25
  - La paleta de colores en Flash. Cargar y guardar colores en el panel Muestras.
    
    El panel Muestras
    
    03:16
  - Relleno de formas vectoriales usando mapas de bits.
    
    Relleno tipo mapa de bits
    
    03:54
Dentro de cualquier aplicación Flash es fundamental el uso del texto. En este capítulo se enseñan los fundamentos del uso de textos: sus tipos, sus opciones y su optimización.

Creando textos
- Descripción de los distintos tipos de texto. Opciones del texto estático.
  
  Textos y textos estáticos
  
  05:59
- Textos dinámicos. Descripción de sus propiedades especiales. Incrustado de fuentes.
  
  Textos dinámicos
  
  03:45
- Textos de formulario. Creación de textos tipo introducción.
  
  Textos de introducción
  
  02:16
- Optimización del peso de las fuentes en los archivos swf. Tipos de incrustación de fuentes en Flash.
  
  Las fuentes incrustadas
  
  03:26
- Opciones de multilínea en textos Flash. Uso del justificado.
  
  Textos multilínea
  
  02:29
- Optimización de la legibilidad de las fuentes en los archivos swf. Opciones de suavizado de fuentes en Flash.
  
  Suavizados de texto
  
  03:41
- El uso del corrector ortográfico. Diccionarios personalizados.
  
  El corrector ortográfico
  
  03:15
Dentro de cualquier aplicación Flash es fundamental el uso del texto. En este capítulo se enseñan los fundamentos del uso de textos: sus tipos, sus opciones y su optimización.

Símbolos e instancias
- ¿Qué es un símbolo? Creación y utilización de símbolos e instancias.
  
  Descripción de los símbolos
  
  02:54
- Ejemplos de uso de instancias. Manipulación de instancias.
  
  Las instancias
  
  04:06
- Diferencias entre los clips de película y los símbolos gráficos. Uso de ambos.
  
  ¿Clips de película o gráficos?
  
  07:55
- Los botones ofrecen una forma simple de dotar de interactividad a los archivos swf. Aquí se enseña a aprovechar sus posibilidades.
  
  Los botones
  
  00:00
  - Descripción del símbolo Botón. Uso simple de sus distintos estados.
    
    Descripción de los botones
    
    04:05
  - Mejora del botón simple. Efectos creados usando los distintos estados del botón.
    
    Distintos estados del botón
    
    04:05
  - Creación de una imagen bitmap interactiva mediante el uso de zonas calientes.
    
    La zona activa
    
    03:38
  - Ejemplo de cómo se puede mejorar el aspecto de un botón añadiéndole animación a uno de sus estados.
    
    Creación de botones animados
    
    04:10
  - Ejemplo de programación en ActionScript 3 para dotar de funcionalidad a un botón.
    
    Los botones y ActionScript 3
    
    03:13
- La anidación de símbolos es básica para la creación de animaciones complejas en Flash. Gracias a ella, el programa permite el ahorro de grandes cantidades de tiempo de desarrollo.
  
  Anidación de símbolos
  - Las jerarquías de símbolos en Flash. Anidación de líneas de tiempo.
    
    Creación de jerarquías de símbolos
    
    06:41
  - Uso del panel explorador de películas en animaciones con anidaciones complejas de símbolos.
    
    El explorador de películas
    
    03:53
  - La anidación de líneas de tiempo en Flash no tiene límites. Ejemplo de animaciones complejas usando jerarquías de símbolos.
    
    Jerarquías complejas
    
    05:19
  - La propiedad de escala de 9 divisiones.
    
    Escala en 9 divisiones
    
    04:58
  - Repaso a los distintos filtros y modos de mezcla de color aplicables a los clips de película.
    
    Uso de filtros y mezcla
    
    04:59
Además de ser una herramienta de diseño web y de generación de interactividad, Flash es una excelente herramienta de animación. En este capítulo se aprende a usarla.

Animando en Flash
- La línea de tiempo en Flash
  
  Manipulación de la línea de tiempo
  
  05:19
- Creación de una animación simple y descripción de algunos de los tipos de fotogramas.
  
  Creación de una animación simple
  
  07:19
- Ejemplo de animación simple usando fotogramas clave. Conceptos básicos de animación.
  
  Animación con fotogramas clave
  
  02:39
- Uso de animaciones con fotogramas clave para la creación de efectos visuales.
  
  Animación 3D con fotogramas clave
  
  02:12
- Utilización de las animaciones de forma para crear efectos de "morphing", iluminación y otros efectos especiales.
  
  Animación de forma
  - Descripción de los tipos de interpolación y sus conceptos básicos. Utilización de animaciones de forma.
    
    Descripción de la animación de forma
    
    04:07
  - Las animaciones de forma no sólo modifican la forma de los objetos vectoriales sino también su color, posición, etc. Ejemplo de efectos usando animaciones de forma.
    
    Animaciones de forma complejas
    
    02:25
  - Ejemplo de cómo controlar la manera en que Flash crea transiciones entre formas vectoriales: uso de consejos de forma.
    
    Uso de los consejos de forma
    
    04:10
- La animación de movimiento es básica en Flash. En este apartado se describe cómo sacarle el máximo partido a este tipo de animaciones.
  
  Animación de movimiento
  - En este vídeo se describe cómo crear animaciones de movimiento y cuáles son sus diferencias básicas respecto a las animaciones de forma.
    
    Descripción de la animación de movimiento
    
    03:46
  - Ejemplos de creación de animación de movimiento compleja. Edición de fotogramas.
    
    Animaciones de movimiento complejas
    
    01:59
  - La utilización de aceleraciones mejora el realismo de la animación. Ejemplo de cómo usar este modificador.
    
    Uso de aceleraciones
    
    03:55
  - Las capas de guía permiten animar objetos utilizando trayectorias complejas. En este vídeo se aplican guías a una animación simple.
    
    Animando con capas de guía
    
    05:43
- En este apartado se explican las diferentes estrategias para ahorrar tiempo al modificar y crear animaciones en la línea de tiempo.
  
  Manipulación de animaciones
  - Diferentes modos de edición de fotogramas en la línea de tiempo aplicado a un ejemplo animado.
    
    Edición de fotogramas
    
    06:44
  - Repaso a las distintas herramientas pensadas para la animación tradicional: papel cebolla y contornos.
    
    El papel cebolla
    
    03:33
  - Cómo modificar los objetos contenidos en varios fotogramas de una sola vez.
    
    Edición múltiple de fotogramas
    
    02:09
  - Cómo hacer una animación de ida y vuelta usando el comando invertir fotogramas.
    
    Invertir animaciones
    
    02:05
  - Flash CS3 ofrece la posibilidad de copiar animaciones y aplicarlas a diferentes objetos. Ejemplo de cómo se puede ahorrar tiempo usando esta característica.
    
    Copia de animaciones en Flash CS3
    
    04:35
- Repaso por los diferentes efectos especiales en la línea de tiempo que ofrece Flash CS3. Ejemplos simples de su uso.
  
  Efectos especiales prediseñados
  
  04:11
- Ejemplo de cómo simplificar una animación compleja mediante el uso de escenas.
  
  Uso de las escenas
  
  04:26
- La mejor manera de aprender a manejar un programa es trabajando con él. Aquí se encuentran diferentes ejemplos prácticos de como trabajar con Adobe Flash CS3 Profesional.
  
  Ejemplos prácticos
  - Ejemplo de animación usando palabras. Optimización del tiempo reutilizando fotogramas y animaciones.
    
    Ejemplo de animación de texto
    
    13:17
  - Ejemplo de creación de efectos de iluminación utilizando máscaras combinadas con fotografías.
    
    Ejemplo de animación con máscara
    
    07:37
  - Ejemplo típico de animación de las letras que componen una palabra.
    
    Ejemplo de animación usando letras
    
    07:06
  - Ejemplo de animación de imágenes usando fusiones entre los bitmaps sucesivos.
    
    Ejemplo de fusión de fotografías
    
    06:00
Flash es mucho más que una herramienta vectorial. Aquí se aprende a importar todo tipo de formatos para optimizar el trabajo en equipo y para generar experiencias multimedia.

Bitmaps, sonidos y vídeos
- Descripción de la importación de mapas de bits a Flash. Uso de la biblioteca para controlar la optimización de la imagen.
  
  Importación de mapas de bits
  
  05:38
- Optimización de mapas de bits tanto usando el propio flash como controlando la optimización desde Adobe Fireworks CS3 y Adobe Fireworks CS3.
  
  Optimización de mapas de bits
  
  08:20
- Utilización de Adobe Bridge CS3 para la gestión de grandes cantidades de archivos en proyectos Flash complejos.
  
  Importación desde Adobe Bridge CS3
  
  05:38
- Adobe Fireworks CS3 es la herramienta ideal para preparar mapas de bits para su importación desde Flash. Aquí se aprende a combinar ambas aplicaciones.
  
  Importación desde Adobe Fireworks CS3
  
  03:34
- Uso del formato PDF dentro de Flash. Importación de archivos de Adobe Potoshop CS3
  
  Importación desde Adobe Photoshop CS3
  
  04:17
- Diseño de pantallas Flash desde Adobe Illustrator CS3 y preparación de sus elementos con propiedades Flash. Importación de archivos AI.
  
  Importación desde Adobe Illustrator CS3
  
  08:54
- Integración de archivos de sonido en los archivos de Flash. Importación, compresión e integración.
  
  Música y sonido
  - Descripción de las opciones de importación de archivos de sonido en Adobe Flash CS3
    
    Opciones de Importación
    
    03:54
  - Optimización de la relación calidad/peso de los archivos de sonido importados.
    
    La compresión del sonido
    
    05:00
  - El sonido se trata de una manera diferente al resto de medios en la línea de tiempo. En este tutorial se aprende a añadir vídeo a la línea de tiempo.
    
    El sonido en la línea de tiempo
    
    03:01
  - Implementación del sonido en las animaciones de la línea de tiempo.
    
    Sincronización de animación y sonido
    
    05:48
  - Uso de la herramienta de edición de sonidos en el panel de propiedades. Modificación de sonidos ya importados en Flash.
    
    Edición del sonido en Flash
    
    04:29
  - En este vídeo se crea un botón en el que se aplican efectos de sonido a sus estados.
    
    Ejemplo de botón con efectos de sonido
    
    03:35
- El vídeo es posiblemente el tipo de medio que permite efectos más espectaculares. En este apartado se aprende a importar, comprimir e integrar vídeo en Flash.
  
  Vídeo en flash CS3
  - Importación de distintos formatos de vídeo en Flash CS3. Opciones de importación y optimización.
    
    Importación de vídeo en Flash CS3
    
    11:38
  - Creación de archivos FLV usando el Flash Vídeo Encoder.
    
    El Flash Vídeo Encoder
    
    04:02
  - Integración de vídeos en la línea de tiempo. Animaciones con vídeo. Uso del componente Flash vídeo
    
    Integración del vídeo en Flash
    
    03:13
- Utilización de la biblioteca para organizar los objetos importados en proyectos complejos. Uso de bibliotecas externas.
  
  Los archivos y la biblioteca
  - Descripción de la biblioteca de símbolos en Flash y de sus distintas opciones de organización y visualización.
    
    Descripción de la biblioteca
    
    04:13
  - Uso de bibliotecas entre varios documentos. Compartiendo objetos entre documentos.
    
    Uso de varias bibliotecas a la vez
    
    01:55
  - Importación de medios desde bibliotecas externas. Uso de las bibliotecas comunes.
    
    Importación desde bibliotecas externas
    
    02:00
Desde Flash se puede generar todo tipo de contenidos, tanto para internet como para su uso off-line. En este apartado se enseña a controlar el tipo y la calidad de los documentos creados con Flash.

Optimización y publicación
- Publicación de documentos. Descripción de la configuración de publicación de archiso swf y html.
  
  La configuración de publicación
  
  02:49
- Ventana Probar película: control del resultado final de las animaciones. Opciones de control de precargas.
  
  Probar películas swf
  
  04:13
- Cuando se trabaja para internet, los archivos swf han de ser montados sobre archivos html para que sean correctamente visualizados. Descripción de la generación de html en Flash.
  
  Creación del html que contiene a Flash
  
  04:07
- Flash permite la generación de aplicaciones ejecutables para su distribución en CD o DVD. Creación de ejecutables.
  
  Generación de interactivos ejecutables
  
  02:04
- Un campo enorme para Flash será la creación de contenidos para dispositivos móviles. Aquí se describe la integración de Adobe Flash CS3 Profesional con Adobe Device Central.
  
  Contenidos para dispositivos móviles
  
  10:31
Gracias al uso de ActionScript, Flash es mucho más que una herramienta de animación. Con él podremos crear aplicaciones dinámicas, juegos y todo tipo de contenido complejo. Este capítulo es una introducción a ActionScript

Programación en ActionScript
- Descripción de las distintas versiones de ActionScript.
  
  Descripción de las diferentes versiones
  
  03:34
- Uso de ActionScript para el control del cabezal de reproducción. Programación básica de un botón.
  
  Control de la línea de tiempo
  
  05:19
- Programación compleja de un botón. Descripción y uso de los eventos de ActionScript.
  
  Uso de eventos de botón ó
  
  02:29
- Programación sobre la línea de tiempo en ActionScript 2.
  
  Programación en la línea de tiempo
  
  04:05
- Uso de estructuras de programación en ActionScript. Creación de sentencias condicionales.
  
  Estructuras complejas
  
  08:27