Botones animados

del curso: Curso fundamental de Flash CS6

Comprar

¡Suscríbete ya!

Información sobre este video

Con este ejemplo te enseñamos a conseguir animaciones en los botones incrustando símbolos con animaciones dentro de botones.

Comprar

¡Suscríbete ya!

Una lección de:

Curso fundamental de Flash CS6

USD 38.80

Cursos similares

Presentación del formador Jorge González y del curso video2brain.

Presentación

01:30
Te presentamos los principios básicos del programa que conviene conocer.

Introducción
- La plataforma Flash permite generar contenidos SWF y exportarlos para su visualización en todo tipo de sistemas y dispositivos; desde Windows hasta iOS. Aquí encontrarás una descripción de la tecnología.
  
  Qué es la plataforma Flash
  
  04:55
- ¿Qué hace falta para ver mis contenidos? Reproductores y dispositivos: SWF, AIR y formato nativo.
  
  Reproduciendo Flash
  
  04:14
- En este vídeo te contamos un poco sobre la historia de Flash, cómo fue evolucionando y qué perspectivas tiene a futuro.
  
  Flash profesional
  
  05:19
- Te presentamos los tipos de contenidos que se pueden usar en Flash y generar desde Flash: vectores, bitmaps, audio, vídeo, SWF, AIR...
  
  Multimedia y Flash
  
  04:06
- En este vídeo te ofrecemos un resumen de las novedades de la versión CS6. En esta nueva versión se ha dado prioridad a los juegos y a los contenidos para dispositivos.
  
  Novedades de la versión
  
  04:01
- Flash también permite generar animaciones en HTML5 usando librerías de JavaScript. De esta manera, aunamos la potencia de creación de Flash con la universalidad de HTML5.
  
  Exportando en HTML5
  
  03:22
- Aquí encontrarás un breve resumen del curso. Te presentamos la estructura, los contenidos y los objetivos.
  
  Descripción del curso
  
  01:45
En este capítulo veremos cuatro ejemplos prácticos que muestran el potencial de la aplicación.

Ejemplos
- Hacer una animación con textos es muy sencillo. Haremos un banner típico en 10 minutos usando opciones de animación de textos.
  
  Banner de animación de texto
  
  08:16
- Te mostramos un ejemplo multimedia. Un punto fuerte de Flash es la mezcla de animaciones con vídeos. Aquí animamos una ilustración dentro de un vídeo.
  
  Animación montada sobre vídeo real
  
  12:28
- Te presentamos un ejemplo de interactividad simple. Con este sencillo juego aprenderemos a crear interactividad en Flash sin necesidad de programar.
  
  Juego infantil de letras y animales
  
  09:08
- Exportando contenido Flash para móvil: haremos una pequeña aplicación que aprovecha el acelerómetro de los dispositivos y usaremos el nuevo panel de simulación de Flash.
  
  Mini juego para Android
  
  05:04
Antes de empezar a desarrollar, vamos a conocer los fundamentos del programa para aprovecharlo mejor.

Principios de Flash
- Te presentamos una descripción del entorno de trabajo y su relación con el proceso de creación.
  
  Organización del programa
  
  05:49
- Esto es lo que hay que hacer antes de empezar a crear contenidos en Flash: estructurar los proyectos.
  
  Estructurando un proyecto Flash
  
  03:43
- Conocer las buenas prácticas en Flash es importantísimo. En lo que respecta a los planteamientos de diseño y de proyecto, es sumamente relevante que tengas en cuenta a la audiencia final y para qué dispositivos vas a trabajar.
  
  Buenas prácticas en Flash
  
  06:03
- ¿Cómo hacer un nuevo Flash? Tipos de documento: FLA y XFL.
  
  Creando un documento nuevo
  
  02:58
- Opciones del documento: podemos reutilizar trabajo ya creado usando plantillas. Nos hará ahorrar muchísimo tiempo.
  
  Propiedades del documento: Plantillas
  
  04:02
- Personalizamos el entorno de trabajo para tener todos los paneles y ventanas a mano según el perfil del desarrollador.
  
  Personalizando la interfaz
  
  03:44
- ¿Cómo añadir elementos creados desde otros programas a nuestro Flash? En este vídeo te contamos todo lo que necesitas saber.
  
  Creando contenidos e importando multimedia
  
  04:19
- Para aprovechar los vectores y bitmaps es imprescindible entender la diferencia entre gráficos vectoriales e imágenes bitmap.
  
  Vectores y bitmaps
  
  03:33
