¿Qué es Animate CC?

¿Qué es Animate CC?
Adobe

Flujo de trabajo general de Animate

Normalmente, para crear una aplicación de Animate CC, 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).

 

Espacio de trabajo por defecto de Illustrator

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

  1. 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

  1. 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).

Nota:

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.

  1. 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.

Nota:

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.

    nota: en Photoshop también puede 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.

    nota: 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.

    nota: 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.

    nota: 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.

Panel del navegador arrastrado a un nuevo conjunto acoplado, indicado por un resaltado vertical azul

Panel del navegador ahora en su propio conjunto acoplado

Nota:

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.

Nota:

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.

La zona de colocación azul estrecha indica que el panel Color se acoplará por sí mismo encima del grupo de paneles Capas.

A. Barra de título B. Tabulador C. Zona de colocación 

Nota:

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.

un panel a un grupo de paneles

  • 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.

Paneles apilados flotantes de libre movimiento

  • 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.

    nota: 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.

Paneles contraídos en iconos

Paneles expandidos desde iconos

  • 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

  1. 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.

  2. Escriba un nombre para el espacio de trabajo.

  3. (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

  1. Seleccione un espacio de trabajo en el conmutador de espacios de trabajo de la barra de la aplicación.

Nota:

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

  1. Seleccione Aspectos esenciales o el espacio de trabajo predeterminado del conmutador de espacios de trabajo de la barra de la aplicación.

    Nota:

    En Dreamweaver, Designer es el espacio de trabajo predeterminado.

  2. (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.

Nota:

Para reorganizar los espacios de trabajo en la barra de aplicaciones, arrástrelos.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea