Estimado Alumno,

En preparación para el examen de Diseño e ilustración Gráfica, hemos reunido un conjunto de material de prácticas para
que lo revise. Lo que usted encontrará en este documento son:

- Los temas y objetivos para el examen

- Referencia de herramientas y funciones como apoyo al curso online.

MEDIAPRO
TRAINING CENTER
Animaciones multiplataforma usando Adobe Animate CC

Animaciones multiplataforma usando Adobe Animate CC

Examen y objetivos

Después de tomar el examen, su puntuación se reporta electrónicamente. Por favor permita 2-4
semanas a partir de la fecha en que pase el examen para recibir su kit de bienvenida de ACA.

Estructura del examen

A continuación se enumeran las áreas temáticas del examen:
1. Establecer los requisitos del proyecto
2. Comprensión de Media animada
3. Comprensión de Adobe Animate CC
4. Crear contenido multimedia mediante Animate CC
5. Testeo, publicación y evaluación de elementos multimedia mediante Animate CC
Número de preguntas y tiempo

□ 41 preguntas
□ 50 minutos

Objetivos del examen

Dominio 1 Establecer requisitos de proyecto

1.1 identificar el propósito, audiencia y necesidades de la audiencia para la preparación de medios

animados ricos.
1.2 resume cómo los diseñadores toman decisiones sobre el tipo de contenido a incluir en un proyec-
to, incluyendo consideraciones como copyright, Fit de proyecto, permisos y licencias.
1.3 demostrar el conocimiento de las tareas de gestión de proyectos y responsabilidades.
1.4 comunicarse con otros (como los compañeros y clientes) sobre los planes de diseño.

Dominio 2 Entender Rich multimedia animados

2.1 entender la terminología clave relacionada con el diseño de medios animación enriquecida.
2.2 demostrar el conocimiento de los principios de diseño básico y las mejores prácticas empleadas
en la industria de diseño de medios interactivos, como la simetría, la consistencia y la accesibilidad.
2.3 demostrar el conocimiento de la tipografía y su uso en el diseño visual.
2.4 demuestra conocimiento de ActionScript 3,0, JavaScript para Canvas HTML5 y plataformas
WebGL.

Dominio 3 Entender Adobe Animate CC

3.1 identifique los elementos de la interfaz animada y demuestre el conocimiento de sus funciones,
incluidos los paneles, la línea de tiempo, el inspector de propiedades y el cuadro de diálogo de car-
acterísticas del documento.
3.2 definir las funciones de las herramientas de uso común, incluyendo herramientas de selección,
la herramienta pluma, otras herramientas de dibujo, y herramientas de forma.
Animaciones multiplataforma usando Adobe Animate CC

3.3 Navegue, organice y personalice el espacio de trabajo.

3.4 Utilizar herramientas de diseño en la interfaz, como reglas y guías.
3.5 Utilice el editor de movimiento.
3.6 Demostrar el conocimiento de las capas y las máscaras.
3.7 Entender los símbolos y la biblioteca.

Dominio 4 Creación de contenido multimedia animado enriquecido con Animate CC

4.1 Crear un nuevo proyecto.

4.2 Importar y modificar gráficos.
4.3 Crear texto estático, dinámico y de entrada y ajustar las propiedades del texto.
4.4 Trabajar con símbolos e instancias.
4.5 Crear animaciones (cambios en la forma, posición, tamaño, color y transparencia).
4.6 Añadir controles simples a través de ActionScript 3,0, JavaScript para HTML5 Canvas y
WebGL.
4.7 Crear máscaras.
4.8 Importación y uso de sonido.
4,9 añadir y exportar vídeo.
Dominio 5 Testeo, publicación y evaluación de elementos multimedia animados enriqueci-
dos con Animate CC

5.1 Realizar pruebas técnicas y de usabilidad básicas.

5.2 Comprender los tipos de archivos y tamaños de archivos animados.
5.3 Hacer accesible un documento animado.
5.4 Publique y exporte documentos animados.
Animaciones multiplataforma usando Adobe Animate CC

Flujo de trabajo Animate CC

Para crear una aplicación de CC animada, normalmente se realizan los siguientes pasos básicos:
Planificar el proyecto.
Decida qué tareas básicas realizará la aplicación.
Agregar o crear elementos multimedia.
Crear e importar elementos multimedia, como imágenes, vídeo, sonido y texto.
Arreglar los elementos.
Organizar los elementos multimedia en el escenario y en la línea de tiempo para definir cuándo y
cómo aparecerán en la aplicación.
Aplicar efectos especiales.
Aplique filtros gráficos (como desenfoques, resplandores y biseles), mezclas y otros efectos especiales
como se ve conveniente.
Utilizar ActionScript o JavaScript para controlar el comportamiento.
Escribe código ActionScript ® y JavaScript para controlar cómo se comportan los elementos
multidia, incluyendo cómo responden los elementos a las interacciones del usuario.
Prueba y publica tu proyecto.
Pruebe su archivo FLA (control > prueba de película) para verificar que su aplicación está
funcionando como usted desea y encontrar y corregir cualquier error que encuentre. Debe probar la
aplicación durante todo el proceso de creación. Puede probar el archivo en Animate, un navegado
web y los lanzadores de depuración de aire.

Publica tu proyecto en múltiples formatos de archivo.
Dependiendo de su proyecto y de su estilo de trabajo, puede utilizar estos pasos en un orden diferente.
Vista general del espacio de trabajo
En primer lugar, ver este vídeo introductorio de Animate CC y conocer lo que Animate CC puede hacer.

Crea y manipula sus documentos y archivos utilizando varios elementos, como paneles, barras y ventanas.
Cualquier disposición de estos elementos se denomina espacio de trabajo. Los espacios de trabajo de las
diferentes aplicaciones en CC comparten apariciones similares para que pueda moverse fácilmente entre las
aplicaciones. También puede adaptar cada aplicación a la forma en que trabaja seleccionando desde varios
espacios de trabajo preestablecidos o creando uno propio.

Aunque el diseño de espacio de trabajo predeterminado varía en diferentes productos, se manipulan los ele-
mentos de la misma manera en todos ellos.

• La barra de aplicaciones en la parte superior contiene un conmutador de espacio de trabajo,

menús (sólo Windows) y otros controles de aplicación. En el Mac para determinados productos, puede
mostrar u ocultarlo mediante el menú ventana.

• El panel herramientas contiene herramientas para crear y editar imágenes, ilustraciones, ele-
mentos de página, etc. Las herramientas relacionadas están agrupadas.

• El panel de control muestra las opciones de la herramienta seleccionada actualmente. En Illus-

trator, el control
Animaciones multiplataforma usando Adobe Animate CC

el panel muestra opciones para el objeto seleccionado actualmente. (en Adobe Photoshop ® se conoce
como la barra de opciones.) En Adobe Animate® y Adobe Dreamweaver®, se conoce como inspector de
propiedades e incluye propiedades del elemento seleccionado actualmente.

• La ventana de documento muestra el proyecto en el que está trabajando. Las ventanas de docu-
mentos pueden ser tabuladas y, en ciertos casos, agrupadas y acopladas.

• Los paneles le ayudan a monitorear y modificar su trabajo. Los ejemplos incluyen la línea de
tiempo en animar, el panel pincel en Illustrator, el panel capas de Adobe Photoshop ® y el panel Estilos
CSS de Dreamweaver. Los paneles se pueden agrupar, apilar o acoplar.

• El marco de la aplicación agrupa todos los elementos del espacio de trabajo en una única
ventana integrada que le permite tratar la aplicación como una sola unidad. Al mover o cambiar el
tamaño del marco de la aplicación o de cualquiera de sus elementos, todos los elementos dentro de él
responden entre sí para que ninguno se superponga. Los paneles no desaparecen cuando se cambian
las aplicaciones o cuando se hace clic accidentalmente fuera de la aplicación. Si trabaja con dos o más
aplicaciones, puede colocar cada aplicación en la pantalla o en varios monitores.

Si utiliza un Mac y prefiere la interfaz de usuario tradicional de forma libre, puede desactivar el marco
de la aplicación. En Adobe Illustrator ®, por ejemplo, seleccione ventana > marco de aplicación para ac-
tivar o desactivar. (en animar, el marco de la aplicación está permanentemente en Mac, y Dreamweaver
para Mac no utiliza un marco de aplicación.)
Para obtener más información sobre el área de trabajo animada, que incluye la administración de ventanas
y paneles y los espacios de trabajo de almacenamiento y conmutación, revise la documentación de trabajo y
espacio de trabajo de Animate CC.

Glosario visual
Para obtener explicaciones de los términos y tareas básicos en Adobe Animate CC, consulte el glosario
visual animado. Cada página incluye la definición de un concepto clave que acompaña a los visuales y
enlaces a más información.

Paneles de Etapa, Línea de Tiempo y Herramientas

El escenario es el área rectangular donde se coloca el contenido gráfico al crear documentos animados. El es-
cenario en el entorno de edición representa el espacio rectangular en Flash Player, una ventana del navegador
web, un dispositivo móvil o una aplicación de escritorio en la que aparece el documento durante la reproduc-
ción. Un contorno negro predeterminado representa la vista de esquema del escenario.

Ir a través del artículo en el escenario y el panel de herramientas para Animate a aprender cómo utilizarlos
cuando se trabaja con el contenido gráfico en Animate CC, y ver este tutorial sobre cómo utilizar reglas, guías
y cuadrículas de manera eficiente.

También, revise la documentación de herramientas básicas para obtener una visión general de las herramien-
tas básicas que sus estudiantes necesitarán para demostrar su competencia.
Animaciones multiplataforma usando Adobe Animate CC

Introducción a la pantalla de bienvenida

Cuando Animate CC (anteriormente Flash Professional CC) se está ejecutando sin documentos abiertos,
aparece la pantalla de bienvenida. La pantalla de bienvenida contiene las siguientes cuatro áreas:
Abrir un elemento reciente Permite abrir los documentos más recientes (haga clic en el icono abrir).

Crear nuevos Enumera los tipos de archivo animados, como los documentos animados y los archivos Action-
Script ®.

Crear desde plantilla Enumera las plantillas que se utilizan más comúnmente para crear documentos anima-
dos.

Amplíe Los vínculos al sitio web de Animated Exchange, donde puede descargar aplicaciones de ayuda,
extensiones e información relacionada.

La pantalla de bienvenida también ofrece acceso rápido a los recursos de ayuda. Puede hacer un recorrido
por animar, aprender acerca de los recursos de documentación y encontrar las instalaciones de capacitación
autorizadas de Adobe.

• para ocultar la pantalla de bienvenida, seleccione no volver a mostrar.

• para mostrar la pantalla de bienvenida, seleccione Editar > preferencias (Windows ®) o seleccione
animar > preferencias (Macintosh ®) y seleccione pantalla de bienvenida en el menú de inicio en la
categoría general.

Usando el escenario

El escenario es el área rectangular donde se coloca contenido gráfico al crear documentos animados. El esce-
nario del entorno de edición representa el espacio rectangular en Flash Player o en una ventana del explorador
web donde aparece el documento durante la reproducción. Un contorno negro predeterminado representa la
vista de contorno del escenario.

Para cambiar la vista del escenario a medida que se trabaja, acercar y alejar. Para ayudarle a colocar los elemen-
tos en el escenario, puede utilizar la cuadrícula, las guías y las reglas.

La cronología y el escenario con el contenido.

Animaciones multiplataforma usando Adobe Animate CC

Conociendo las herrramientas basicas de Animate CC

Brocha

Utilice la herramienta pincel (B) para definir un pincel a la medida estableciendo parámetros del pincel,
como la forma y el ángulo. Puede crear ilustraciones naturales en sus proyectos personalizando la herramien-
ta Pincel para adaptarse a sus necesidades de dibujo. Puede elegir, editar y crear un pincel personalizado en
animar a través del inspector de propiedades, cuando la herramienta pincel esté seleccionada en el cuadro de
herramientas.

Hueso

Utilice la herramienta Bone para utilizar la cinemática inversa (IK), una forma de animar objetos usando
huesos encadenados en armaduras lineales o ramificadas en las relaciones padre-hijo. Cuando un hueso se
mueve, los huesos conectados se mueven en relación a él. Puede Agregar huesos IK a las instancias de clip de
película, gráfico y botón.
Animaciones multiplataforma usando Adobe Animate CC

Cámara

Utilice la cámara para imitar un movimiento de cámara virtual. Cuando se establece una vista de cámara para
su composición, se mira a las capas como si estuviera mirando a través de esa cámara. También puede Agre-
gar interpolaciones o fotogramas clave en una capa de cámara. Utilice las siguientes características dentro de
la cámara para refinar la animación:

• Panorámica con el sujeto del marco

• Zoom en el objeto de interés para el efecto dramático
• Zoom fuera de un marco para recordar al espectador de una imagen más grande
• Modificar el punto focal para cambiar la atención del espectador de un sujeto a otro
• Rotación del tinte de color cameraUsing o filtros para aplicar efectos de color en una escena

Elipse

Utilice la herramienta Elipse para dibujar círculos y óvalos.

Animaciones multiplataforma usando Adobe Animate CC

Pincel

Utilice la herramienta lápiz para dibujar y editar líneas de FreeHand.

Pluma

Utilice la herramienta pluma (P) para dibujar líneas rectas y curvas para crear objetos.

Rectángulo

Utilice la herramienta Rectángulo (M) para dibujar cuadrados y rectángulos.

Animaciones multiplataforma usando Adobe Animate CC

Ancla de transformación

Utilice los puntos de anclaje de los segmentos de conexión en el activo para mostrar los controles de direc-
ción, que consisten en líneas de dirección que terminan en puntos de dirección. El ángulo y la longitud de las
líneas de dirección determinan la forma y el tamaño de los segmentos curvos. Mueva los puntos de dirección
para cambiar la forma de las curvas.

Después de seleccionar un punto de anclaje, las líneas de dirección aparecerán en los segmentos curvos
conectados por el punto de anclaje. Un punto liso tiene siempre dos líneas de la dirección, que se mueven
juntas como sola, unidad recta. Cuando se mueve una línea de dirección en un punto liso, los segmentos
curvos de ambos lados del punto se ajustan simultáneamente, manteniendo una curva continua en ese punto
de anclaje.

Transformación

Utilice la herramienta Transformación libre (E) para escalar, rotar o sesgar una selección.
Animaciones multiplataforma usando Adobe Animate CC

Animación e interactividad
Revise las siguientes secciones de la documentación animada para aprender acerca de la animación y la inter-
actividad con Animate CC.
Uso de la animación de herramientas óseas en Animate CC – Aprenda acerca de la animación
de herramientas óseas y cómo utiliza la cinemática inversa para animar objetos en Animate CC
Herramienta de hueso – Aprenda cómo utilizar el hueso y las herramientas de
enlace para crear esqueletos intrincados en animar utilizando inversa cinemática.
Conozca la línea de tiempo – antes de comenzar a agregar animación a su proyecto, necesita
aprender primero acerca de los fundamentos de la línea de tiempo.

Guía de animación – mejore la animación que cree mediante la definición de una ruta para los
objetos que anima

Fundamentos Básicos de animación en Animate CC – Aprenda acerca de los fundamentos de

animación, tipos de animaciones de interpolación y velocidades de fotograma.

Tipos de animación

Animate CC proporciona varias formas de crear animación y efectos especiales. Cada método ofrece difer-
entes posibilidades para crear contenidos animados atractivos.

Animar admite los siguientes tipos de animación:

Interpolaciones de movimiento Utilice interpolaciones de movimiento para establecer las propiedades de

un objeto, como la posición y la transparencia alfa en un fotograma y otra vez en otro fotograma. Animar
a continuación interpola los valores de propiedad de los fotogramas en el medio. Las interpolaciones de
movimiento son útiles para la animación que consiste en el movimiento continuo o la transformación de un
objeto. Las interpolaciones de movimiento aparecen en la línea de tiempo como un intervalo contiguo de
fotogramas que se pueden seleccionar como un solo objeto de forma predeterminada. Las interpolaciones de
movimiento son poderosas y sencillas de crear.

Las interpolaciones clásicas Las interpolaciones clásicas son como las interpolaciones de movimiento, pero
son más complejas de crear. Las interpolaciones clásicas permiten algunos efectos animados específicos que
no son posibles con interpolaciones basadas en span.

Plantea la cinemática inversa (obsoleto con Animated CC) Las poses cinemática inversa le permiten esti-
rar y doblar los objetos de forma y enlazar grupos de instancias de símbolos para hacer que se muevan juntos
de maneras naturalistas. Una vez que haya agregado huesos a una forma o a un grupo de símbolos, puede
cambiar la posición de los huesos o símbolos en diferentes fotogramas clave. Animar interpola las posiciones
en los fotogramas intermedios.

Interpolaciones de forma En interpolación de forma, se dibuja una forma en un marco específico de la

línea de tiempo y se cambia esa forma o se dibuja otra forma en otro marco específico. Animar a continu-
ación interpola las formas intermedias de los fotogramas en el medio, creando la animación de una forma
que se transforma en otra.
Animaciones multiplataforma usando Adobe Animate CC

Animación fotograma a fotograma Esta técnica de animación permite especificar diferentes ilustraciones
para cada fotograma de la línea de tiempo. Utilizar esta técnica para crear un efecto que es como los marcos
de una película que se juega en rápida sucesión. Esta técnica es útil para la animación compleja donde los
elementos gráficos de cada marco deben ser diferentes.

Acerca de los fotogramas

La velocidad de fotogramas se reproduce en el número de fotogramas por segundo (FPS). Una velocidad de
fotogramas demasiado lenta hace que la animación parezca parar y arrancar; una velocidad de fotogramas
demasiado rápida desenfoca los detalles de la animación. Una velocidad de fotogramas de 24 fps es la pre-
determinada para los nuevos documentos animados y normalmente da los mejores resultados en la Web. La
tarifa estándar de Motion‑Picture es también 24 fps.

La complejidad de la animación y la velocidad del ordenador que reproduce la animación afectan a la suavi-
dad de la reproducción. Para determinar las velocidades de fotogramas óptimas, pruebe sus animaciones en
una gran variedad de ordenadores. Porque sólo se especifica una velocidad de fotogramas para todo el docu-
mento animado, defina esta velocidad antes de comenzar a crear la animación.

Identificar animaciones en la línea de tiempo

Animar distingue la animación interpolada de la animación fotograma a fotograma de la línea de tiempo

mostrando diferentes indicadores en cada fotograma que contiene contenido.

Los siguientes indicadores de contenido de marca aparecen en la línea de tiempo:

• Un fotograma con un fondo azul indica una interpolación de movimiento. Un punto negro en el primer
fotograma del intervalo indica que el intervalo de interpolación tiene asignado un objeto de destino. Los dia-
mantes negros indican el último cuadro y cualquier otro fotograma clave de propiedad. Los fotogramas clave
de propiedad son marcos que contienen cambios de propiedad definidos explícitamente por usted. Puede ele-
gir qué tipos de fotogramas clave de propiedad se mostrarán haciendo clic con el botón derecho (Windows) o
comando (Macintosh) y haciendo clic en el intervalo de interpolación de movimiento y eligiendo fotogramas
clave de vista tipo en el menú contextual. Animar muestra todos los tipos de fotogramas clave de propiedad
de forma predeterminada. Todos los demás fotogramas del intervalo contienen valores interpolados para las
propiedades interpoladas del objeto de destino.

• Un punto hueco en el primer fotograma indica que se ha eliminado el objeto de destino de la interpolación
de movimiento. El intervalo de interpolación todavía contiene sus fotogramas clave de propiedad y puede
tener un nuevo objeto de destino aplicado.

• Un fotograma con un fondo verde indica una cinemática inversa (IK) para la capa. Cada capa contienen
esqueletos IK y poses. Cada pose aparece en la cronología como un diamante negro. Animar interpola las
posiciones de la armadura en los marcos entre poses.
Animaciones multiplataforma usando Adobe Animate CC

• Un punto negro en el fotograma clave inicial con una flecha negra y un fondo azul indica una interpolación
clásica.

• Una línea discontinua indica que la interpolación clásica está rota o incompleta, como cuando falta el foto-
grama clave final.

• Un punto negro en el fotograma clave inicial con una flecha negra y un fondo verde claro indica una inter-
polación de forma.

• Un punto negro indica un solo fotograma clave. Fotogramas grises claros después de que un solo fotograma
clave contenga el mismo contenido sin cambios. Estos cuadros tienen una línea negra vertical y un rectángu-
lo hueco en el último marco del palmo.

• Una pequeña a indica que el marco está asignado a una acción de fotograma con el panel acciones.

• una bandera roja indica que el marco contiene una etiqueta.

• una barra doble verde indica que el marco contiene un comentario.

• un anclaje dorado indica que el marco es un ancla con nombre.

Animaciones multiplataforma usando Adobe Animate CC

Cómo utilizar fotogramas y fotogramas clave: Aprenda cómo insertar, seleccionar, etiquetar y
habilitar fotogramas y fotogramas clave
Resumen

Los documentos de Adobe Animate CC dividen las longitudes de tiempo en fotogramas similares a las
películas. Los fotogramas están en el centro de cualquier animación, dictando cada segmento de tiempo y
movimiento. El número total de fotogramas de la película y la velocidad a la que se reproducen juntos deter-
minan la longitud total de la película. Una breve descripción de algunos de los conceptos en frames se explica
a continuación para su referencia.

Frames

En la línea de tiempo, se trabaja con los fotogramas para organizar y controlar el contenido del documento.
Coloca los fotogramas en la línea de tiempo en el orden en el que desea que los objetos de los marcos aparez-
can en el contenido terminado.

Fotograma clave

Un fotograma clave es un marco donde aparece una nueva instancia de símbolo en la línea de tiempo. Un fo-
tograma clave también puede ser un fotograma que incluya código ActionScript ® para controlar algún aspec-
to del documento. También puede Agregar un fotograma clave en blanco a la línea de tiempo como marcador
de estado para los símbolos que va a agregar más tarde o para dejar el marco en blanco explícitamente.

Usando el fotograma clave puede establecer una posición, agregar puntos de anclaje, acciones, comentarios y
así sucesivamente.
Animaciones multiplataforma usando Adobe Animate CC

La selección de fotogramas basada en espacios

Permite seleccionar un rango de fotogramas entre dos fotogramas clave con un solo clic.

La medida estática del fotograma

La medida estática del fotograma, el mismo contenido está disponible para la duración entera de cada
cuadro. Puede utilizar este tipo de span siempre que necesite mostrar gráficos durante un período de tiempo
fijo.

De marco interpolado

En el intervalo de marco interpolado, el contenido cambia dentro del intervalo para cada fotograma. Puede
utilizar este tipo de span para animaciones.

Agregar o insertar fotogramas en la línea de tiempo

• Para insertar un nuevo fotograma, seleccione Insertar > línea de tiempo > Frame (F5).

• Para crear un fotograma clave, seleccione Insertar > línea de tiempo > fotograma clave (F6), o haga clic
con el botón derecho (Windows) o control‑click (Macintosh) en el marco donde desee colocar un fotograma
clave y seleccione Insertar fotograma clave en el menú contextual.
Animaciones multiplataforma usando Adobe Animate CC

• Para crear un fotograma clave en blanco, seleccione Insertar > línea de tiempo > fotograma clave en blanco
o haga clic con el botón derecho (Windows) o control‑click (Macintosh) en el marco donde desee colocar el
fotograma clave y seleccione Insertar fotograma clave en blanco en el menú contextual.

Seleccionar y etiquetar fotogramas en la línea de tiempo

Puede seleccionar fotogramas mediante dos métodos proporcionados en Animate. También puede etiquetar
fotogramas para organizar su contenido.

Animate ofrece dos métodos diferentes para seleccionar fotogramas en la línea de tiempo. En la selección
basada en fotogramas (el valor predeterminado), se seleccionan fotogramas individuales en la línea de tiem-
po. En la selección basada en espacios, se selecciona toda la secuencia de fotogramas, de un fotograma clave
al siguiente, cuando se hace clic en cualquier fotograma de la secuencia.

Seleccione fotogramas en la línea de tiempo

Selección de fotogramas individuales o múltiples

• Para seleccionar un fotograma, haga clic en el fotograma.

• Para seleccionar varios fotogramas contiguos, arrastre el cursor sobre los fotogramas o pulse Mayús y haga
clic en fotogramas adicionales.

• Para seleccionar varios fotogramas no contiguos, control‑click (Windows) o comando (Macintosh), haga
clic en fotogramas adicionales.

• Para seleccionar todos los fotogramas de la línea de tiempo, seleccione Editar > línea de tiempo > seleccio-
nar todos los fotogramas.
Animaciones multiplataforma usando Adobe Animate CC

Selección de fotogramas basados en espacios

Como prerrequisito para la selección basada en espacios, puede especificar la selección basada en espacio en
la línea de tiempo animada haciendo clic en el icono de hamburguesa en la esquina superior derecha y selec-
cionando elemento de menú de selección basado en espacios.

• Para seleccionar toda una extensión de fotogramas (interpolación de movimiento o cinemática inversa)
haga clic en el marco.

• Para seleccionar varios cuadrados, haga clic en cada uno de ellos mientras mantiene pulsada la tecla Mayús.

Nombrar fotogramas en la línea de tiempo