- En este vídeo encontrarás una descripción del panel más importante dentro de Flash: Propiedades.
  
  Panel de propiedades
  
  03:32
- En este vídeo hablaremos sobre las capas, fotogramas y principios básicos de animación. Te mostramos también algunas opciones de visualización en la línea de tiempo.
  
  Línea de tiempo: principios de animación
  
  02:11
Antes de empezar a animar hay que crear los contenidos. En este capítulo aprenderemos a diseñar en Flash.

Diseñando en Flash
- Uno de los puntos fuertes de Flash es la facilidad de uso de las formas vectoriales.
  
  Las formas vectoriales y Flash
  - Te enseñamos a crear formas vectoriales utilizando las herramientas de creación de formas vectoriales.
    
    Con qué se crean las formas vectoriales
    
    01:59
  - En Flash las formas vectoriales se tratan de una manera diferente en comparación con otros programas. Es precisamente esto lo que les da la potencia que tienen en él.
    
    Cómo trabajar con formas vectoriales
    
    04:16
  - En este vídeo aprenderás a sumar y restar formas vectoriales.
    
    Mezclando formas
    
    04:04
  - La línea en Flash tiene muchas opciones. En este vídeo se explican sus posibilidades.
    
    Opciones de línea
    
    04:40
  - Existen diferentes modos de escala en las líneas en Flash. En este vídeo optimizamos el aspecto de las líneas al escalar.
    
    Escala de líneas
    
    01:22
  - La deformación de vectores en Flash es fácil e intuitiva y se puede hacer utilizando la herramienta de selección o de transformación.
    
    Deformación de formas en Flash
    
    01:58
- En este capítulo veremos las paletas de colores, degradados y rellenos especiales.
  
  El color en Flash
  - Las bases de los colores en Flash se encuentran en los paneles Color y Muestras.
    
    Colores sólidos: Muestras
    
    05:11
  - Con este vídeo aprenderás a crear y modificar degradados lineales y radiales.
    
    Degradados
    
    03:39
  - Cuando queremos que varias formas compartan un mismo degradado se usa el bloqueo de rellenos. Aquí te explicamos qué es.
    
    Bloqueo de rellenos
    
    01:20
  - También podemos rellenar formas usando bitmaps y crear texturas interesantes optimizando el rendimiento.
    
    Relleno de mapa de bits
    
    02:48
- Mientras estamos diseñando podemos optimizar el trabajo si usamos correctamente herramientas como las reglas o las guías.
  
  Ayudas para el diseño
  - El ajuste magnético de Flash y el ajuste a objetos permite diseñar con resultados exactos sin necesidad de usar guías.
    
    Ajuste magnético
    
    02:58
  - Éstas son algunas ayudas que nos ofrece el programa para diseñar en Flash: reglas para medir posiciones, guías para alinear y rejillas para trabajar con retículas.
    
    Reglas, guías y rejilla
    
    03:33
  - El ajuste al píxel mejora la calidad del renderizado de los objetos en Flash evitando bordes difuminados.
    
    Ajuste a píxel
    
    02:04
- En este capítulo te presentamos varias opciones de empaquetamiento y organización de los contenidos en Flash.
  
  Organizando contenidos
  - ¿Cómo se agrupa y para qué se puede y no se puede usar la opción de agrupar? Aquí te contamos todo lo que necesitas saber.
    
    Agrupando
    
    02:58
  - Aquí aprenderemos a organizar nuestros contenidos sobre el eje z: traer al frente, poner detrás, etc.
    
    Orden de apilamiento
    
    01:49
  - En este vídeo trabajaremos con fotogramas: copiar fotogramas, organizar capas y añadir y quitar capas.
    
    Capas
    
    03:01
- En este capítulo se explican nociones de diseño y exportación desde otros programas.
  
  Ampliando posibilidades de diseño
  - El uso de máscaras crea efectos muy interesantes y facilita la creación de efectos interactivos. Aquí te presentamos las nociones básicas sobre las máscaras.
    
    Máscaras
    
    03:21
  - Te presentamos las opciones básicas de importación de archivos creados en Photoshop.
    
    Importando contenidos desde Photoshop
    
    02:53
  - Te presentamos las opciones básicas de importación de archivos creados en Illustrator.
    
    Importando contenidos desde Illustrator
    
    04:02
  - Te enseñamos a integrar Flash con otros programas de la Suite CS6.
    
    Fireworks y Bridge
    
    01:51
  - La optimización de las formas vectoriales es importantísima, ya que mejora el rendimiento y reduce el peso de los SWF.
    
    Optimización de formas vectoriales
    
    03:32
