Adobe Animate CC: Crear animaciones HTML5. Nuevo curso 2017.
4.6 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
27 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Adobe Animate CC: Crear animaciones HTML5. Nuevo curso 2017. to your Wishlist.

Add to Wishlist

Adobe Animate CC: Crear animaciones HTML5. Nuevo curso 2017.

Aprende a crear animaciones y contenidos interactivos HTML5 con Adobe Animate CC (Antes Adobe Flash).
4.6 (7 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
27 students enrolled
Created by Marlon Ceballos
Last updated 8/2017
Spanish
Current price: $12 Original price: $90 Discount: 87% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 13.5 hours on-demand video
  • 1 Article
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Conocerás la interfaz y flujo de trabajo de Adobe Animate CC
  • Importar archivos externos
  • Dibujar elementos gráficos usando diversas herramientas de Animate
  • Animar elementos usando diferentes técnicas de interpolación
  • Crear interactividad usando Snippets de código
  • Trabajar con audio y video
  • Configurar y publicar contenidos
  • Usar el contenido exportado en sitios web y publicaciones digitales
View Curriculum
Requirements
  • Manejo básico del sistema operativo Mac o Windows
  • Tener instalado el software Adobe Animate CC o posterior para prácticas
Description

Bienvenidos al curso "Adobe Animate CC - Fundamentos". Animate es el nombre que ahora Adobe le ha dado a Flash. En este curso conocerás y aprenderás a usar las diferentes herramientas de esta aplicación para la creación de elementos dinámicos e interactivos en formato HTML5 como animaciones, banners, contenido eLearning, etc, los cuales podrás usar en sitios web y/o publicaciones digitales.

Este es un curso extenso (más de 13 horas de contenido) y muy completo que inicia explicando conceptos básicos como los usos de Animate así como los diferentes tipos de documentos que se pueden crear con esta aplicación. También explicaremos la diferencia entre documentos de tipo ActionScript y documentos de tipo HTML5 Canvas. Posteriormente conoceremos la interfaz de Animate, aprenderemos a importar imágenes, a trabajar con elementos y después aprenderemos a usar las diferentes herramientas de dibujo incluyendo la famosa herramienta pluma. En los siguientes capítulos aprenderemos a animar elementos usando los tres tipos de interpolación disponibles en Animate para después aprender a agregar interactividad mediante Javascript usando fragmentos de código que evitarán que tengas que escribir ese código de forma manual. Posteriormente aprenderemos a trabajar con audio y video para pasar a un capítulo de talleres donde practicaremos los temas abordados en los capítulos anteriores pasando finalmente a aprender a realizar la publicación de nuestros documentos en diversos formatos y a aprender a usar esos archivos publicados en diferentes aplicaciones como Brackets, Dreamweaver, Muse e InDesign.

Por supuesto podrás practicar cada uno de los ejercicios mostrados usando los archivos de ejemplo que tendrás disponibles para descarga.

Regístrate ya en este curso y aprende a usar Adobe Animate para crear animaciones modernas en formato HTML5 que además incluyan características interactivas.

Ya conoces Animate? Entonces mira mi curso "Adobe Animate CC - Avanzado: Interactividad HTML5" que puedes encontrar en mi perfil.

Si deseas contratar éste u otro curso para un grupo empresarial o universidad de forma presencial u online puedes contactarme desde el sitio web de Xpert o por mensaje privado desde mi perfil de Udemy.


Who is the target audience?
  • Diseñadores
  • Creativos
  • Animadores
  • Creadores de contenido eLearning
  • Cualquier persona que desee aprender a crear contenido dinámico e interactivo para publicar en sitios web y/o publicaciones digitales
Compare to Other Animación Courses
Curriculum For This Course
121 Lectures
13:24:15
+
Introducción
2 Lectures 02:01

Bienvenida y breve descripción del curso.

Preview 01:57

En esta lección se encuentran los archivos usados en los videos los cuales puedes descargar para practicar.

Archivos de ejemplo para descarga
00:04
+
Conceptos básicos de Adobe Animate
5 Lectures 11:52

Adobe Animate (antes Adobe Flash) es la aplicación para la creación de contenido dinámico e interactivo.

Preview 01:23

Usando Adobe Animate podemos crear animaciones e interactividad como elementos publicitarios, contenido eLearning y juegos, entre otros. Animate permite crear diferentes tipos de documentos entre los cuales encontramos documentos HTML5 Canvas.

Preview 03:10

Los documentos publicados en formato SWF necesitan el uso de un plug-in para ser reproducidos lo cual hace que no sean compatibles con dispositivos móviles.

Por qué no usar ActionScript 3
01:29

Ya que no es recomendable usar el lenguaje AS3 usaremos como alternativa el lenguaje Javascript para agregar interactividad a los documentos en Adobe Animate.

Reemplazar ActionScript 3 con JavaScript
03:28

Dependiendo de la complejidad del documento que vamos a crear podríamos necesitar o no escribir código Javascript.

Necesito programar para usar Animate?
02:22
+
Area de trabajo y navegación
13 Lectures 01:23:01

Cuando abrimos Adobe Animate nos encontramos con la pantalla de bienvenida donde encontramos múltiples recursos.

Preview 08:51

En este video aprenderemos a crear diferentes tipos de documentos de Adobe Animate y a guardarlos.

Crear y guardar documentos de Adobe Animate
08:38

La interfaz de Animate está organizada en paneles que permiten realizar diferentes tipos de tareas.

Interfaz general de Adobe Animate
04:04

El Escenario o es el área donde ubicamos los elementos que van a aparecer en la publicación final. El Area de trabajo o Stage es la parte que rodea el Escenario y donde ubicamos elementos de forma temporal.

El Escenario y el Area de trabajo
04:20

En el Panel Biblioteca o Library almacenamos los elementos que importamos de forma externa así como los símbolos.

Panel Biblioteca
04:53

El Panel Bibliotecas Creative Cloud o CC Libraries permite almacenar y gestionar elementos gráficos que pueden ser accedidos desde cualquier documento de Animate y de otras aplicaciones.

Panel Bibliotecas Creative Cloud
10:42

En el panel línea de tiempo o Timeline creamos y gestionamos las animaciones mientras que en el panel Capas o Layers organizamos elementos para animarlos de forma independiente.

La Línea de tiempo y Capas
04:44

El Panel de herramientas o Tools panel agrupa las diferentes herramientas con las que cuenta Adobe Animate.

Panel de herramientas
04:26

El Panel Propiedades o Properties permite identificar y modificar las propiedades de los elementos elementos seleccionados.

Panel Propiedades
09:16

Podemos personalizar la posición y funcionalidad de los diferentes paneles que hacen parte de la interfaz de Adobe Animate.

Trabajo con paneles
06:20

Los Espacios de trabajo o Workspaces permiten guardar y reutilizar la personalización de los paneles en Adobe Animate.

Espacios de trabajo
07:17

Es posible cambiar el tipo de documento original de un archivo de Adobe Animate, especialmente si se trata de un documento sencillo.

Convertir entre tipos de documentos
03:45

Las tareas de Zoom y desplazamiento en documentos son tareas sencillas pero importantes ya que facilitan el trabajo general en Adobe Animate.

Zoom y desplazamiento en documentos
05:45
+
Importación de assets
10 Lectures 01:20:51

En este video conoceremos los formatos de importación soportados en los documentos HTML5 Canvas.

Formatos soportados
02:08

En este video conoceremos el proceso de importación de imágenes en documentos HTML5 Canvas.

Importación de imágenes
07:19

Después de importar imágenes en un documento de Adobe Animate configuramos el proceso de optimización buscando un balance entre el peso y la calidad de las mismas.

Optimización de imágenes
11:38

Los archivos nativos de Photoshop tienen extensión .psd y al importarlos en Animate podemos elegir múltiples opciones como las capas a importar.

Importar archivos de Photoshop
16:13

Los archivos nativos de Illustrator tienen extensión .ai y al importarlos en Animate podemos elegir múltiples opciones como las capas a importar.

Preview 07:44

Después de importar archivos en un documento de Adobe Animate es posible hacer ediciones a las mismas usando otras aplicaciones.

Editar archivos importados
08:21

Podemos importar elementos en documentos de Adobe Animate simplemente copiando y pegando.

Copiar y pegar
03:39

Un gif animado es una colección de imágenes agrupadas en un archivo las cuales se muestran de forma progresiva. Este tipo de archivos pueden importarse en documentos de Adobe Animate.

Importar un gif animado
09:36

Algunas aplicaciones, como las aplicaciones de trabajo con video, permiten exportar clips o secciones de video como secuencia de imágenes. Este tipo de archivos pueden importarse en documentos de Adobe Animate.

Importar secuencia de imágenes
03:52

El comando Trace bitmap permite convertir imágenes a vectores.

Vectorizar imágenes con Trace bitmap
10:21
+
Trabajo básico con elementos
7 Lectures 46:26

En este video aprenderemos a usar las herramientas Selección y Subselección.

Herramientas Selección y Subselección
06:32

En este video conoceremos el uso de otras herramientas de selección como las herramientas Lasso y Polígono y a usar otras técnicas de selección usando las herramientas Selección y Subselección.

Otras herramientas y otras técnicas de selección
06:01

Dependiendo del tipo de elemento con el cual estemos trabajando debemos usar técnicas que permitan seleccionar ya sea el contorno, el relleno o ambas características de dichos elementos.

Preview 04:12

El panel Alinear o Align permite alinear y distribuir elementos basados en la selección o basados en el Escenario o Stage.

Alineación de elementos y distribución de elementos
10:07

Podemos agrupar elementos para que Adobe Animate los maneje como si fueran un solo elemento.

Trabajo con grupos
05:26

El orden de apilamiento es el orden en el cual se organizan los elementos que vamos creando en los documentos de Adobe Animate. Podemos cambiar ese orden de apilamiento así como bloquear y desbloquear los elementos.

Orden de apilamiento y bloquear elementos
04:27

Las Capas o Layers permiten organizar elementos creados en documentos de Adobe Animate.

Organizar elementos en capas
09:41
+
Dibujo básico en Animate
7 Lectures 51:37

En Adobe Animate podemos crear dos tipos diferentes de elementos: Objetos combinados o Merge Objects y Objetos de dibujo y Drawing Objects.

Preview 09:09

Después de crear un elemento en un documento de Adobe Animate podemos cambiar su tipo.

Convertir entre tipos de dibujo
03:33

Podemos crear elementos geométricos básicos usando las herramientas rectángulo, óvalo y polígono.

Herramientas geométricas básicas
07:59

Las herramientas primitivas son más flexibles especialmente por que permiten modificar propiedades de los elementos después de haberlos dibujado.

Herramientas primitivas
06:40

La herramienta Lápiz o Pencil tool permite dibujar de forma libre.

Herramienta Lápiz
03:49

En Adobe Animate tenemos disponibles dos herramientas de pincel: Herramienta de Pincel o Brush Tool y la herramienta Pincel de Pintura o Paint Brush Tool.

Herramientas de pincel
14:29

La herramienta borrador o Eraser tool permite eliminar elementos o secciones de los mismos.

Herramienta borrador
05:58
+
Dibujo con la herramienta Pluma
5 Lectures 35:29

Las formas básicas pueden ser modificadas modificando nodos, líneas de control y puntos de control.

Preview 13:09

A partir de la creación de nodos o anclas podemos crear segmentos rectos.

Dibujo de segmentos rectos
03:02

Los segmentos curvos requieren el manejo de líneas de control y puntos de control.

Dibujo de segmentos curvos
07:37

En este video aprenderemos a dibujar formas que combinen segmentos curvos y segmentos rectos.

Combinación de curvas con rectas
04:50

Realizaremos un corto ejemplo práctico de dibujo usando una plantilla.

Dibujar sobre una plantilla
06:51
+
Transformación de elementos
4 Lectures 28:21

Mediante la herramienta de selección nosotros podemos editar la forma de los elementos de dibujo en Adobe Animate.

Transformaciones básicas de forma
03:27

La Herramienta de transformación libre o Free Transform tool permite realizar diferentes tipos de transformaciones a los elementos en Adobe Animate.

Herramienta de transformación libre
08:37

Bajo el submenú Transformar o Transform agrupa varios comandos de transformación disponibles en Adobe Animate.

Submenú Transformar
08:39

El panel Transformar o Transform permite realizar transformaciones a los elementos en Adobe Animate.

Panel Transformar
07:38
+
Uso de color
9 Lectures 01:03:05

Existen diferentes modelos de color con los cuales podemos trabajar desde varios paneles como el panel de Color.

Preview 12:43

En este video aprenderemos a editar los colores de relleno y/o contorno en los elementos de nuestro documento.

Editar colores de relleno y/o contorno
05:44

Cuando debemos usar varias veces un color una forma de trabajo eficiente es crear muestras de color o Swatches.

Crear muestras de color
04:09

Las Muestras etiquetadas o Tagged swatches son Muestras de color que generan un vínculo con los elementos en donde se apliquen dichas muestras.

Muestras etiquetadas
04:28

Es posible compartir muestras de color entre diferentes documentos de Adobe Animate e incluso con Adobe Photoshop.

Compartir muestras de color
03:23

Adobe cuenta con un servicio web llamado Color donde podemos crear Temas de color o Color Themes los cuales son grupos de colores que podemos guardar para ser accedidos desde cualquier aplicación como Adobe Animate.

Temas de color
10:17

En este video aprenderemos a crear, aplicar y modificar esfumados o Gradients.

Trabajar con esfumados
09:55

En Adobe Animate podemos rellenar elementos con imágenes usando la función Rellenar objetos con imágenes o Bitmap Fill.

Rellenar objetos con imágenes
03:27

La herramienta gotero o Eyedropper nos permite copiar características de color de relleno o contorno de los elementos en Adobe Animate.

Uso del Gotero
08:59
+
La Línea de tiempo y capas
6 Lectures 52:48

En este video conoceremos las propiedades de las Capas o Layers y los diferentes tipos de Capas.

Tipos de Capas
14:45

La Línea de tiempo o Timeline está seccionada por Fotogramas o Frames que están numerados.

Preview 01:24

En este video crearemos una animación sencilla de tipo cuadro a cuadro o Frame to Frame.

Animación cuadro a cuadro
11:05

Podemos realizar diferentes tipos de tareas en los Fotogramas o Frames tales como mover, borrar, copiar, invertir orden, etc.

Trabajar con Fotogramas
10:23

En este video aprenderemos a controlar la Línea de Tiempo o Timeline mediante diversos comandos y opciones.

Tareas de control en la Línea de Tiempo
10:01

Las Etiquetas o Labels son nombres o marcas que podemos agregar a cualquier Fotograma lo cual permite que posteriormente accedamos a esos Fotogramas mediante esas Etiquetas.

Etiquetas
05:10
11 More Sections
About the Instructor
Marlon Ceballos
4.4 Average rating
1,893 Reviews
25,059 Students
24 Courses
Adobe Community Professional y Adobe Certified Instructor

Soy consultor en tecnologías y aplicaciones Adobe para multimedia, web y publicaciones digitales con más de 20 años de experiencia asesorando y capacitando empresas latinoamericanas que van desde diarios e imprentas hasta agencias interactivas.

Poseo las certificaciones especializadas de Adobe ACE - Design Master y ACE - Web Master y desde hace más de 7 años soy Adobe Community Professional. He desarrollado y grabado cursos para el departamento en español de Lynda, la empresa de video-cursos mas grande del mundo.

Actualmente soy director de xpert[dot]video, una plataforma de contenidos de aprendizaje para creativos.

Me encantan los viajes, la fotografía de paisajes y la música salsa :-)