Puede nombrar los fotogramasen la línea de tiempo como una forma de ayudar a organizar su contenido.
También puede etiquetar un fotograma para poder hacer referencia a ese capa en ActionScript por su etique-
ta. De esta forma, si reorganiza la línea de tiempo y mueve la etiqueta a un número de fotogramas diferente,
el código ActionScript seguirá haciendo referencia a la etiqueta del fotograma y no tendrá que actualizarse.

Las etiquetas de fotogramas sólo se pueden aplicar a fotogramas clave. Una práctica recomendada es crear
una capa separada en la línea de tiempo para contener las etiquetas de marco. El uso de una capa separada
para etiquetas permite organizar mejor el contenido y los fotogramas clave.

Para agregar una etiqueta en el fotograma:

Seleccione el fotograma que desea etiquetar en la línea de tiempo.

Con el fotograma seleccionado, introduzca el nombre de la etiqueta en la sección Label del inspector
de propiedades. Pulse Intro o retorno.

Como mejor práctica, cree una capa separada para todas las etiquetas del fotograma .
Animaciones multiplataforma usando Adobe Animate CC

Activar la selección de fotogramas basada en espacios

La selección de fotogramas basada en espacios permite seleccionar un rango de fotogramas entre dos foto-
gramas clave con un solo clic.

Haga clic en el icono de hamburguesa en la esquina superior derecha de la sección línea de tiempo.
Aparece un menú emergente.

Seleccione la selección basada en espacios en el menú emergente.

Distribuir a fotogramas clave

La opción distribuir a los fotogramas clave permite distribuir varios objetos (símbolos y mapas de bits) en el
escenario a kyframes individuales cada uno.

Seleccione varios objetos de cualquier capa en el escenario.

Haga clic con el botón derecho en cualquier lugar del escenario y seleccione distribuir en fotogramas
clave.
Animaciones multiplataforma usando Adobe Animate CC

Copie, pegue, elimine o mueva un fotograma o una secuencia de fotogramas

Un fotograma clave y el lapso de los fotogramas regulares que lo siguen se conoce como secuencia de foto-
gramas clave. La línea de tiempo puede contener cualquier número de secuencias de fotogramas clave.

Para copiar o pegar un fotograma o una secuencia de fotogramas, realice una de las siguientes acciones:

Copiar o pegar un fotograma o una secuencia de fotogramas

• Seleccione el fotograma o la secuencia y seleccione Editar > cronología > copiar fotogramas.
Seleccione el fotograma o la secuencia que desea reemplazar y seleccione Editar > línea de tiempo >
pegar fotogramas.

• Alt‑Drag (Windows) u opción (Macintosh) arrastre un fotograma clave a la ubicación en la que

desee copiarlo.

Eliminar un fotograma o secuencia de fotogramas

Eliminar un fotograma, secuencia de fotogramas o un fotograma clave

Seleccionar el fotograma o la secuencia y seleccionar Editar > línea de tiempo > quitar fotograma, o hacer clic
con el botón derecho (Windows) o control‑click (Macintosh) el fotograma o secuencia y Seleccione quitar
fotograma del menú contextual.

Los marcos circundantes permanecen sin cambios.

Eliminar fotograma clave

Seleccione el fotograma clave y seleccione Editar > línea de tiempo > borrar fotograma clave, o haga clic con
el botón derecho (Windows) o control‑click (Macintosh) en el fotograma clave y seleccione Borrar fotograma
clave en el menú contextual.

Mover un fotograma clave o una secuencia de fotograma

Seleccione un fotograma clave o una secuencia de fotogramas y, a continuación, arrastre el fotograma clave o
la secuencia a la ubicación deseada.

Cambiar la longitud de un framesequence estático

Control-arrastrar (Windows) o Comando-arrastrar (Macintosh) el marco inicial o final del espacio a la izqui-
erda o a la derecha.
Animaciones multiplataforma usando Adobe Animate CC

Vista previa del contenido del fotograma en la línea de tiempo

Elija Vista previa en el menú opciones del panel Línea de tiempo en la esquina superior derecha del panel
Línea de tiempo.

En cada fotograma clave de la línea de tiempo, puede ver una vista previa en miniatura de los elementos del
fotograma clave.

Agregar interactividad con fragmentos de código en Animate CC – aprender a utilizar el panel

fragmentos de código para agregar interactividad y comportamiento de objetos.

Cómo crear una hoja de Sprite CSS en Adobe Animate CC – aprenda a crear una hoja de Sprite
CSS con el cuadro de diálogo generar hoja de Sprite.