La comunicación a través de internet sigue dependiendo de los textos. Aquí usaremos tanto textos clásicos como textos TLF.

Texto en Flash
- El texto clásico es el texto más fácil de manejar y más cómodo para las aplicaciones simples.
  
  Texto clásico
  - ¿Qué es el texto clásico? Utilizaremos el texto estático para diseñar.
    
    Texto estático
    
    03:24
  - El texto dinámico sirve para modificar los contenidos de un campo de texto en tiempo de ejecución. Incrustamos fuentes para asegurar su correcta visualización.
    
    Texto dinámico
    
    04:18
  - El uso del texto de entrada permite crear formularios. Aquí veremos qué opciones ofrece.
    
    Texto de entrada
    
    03:48
- Los textos TLF tienen grandes ventajas en comparación con los textos clásicos, tanto a la hora de diseñar con texto, como a la hora de programar.
  
  Texto TLF
  - Para usar correctamente los textos TLF debemos saber qué son, qué tipos hay y cuáles son sus características básicas.
    
    Tipos
    
    03:22
  - Aquí encontrarás una descripción de las propiedades de los caracteres y del párrafo en los textos TLF.
    
    Propiedades de carácter y párrafo
    
    02:29
  - Maquetamos textos y aplicamos columnas y flujo entre cajas de texto.
    
    Columnas y flujo de texto
    
    03:42
  - Flash facilita la creación de contenidos multi-idioma. Los textos TLF tienen nuevas opciones que lo hace aún más simple.
    
    Multi-idioma
    
    01:29
  - En este vídeo aplicaremos distintos efectos a los textos para mejorar los diseños.
    
    Efectos de texto
    
    03:15
¿Qué son los símbolos y para qué sirve cada uno? Te presentamos los principios básicos del uso de los símbolos e instancias.

Símbolos e Instancias: animación
- Para reutilizar elementos se usan los símbolos y estos se almacenan en la biblioteca.
  
  Uso de Instancias y Símbolos: la Biblioteca
  
  05:35
- Animación automática usando clips de película: ésta es la base de las aplicaciones Flash.
  
  MovieClips y línea de tiempo básica
  
  05:22
- Los símbolos gráficos son la mejor solución para sincronizar animaciones de diversas líneas de tiempo.
  
  Símbolos gráficos
  
  04:39
- Flash creció tan rápido gracias a su capacidad y simplicidad para crear interacción usando botones.
  
  Botones
  
  03:50
- Aquí aprenderás a crear un botón transparente para aplicárselo a los banners.
  
  Botones transparentes
  
  02:15
- Los efectos permiten hacer algunas modificaciones en el aspecto de las Instancias como cambios en el color o la transparencia.
  
  Efectos
  - Usando el panel de alinear aplicaremos efectos de color sobre las instancias.
    
    Color y transparencia
    
    02:19
  - Usando los modos de mezcla crearemos efectos sobre la visualización de las instancias.
    
    Modos de mezcla
    
    01:46
  - Te presentamos los principios básicos del uso de filtros: aplicamos sombras y biseles.
    
    Filtros
    
    02:54
  - Ejecutamos traslaciones, rotaciones y distorsiones 3D sobre los símbolos.
    
    Efectos 3D
    
    01:46
  - Te explicamos qué son las escalas en 9 divisiones y cómo se pueden aprovechar.
    
    Escala 9 divisiones
    
    02:24
Aquí llegamos a la base de Flash: la creación de animaciones. Veremos todos los tipos de animación sobra la línea de tiempo de Flash.

Animación en Flash
- Antes de empezar a animar, es necesario comprender a fondo en qué consiste y cómo se crea en Flash.
  
  Lo más básico
  
  05:23
- ¿Cómo distribuir animaciones y contenidos en animaciones complejas? Aquí te contamos todo lo que necesitas saber.
  
  Escenas, fotogramas y archivos externos
  
  04:27
- Aquí modificaremos la visualización de la línea de tiempo para facilitar el trabajo de animación.
  
  Configurando la línea de tiempo
  
  04:54
- La forma más fácil de animar es mediante lo que se conoce como animación fotograma a fotograma. Éste es el mejor modo de empezar.
  
  Animación fotograma a fotograma
  
  04:42
