Adobe
- Guía del usuario de Adobe Animate
- Introducción a Animate
- Animación
- Aspectos básicos de animaciones en Animate
- Cómo utilizar los fotogramas y fotogramas clave en Animate
- Animación fotograma a fotograma en Animate
- Cómo trabajar con la animación de interpolación clásica en Animate
- Herramienta Pincel
- Guía de movimiento
- Interpolación de movimiento y ActionScript 3.0
- Acerca de la animación de interpolación de movimiento
- Animaciones de interpolación de movimiento
- Creación de una animación de interpolación de movimiento
- Uso de fotogramas clave de propiedad
- Animación de la posición con una interpolación
- Edición de interpolaciones de movimiento con el editor de movimiento
- Edición del trazado de movimiento de una animación de interpolación
- Manipulación de las interpolaciones de movimiento
- Adición de aceleraciones personalizadas
- Creación y aplicación de ajustes preestablecidos de movimiento
- Configuración de grupos de interpolación de animación
- Uso de interpolaciones de movimiento guardadas como archivos XML
- Interpolaciones de movimiento e interpolaciones clásicas
- Interpolación de forma
- Uso de la animación de la herramienta Hueso en Animate
- Trabajar con el rigging de personajes en Animate
- Uso de las capas de máscara en Adobe Animate
- Uso de escenas en Animate
- Interactividad
- Creación de botones en Animate
- Conversión de proyectos de Animate a otros formatos de documento
- Creación y publicación de documentos de HTML5 Canvas en Animate
- Adición de interactividad con fragmentos de código en Animate
- Creación de componentes HTML5 personalizados
- Uso de componentes en HTML5 Canvas
- Creación de componentes personalizados: Ejemplos
- Fragmentos de código para componentes personalizados
- Prácticas recomendadas - Publicidad con Animate
- Autoría y publicación de realidad virtual
- Espacio de trabajo y flujo de trabajo
- Creación y administración de pinceles
- Uso de Google Fonts en documentos HTML5 Canvas
- Utilización de las Bibliotecas Creative Cloud y Adobe Animate
- Utilización del Escenario y el panel Herramientas en Animate
- Flujo de trabajo y espacio de trabajo de Animate
- Uso de las fuentes web en documentos de HTML5 Canvas
- Líneas de tiempo y ActionScript
- Trabajo con varias líneas de tiempo
- Configuración de preferencias
- Utilización de los paneles de edición de Animate
- Creación de capas de la línea de tiempo en Animate
- Exportación de animaciones para aplicaciones móviles y motores de juegos
- Desplazamiento y copia de objetos
- Plantillas
- Buscar y reemplazar en Animate
- Deshacer y rehacer en el panel Historial
- Métodos abreviados de teclado
- Uso de la Cronología en Animate
- Creación de extensiones HTML
- Opciones de optimización para Imágenes y archivos GIF animados
- Configuración de exportación de imágenes y archivos GIF
- Panel de Recursos en Animate
- Multimedia y vídeo
- Transformación y combinación de objetos gráficos en Animate
- Crear y trabajar con instancias de símbolo en Animate
- Calco de imagen
- Cómo utilizar el sonido en Adobe Animate
- Exportación de archivos SVG
- Creación de archivos de vídeo para su uso en Animate
- Cómo añadir un vídeo a Animate
- Dibujo y creación de objetos en Animate
- Remodelado de líneas y formas
- Trazos, rellenos y degradados en Animate CC
- Uso de Adobe Premiere Pro y After Effects
- Paneles de color en Animate CC
- Apertura de archivos de Flash CS6 con Animate
- Uso de texto clásico en Animate
- Colocación de ilustraciones en Animate
- Mapas de bits importados en Animate
- Gráficos 3D
- Trabajo con símbolos en Animate
- Dibujo de líneas y formas en Adobe Animate
- Uso de bibliotecas en Animate
- Exportación de sonidos
- Selección de objetos en Animate CC
- Trabajo con archivos AI de Illustrator en Animate
- Aplicación de modos de mezcla
- Organización de objetos
- Automatización de tareas con el menú Comandos
- Texto en varios idiomas
- Utilización de la cámara en Animate
- Filtros de gráficos
- Sonido y ActionScript
- Preferencias de dibujo
- Dibujo con la herramienta Pluma
- Plataformas
- Conversión de proyectos de Animate a otros formatos de documento
- Compatibilidad con plataformas personalizadas
- Creación y publicación de documentos de HTML5 Canvas en Animate
- Creación y publicación de un documento de WebGL
- Empaquetado de aplicaciones para AIR para iOS
- Publicación de aplicaciones de AIR for Android
- Publicación para Adobe AIR para escritorio
- Configuración de publicaciones de ActionScript
- Prácticas recomendadas - Organización de ActionScript en una aplicación
- Uso de ActionScript con Animate
- Accesibilidad en el espacio de trabajo de Animate
- Cómo escribir y gestionar scripts
- Activación de la compatibilidad con plataformas personalizadas
- Información general sobre compatibilidad con plataformas personalizadas
- Uso de plugins de compatibilidad con plataformas personalizadas
- Depuración de ActionScript 3.0
- Activación de la compatibilidad con plataformas personalizadas
- Exportación y publicación
- Exportación de archivos de Animate CC
- Publicación de OAM
- Exportación de archivos SVG
- Exportación de gráficos y vídeos con Animate
- Publicar documentos de AS3
- Exportación de animaciones para aplicaciones móviles y motores de juegos
- Exportación de sonidos
- Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
- Prácticas recomendadas - Convenciones de vídeo
- Prácticas recomendadas - Directrices de edición de aplicaciones SWF
- Prácticas recomendadas - Estructuración de archivos FLA
- Prácticas recomendadas de optimización de archivos FLA para Animate
- Configuración de publicaciones de ActionScript
- Especificación de configuración de publicación para Animate
- Exportación de archivos de proyector
- Exportar imágenes y archivos GIF animados
- Plantillas de publicación HTML
- Uso de Adobe Premiere Pro y After Effects
- Compartir y publicar animaciones rápidamente
- Solución de problemas
¿Qué es Animate?
Flujo de trabajo general de Animate
Normalmente, para crear una aplicación de Animate , se realizan los pasos básicos siguientes:
Planificar la aplicación.
Decida las tareas básicas que realizará la aplicación.
Añadir elementos multimedia.
Cree e importe elementos multimedia como imágenes, vídeo, sonido y texto.
Organizar los elementos.
Organice 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, iluminados y biseles), mezclas, además de otros efectos especiales que considere oportunos.
Utilizar ActionScript para controlar el comportamiento.
Escriba código ActionScript® para controlar cómo se comportarán los elementos multimedia, incluido cómo corresponderán los elementos a las interacciones del usuario.
Probar y publicar la aplicación.
Pruebe su archivo FLA (Control > Probar película) para verificar que la aplicación funciona del modo deseado; asimismo, busque y solucione los errores que encuentre. La aplicación se debe probar durante todo el proceso de creación. Puede probar el archivo en Animate y AIR Debug Launcher.
Publique el archivo FLA (Archivo > Publicar) como archivo SWF para que pueda mostrarse en una página Web y reproducirse con Flash® Player.
Según el proyecto y el estilo de trabajo, se puede cambiar el orden de estos pasos.
Información general sobre el espacio de trabajo
Cree y manipule documentos y archivos empleando distintos elementos como paneles, barras y ventanas. Cualquier disposición de estos elementos se denomina espacio de trabajo. Los espacios de trabajo de las distintas aplicaciones de Adobe® Creative Suite® 5 tienen la misma apariencia para facilitar el cambio de una a otra. Además, si lo prefiere, puede adaptar cada aplicación a su modo de trabajar seleccionando uno de los varios espacios de trabajo preestablecidos o creando otro personalizado.
Aunque el diseño del espacio de trabajo predeterminado varía en función del producto, los elementos se manipulan de manera muy parecida en todos los casos.
La barra Aplicación de la parte superior contiene un conmutador de espacio de trabajo, menús (solo en Windows) y otros controles de la aplicación. En ciertos productos para Mac, puede mostrarla u ocultarla con el menú Ventana.
El panel Herramientas incluye utilidades para crear y editar imágenes, ilustraciones, elementos de página, etc. Las herramientas relacionadas están agrupadas.
El panel Control muestra opciones específicas de la herramienta seleccionada en el momento. En Illustrator, el panel Control muestra opciones del objeto seleccionado en ese momento. (En Adobe Photoshop®, también se conoce como la barra de opciones. En Adobe Animate®, Adobe Dreamweaver® y Adobe Fireworks®, se denomina Inspector de propiedades e incluye propiedades del elemento seleccionado).
La ventana Documento muestra el archivo en el que se trabaja. Las ventanas Documento se pueden organizar como fichas y, en ciertos casos, también se pueden agrupar y acoplar.
Los paneles ayudan a controlar y modificar el trabajo. Algunos ejemplos son la línea de tiempo de Animate, el panel Pincel de 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 aplicación agrupa todos los elementos del espacio de trabajo en una ventana única e integrada que permite tratar la aplicación como una sola unidad. Si mueve el Marco de aplicación o alguno de sus elementos o si cambia su tamaño, todos los elementos que integra responden en consecuencia para evitar su superposición. Los paneles no desaparecen si cambia de aplicación o si hace clic sin querer fuera de esta. Cuando trabaje con dos o más aplicaciones, puede colocarlas una al lado de la otra en la pantalla o en varios monitores.
Si está utilizando Mac y prefiere la interfaz de usuario libre tradicional, tiene la opción de desactivar Marco de aplicación. En Adobe Illustrator®, por ejemplo, elija Ventana > Marco de aplicación para activarlo o desactivarlo. (En Animate, el Fotograma de aplicación está siempre activado para Mac, mientras que Dreamweaver no lo utiliza).
A. Ventanas de documento en forma de fichas B. Barra de aplicaciones C. Conmutador de espacios de trabajo D. Barra de título de panel E. Panel de control F. Panel Herramientas G. Botón Contraer en iconos H. Cuatro grupos de paneles acoplados verticalmente
Ocultar o mostrar todos los paneles
(Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) Para ocultar o mostrar todos los paneles, incluidos el panel Herramientas y el panel de control, pulse Tabulador.
(Illustrator, InCopy, InDesign, Photoshop) Para ocultar o mostrar todos los paneles excepto el panel Herramientas y el panel de control, pulse Mayús+Tabulador.
Consejo: los paneles ocultos se pueden visualizar de forma temporal si selecciona Mostrar automáticamente paneles ocultos en las preferencias de la interfaz. Está siempre activado en Illustrator. Mueva el puntero al borde de la ventana de la aplicación (Windows®) o al borde del monitor (Mac OS®) y colóquese encima de la banda que aparece.
(Animate, Dreamweaver, Fireworks) Para ocultar o mostrar todos los paneles, presione F4.
Visualización de opciones de panel
-
Haga clic en el icono de menú del panel situado en la esquina superior derecha.
Consejo: puede abrir un menú de panel incluso cuando el panel está minimizado.
Consejo: en Photoshop, puede cambiar el tamaño de fuente del texto de los paneles y de la información de herramientas. Elija un tamaño en el menú Tamaño de fuente de IU en las preferencias de interfaz.
(Illustrator) Ajuste de brillo del panel
-
En las preferencias de la interfaz del usuario, mueva el regulador de Brillo. Este control afecta a todos los paneles, incluido el panel de control.
Reconfiguración del panel Herramientas
Puede mostrar las herramientas del panel Herramientas en una columna única o unas junto a las otras en dos columnas. (Esta función no se encuentra disponible ni en el panel Herramientas de Fireworks ni en el de Animate).
En InDesign e InCopy, también puede pasar de la visualización de columna única a la de dos columnas (o fila única) configurando una opción en las preferencias de la interfaz.
-
Haga clic en la doble flecha de la parte superior del panel Herramientas.
Gestión de ventanas y paneles
Puede crear un espacio de trabajo personalizado moviendo y manipulando los paneles y las ventanas Documento. También puede guardar espacios de trabajo y pasar de uno a otro. Para Fireworks, dar un nuevo nombre personalizado a los espacios de trabajo puede generar un comportamiento inesperado.
Photoshop es la aplicación utilizada en los siguientes ejemplos. No obstante, el espacio de trabajo se comporta igual en todos los productos.
Reorganizar, acoplar o flotar ventanas de documentos
Si abre más de un archivo, aparecen ventanas Documento en forma de fichas.
Si desea cambiar el orden de las fichas de ventanas Documento, arrastre la ficha correspondiente a otra ubicación dentro del grupo.
Si desea desacoplar (flotar o separar) una ventana Documento de un grupo de ventanas, arrastre la ficha correspondiente fuera del grupo.
en Photoshop puede también elegir Ventana > Organizar > Hacer flotante la ventana para hacer flotante una única ventana de documento, o Ventana > Organizar > Hacer flotante todo en ventanas para hacer flotantes todas las ventanas de documentos a la vez. Si desea obtener más información, consulte la hoja técnica kb405298.
Dreamweaver no permite acoplar ni desacoplar ventanas Documento. Utilice el botón Minimizar de la ventana Documento para crear ventanas flotantes (Windows) o elija Ventana > Mosaico vertical para crear ventanas Documento una junto a la otra. Si desea obtener más información sobre este tema, busque “Mosaico vertical” en la ayuda de Dreamweaver. El flujo de trabajo de Macintosh es algo diferente.
Si desea acoplar una ventana Documento a otro grupo de ventanas Documento, arrastre la ventana hasta dicho grupo.
Para crear grupos de documentos apilados o en mosaico, arrastre la ventana a una de las zonas de colocación de los bordes superior, inferior o laterales de otra ventana. También puede seleccionar una composición para el grupo con el botón pertinente de la barra de la aplicación.
algunos productos no admiten esta función. Sin embargo, suelen disponer de comandos Mosaico y Cascada en el menú Ventana para ordenar los documentos.
Para cambiar a otro documento del grupo ordenado en fichas al arrastrar una selección, arrastre esta por encima de su pestaña durante unos instantes.
algunos productos no admiten esta función.
Acoplamiento y desacoplamiento de paneles
Un conjunto acoplado es un conjunto de paneles o grupos de paneles que se muestran juntos, generalmente en una orientación vertical. Los paneles se acoplan y desacoplan moviéndolos dentro y fuera de un conjunto acoplado.
Para acoplar un panel, arrástrelo por su ficha al conjunto apilado, a la parte superior, a la parte inferior o entre otros paneles.
Para acoplar un grupo de paneles, arrástrelo por su barra de título (la barra vacía sólida que se encuentra encima de las fichas) al conjunto acoplado.
Para quitar un panel o grupo de paneles, arrástrelo fuera del conjunto acoplado por su ficha o barra de título. Puede arrastrarlo a otro conjunto acoplado o hacer que flote con libertad.
Es posible evitar que los paneles rellenen todo el espacio de un conjunto acoplado. Para hacerlo, arrastre el borde inferior del conjunto hacia arriba de manera que ya no llegue al borde del espacio de trabajo.
Movimiento de paneles
Conforme mueve paneles, verá zonas de colocación resaltadas en azul, áreas en las que puede mover el panel. Por ejemplo, puede mover un panel hacia arriba o hacia abajo en un conjunto acoplado arrastrándolo a la zona de colocación azul estrecha encima o debajo de otro panel. Si arrastra a un área que no es una zona de colocación, el panel flota con libertad en el espacio de trabajo.
la posición del ratón (más que la posición del panel) activa la zona de colocación, por lo que si no ve la zona de colocación, pruebe a arrastrar el ratón al lugar en el que debería estar esta zona.
Para mover un panel, arrástrelo por su ficha.
Para mover un grupo de paneles, arrastre su barra de título.
A. Barra de título B. Tabulador C. Zona de colocación
Pulse Ctrl (Windows) o Comando (Mac OS) mientras mueve un panel para evitar que se acople. Pulse Esc mientras mueve el panel para cancelar la operación.
Adición y eliminación de paneles
Si quita todos los paneles de un conjunto acoplado, este desaparece. Para crear un conjunto acoplado, mueva paneles hacia el borde derecho del espacio de trabajo hasta que aparezca una zona donde soltarlos.
Para quitar un panel, haga clic con el botón derecho (Windows) o pulse Control y haga clic (Mac OS) en su ficha y elija Cerrar o bien deselecciónelo en el menú Ventana.
Para añadir un panel, selecciónelo en el menú Ventana y acóplelo donde desee.
Manipulación de grupos de paneles
Para mover un panel a un grupo, arrastre la ficha del panel a la zona de colocación resaltada en el grupo.
Para reorganizar los paneles de un grupo, arrastre la ficha de un panel a una nueva ubicación del grupo.
Para quitar un panel de un grupo de manera que flote con libertad, arrastre el panel por su ficha fuera del grupo.
Para mover un grupo, arrastre su barra de título (encima de las fichas).
Apilado de paneles flotantes
Cuando arrastra un panel fuera de su conjunto apilado pero no a una zona de colocación, el panel flota con libertad. Los paneles flotantes se pueden situar en cualquier lugar del espacio de trabajo. Puede apilar paneles flotantes o grupos de paneles de manera que se muevan como una unidad cuando arrastra la barra de título que se encuentra más arriba.
Para apilar paneles flotantes, arrastre un panel por su ficha a la zona de colocación en la parte inferior de otro panel.
Para cambiar el orden de apilado, arrastre un panel arriba o abajo por su ficha.
asegúrese de soltar la ficha encima de la zona de colocación estrecha entre los paneles, en lugar de en la zona de colocación ancha en una barra de título.
Para quitar un panel o un grupo de paneles de la pila, de manera que flote por sí mismo, arrástrelo fuera de su ficha o barra de título.
Cambio del tamaño de los paneles
Para minimizar o maximizar un panel, un grupo de paneles o una pila de paneles, haga doble clic en una ficha. También puede hacer doble clic en el área de las fichas (el espacio vacío que hay junto a ellas).
Para cambiar el tamaño de un panel, arrastre cualquiera de sus lados. A algunos paneles, como el panel de color en Photoshop, no se les puede cambiar el tamaño arrastrándolos.
Contracción y expansión de iconos de paneles
Puede contraer los paneles a iconos para reducir la acumulación de elementos en el espacio de trabajo. En algunos casos, los paneles se contraen a iconos en el espacio de trabajo por defecto.
Para contraer o expandir todos los iconos de paneles en una columna, haga clic en la doble flecha de la parte superior del conjunto acoplado.
Para expandir un icono de panel único, haga clic en él.
Para cambiar el tamaño de los iconos de paneles a fin de ver solo los iconos (pero no las etiquetas), ajuste el ancho del conjunto acoplado hasta que desaparezca el texto. Para volver a ver el texto de los iconos, aumente el ancho del conjunto acoplado.
Para contraer un panel de vuelta a su icono, haga clic en su ficha, en su icono o en la doble flecha de la barra de título del panel.
Sugerencia: en algunos productos, si selecciona la contracción automática de iconos de paneles en las preferencias de interfaz o de opciones de interfaz de usuario, el icono de panel expandido se contrae automáticamente al hacer clic fuera de él.
Para añadir un panel o un grupo de paneles flotantes a un conjunto acoplado de iconos, arrástrelo por su ficha o barra de título. (Los paneles se contraen automáticamente en iconos cuando se añaden a un conjunto acoplado de iconos).
Para mover un icono de panel (o un grupo de iconos de paneles), basta con arrastrarlo. Puede arrastrar los iconos de panel hacia arriba y hacia abajo en el conjunto acoplado, hacia otros conjuntos acoplados (donde aparecen en el estilo de panel de dicho conjunto acoplado) o hacia afuera del conjunto acoplado (donde aparecen como iconos flotantes).
Guardado de espacios de trabajo y paso de uno a otro
Al guardar la posición y el tamaño actuales de los paneles como un espacio de trabajo con nombre, puede restaurar dicho espacio de trabajo incluso aunque mueva o cierre un panel. Los nombres de los espacios de trabajo guardados aparecen en el conmutador de espacios de trabajo de la barra de la aplicación.
Guardado de un espacio de trabajo personalizado
-
Con el espacio de trabajo en la configuración que desea guardar, siga uno de estos procedimientos:
(Illustrator) Elija Ventana > Espacio de trabajo > Guardar espacio de trabajo.
(Photoshop, InDesign e InCopy) Elija Ventana > Espacio de trabajo > Nuevo espacio de trabajo.
(Dreamweaver) Elija Ventana > Diseño del espacio de trabajo > Nuevo espacio de trabajo.
(Animate) Elija Nuevo espacio de trabajo en el conmutador de espacios de trabajo de la barra de la aplicación.
(Fireworks) Elija Guardar actual en el conmutador de espacios de trabajo de la barra de la aplicación.
-
Escriba un nombre para el espacio de trabajo.
-
(Photoshop, InDesign) En Capturar, seleccione una o varias de las siguientes opciones:
Ubicaciones de panel
Guarda las ubicaciones de los paneles actuales (solo InDesign).
Métodos abreviados de teclado
Guarda el conjunto actual de métodos abreviados de teclado (solo Photoshop).
Menús o personalización de menús
Guarda el conjunto actual de menús.
Visualización de espacios de trabajo y paso de uno a otro
-
Seleccione un espacio de trabajo en el conmutador de espacios de trabajo de la barra de la aplicación.
En Photoshop, puede asignar métodos abreviados de teclado a cada espacio de trabajo para navegar rápidamente por ellos.
Eliminación de un espacio de trabajo personalizado
Seleccione Administrar espacios de trabajo en el conmutador de espacios de trabajo de la barra de la aplicación, seleccione el espacio de trabajo y, a continuación, haga clic en Eliminar. (La opción no está disponible en Fireworks).
(Photoshop, InDesign, InCopy) Seleccione Eliminar espacio de trabajo en el conmutador de espacios de trabajo.
(Illustrator) Elija Ventana > Espacio de trabajo > Gestionar espacios de trabajo, seleccione el espacio de trabajo y, a continuación, haga clic en el icono Eliminar.
(Photoshop e InDesign) Elija Ventana > Espacio de trabajo > Eliminar espacio de trabajo, seleccione el espacio de trabajo y, a continuación, haga clic en Eliminar.
Restauración del espacio de trabajo por defecto
-
Seleccione Aspectos esenciales o el espacio de trabajo predeterminado del conmutador de espacios de trabajo de la barra de la aplicación.
En Dreamweaver, Designer es el espacio de trabajo predeterminado.
-
(Photoshop, InDesign e InCopy) Elija Ventana > Espacio de trabajo > Restaurar [nombre de espacio de trabajo].
(Photoshop) Restauración de una disposición de espacio de trabajo
En Photoshop, los espacios de trabajo aparecerán automáticamente con la última disposición, pero podrá restaurar la disposición guardada original de los paneles.
Para restaurar un espacio de trabajo individual, elija Ventana > Espacio de trabajo > Restaurar Nombre de espacio de trabajo.
Para restaurar todos los espacios de trabajo instalados con Photoshop, haga clic en Restaurar espacios de trabajo predeterminados en las preferencias de interfaz.
Para reorganizar los espacios de trabajo en la barra de aplicaciones, arrástrelos.