- La animación clásica nos facilita muchísimo el trabajo. Esta simplicidad hace que aún hoy se siga utilizando.
  
  Animación clásica
  - Te contamos en qué consisten y cómo se crean las animaciones de interpolación de movimiento clásicas.
    
    Animación clásica
    
    06:51
  - Mejoramos el realismo de las animaciones aplicando aceleraciones.
    
    Aceleración
    
    04:04
  - Crearemos rotaciones usando animación clásica.
    
    Rotación
    
    01:21
  - Es necesario usar guías para generar animaciones con trayectos complejos. Aquí veremos un ejemplo.
    
    Guías
    
    05:01
- La interpolación de movimiento es la herramienta principal de animación en Flash y de hecho, dispone de las herramientas más potentes de animación.
  
  Interpolación de movimiento
  - En este vídeo crearemos una interpolación de movimiento y te explicamos en qué consiste.
    
    Interpolación de movimiento
    
    03:28
  - Modificaremos la trayectoria del movimiento haciendo cambios en la curva de la animación y utilizaremos líneas creadas como guías.
    
    Trayectorias y guías
    
    04:46
  - El editor de movimiento es un panel que permite manipular animaciones de la forma más profesional.
    
    Editor de movimiento
    
    06:07
  - Le aplicamos aceleraciones a las interpolaciones de movimiento utilizando el Editor de movimiento.
    
    Aceleraciones
    
    06:55
  - Te presentamos diferentes maneras de copiar animaciones entre diversos objetos para evitar tareas repetitivas al crear interpolaciones.
    
    Reutilización de animaciones
    
    02:57
- Con Flash también se pueden crear Morphings o transformaciones entre formas. Para ello, se usan las llamadas animaciones de forma.
  
  Animación de forma
  - ¿Qué son las animaciones de forma? ¿Dónde las podemos aplicar? ¿Cómo se hacen? Aquí te explicamos todo.
    
    Animación de forma
    
    03:56
  - Podemos utilizar los consejos de forma para ayudar al programa a crear correctamente los Morphings entre formas.
    
    Consejos de forma
    
    03:49
  - Hacer animaciones de forma puede ser complejo. En este vídeo te explicamos cómo puedes simplificar esta parte del trabajo.
    
    Buenas prácticas en animaciones de forma
    
    03:30
- Podemos hacer efectos muy interesantes relacionando, por ejemplo, los efectos con símbolos o con diferentes tipos de animaciones. En este capítulo te explicamos algunos de estos efectos.
  
  Efectos con animaciones
  - Para crear animaciones complejas y mantener una línea de tiempo comprensible, lo ideal es meter animaciones dentro de otras animaciones usando anidaciones en símbolos.
    
    Anidación de animaciones
    
    03:33
  - ¿Cómo se sincronizan animaciones en las que intervienen muchos símbolos con animaciones dentro de ellos? Parece complicado, pero no lo es tanto.
    
    Sincronización de animaciones
    
    05:14
  - Con este ejemplo te enseñamos a conseguir animaciones en los botones incrustando símbolos con animaciones dentro de botones.
    
    Botones animados
    
    02:33
  - Con las animaciones con máscaras podemos conseguir todo tipo de efectos de luz, de ampliación, etc. Aquí te mostramos un ejemplo.
    
    Máscaras
    
    05:10
  - Los efectos de color son animables y el ejemplo más clásico es el de crear fundidos entre fotografías.
    
    Animaciones con efectos
    
    06:03
  - Los filtros también son animables y usándolos correctamente se pueden conseguir efectos elegantes.
    
    Animaciones con filtros
    
    05:27
- Flash dispone de herramientas de creación y control de esqueletos y cinemática inversa.
  
  Animaciones basadas en huesos
  - ¿Qué son los esqueletos y cómo se añade una estructura de huesos a un sistema de símbolos? Encuentra las respuestas en este vídeo.
    
    Huesos y esqueletos
    
    04:15
  - Se pueden añadir los esqueletos a las formas para generar distorsiones de forma basadas en esqueletos.
    
    Huesos y Morphing
    
    02:01
  - Tras aplicar una estructura de huesos sobre una forma, lo normal es que haya que refinar el resultado para evitar deformaciones extrañas.
    
    Corrigiendo Morphing
    
    02:33
Uno de los puntos fuertes de Flash es su posibilidad de añadir todo tipo de medios dentro de las animaciones.

Multimedia
- Una buena animación no está completa hasta que no se le añaden efectos de sonido. En este capítulo te enseñamos a incrustar sonido en Flash.
  
  Sonido en Flash
  - ¿Qué sonido se puede importar a Flash y cómo hacerlo?
    
    Importando sonido: formatos y compresión
    
    03:52
  - En este vídeo aplicamos sonido a la línea de tiempo y le aplicamos efectos al sonido.
    
    Aplicando sonido
    
    05:28
  - En este vídeo encontrarás una descripción de los diferentes tipos de sonido: evento, inicio y flujo. Además, te explicamos para qué se usan.
    
    Tipos de sonido
    
    04:24
  - Basándonos en un ejemplo de locución animada, utilizamos sonidos de flujo para sincronizar animación y audio.
    
    Sincronizando sonido y animación
    
    09:12
- En este capítulo veremos las bases del vídeo y Flash: tipos de vídeo y coficiación, cómo importarlo, cómo usarlo y cómo prepararlo.
  
  Vídeo en Flash
  - El vídeo forma parte de los objetivos preferentes de desarrollo en Flash y de su futuro. En este vídeo veremos los ítems más relevantes.
    
    Importancia del vídeo y Flash: formatos
    
    03:55
  - Para preparar nuestros vídeos, Adobe ofrece el Flash Video Encoder: la herramienta que recodifica los vídeos teniendo en cuenta los medios a los que están destinados.
    
    Flash Video Encoder
    
    07:59
  - Incrustamos el vídeo en nuestros archivos SWF.
    
    Vídeo integrado
    
    04:11
  - Aprenderás a llamar al vídeo externamente para reducir así el peso del Flash y el tiempo de compilación.
    
    Vídeo externo
    
    04:47
  - Cuando importamos externamente vídeo en Flash, éste nos ofrece un control que facilita su visualización: el FLVPlayback.
    
    Reproductor de vídeo
    
    03:19
Las preferencias de Flash modifican y simplifican el trabajo en el programa. Publicar nuestro trabajo exige entender cómo se crean los SWF y los archivos relacionados con ellos.

Publicación del proyecto y configuración de Flash
- Te presentamos las preferencias generales del programa que más afectan al desarrollo y asignación de fuentes.
  
  Preferencias de Flash I
  
  06:14
- Te presentamos las preferencias de importación desde Illustrator y Photoshop y el caché de publicación.
  
  Preferencias de Flash II
  
  02:39
- Para generar los contenidos Flash correctamente, es imprescindible entender los parámetros de publicación.
  
  Opciones de publicación
  
  07:11
- Podemos hacer pruebas en local sobre cómo se desarrollará la carga de nuestros SWF a través de internet.
  
  Control de ancho de banda
  
  02:37
- Tradicionalmente Flash sirve para generar contenidos para la red. Aquí publicaremos archivos SWF.
  
  Publicando para web
  
  03:46
- Te presentamos los fundamentos de AIR y su uso para aplicaciones para escritorio.
  
  Publicando para escritorio
  
  05:46
- Te presentamos los fundamentos de AIR para dispositivos: opciones de publicación para iOS y Android.
  
  Publicando para dispositivo
  
  04:24
- Flash tradicionalmente tiene mala fama debido a la falta de conocimiento de la herramienta. En este vídeo se explican técnicas de optimización y buenas prácticas para generar contenidos Flash.
  
  Optimización y buenas prácticas
  
  06:34
ActionScript es el lenguaje de programación de Flash y es mucho más simple de lo que todo el mundo cree. Aquí te presentamos algunas nociones básicas del lenguaje.

Conceptos básicos de ActionScript
- ¿Qué es ActionScript? Te proporcionamos información básica acerca de qué es y cómo se usa.
  
  Nociones básicas
  
  04:21
- Programación de control de la línea de tiempo: aplicamos programación que responda a botones.
  
  Control de la línea de tiempo
  
  04:32
- Utilizando ActionScript modificamos propiedades, como por ejemplo, la visibilidad de elementos.
  
  Control de propiedades de elementos
  
  04:17
- Programamos un banner para que al hacer clic llame a una URL.
  
  Navegación
  
  03:29
¿Qué hemos aprendido?

Despedida
- Resumen del curso video2brain y despedida del formador Jorge González.
  
  Despedida
  
  01:25

Botones animados

del curso: Curso fundamental de Flash CS6

Información sobre este video

Una lección de:

Información sobre este video

Other sites. Andere Seiten. Autres sites.