Creación de instancias

Después de crear un símbolo, puede crear instancias de dicho símbolo en el documento, incluso dentro de otros símbolos. Al modificar un símbolo, Animate CC (anteriormente Flash Professional) actualiza todas sus instancias.

Para asignar un nombre a una instancia se utiliza el inspector de propiedades. Utilice el nombre de la instancia para referirse a una instancia en ActionScript. Para controlar instancias con ActionScript®, asigne a cada instancia un nombre exclusivo en cada línea de tiempo. 

Para especificar efectos de color, asignar acciones, establecer el modo de visualización gráfica o cambiar el comportamiento de instancias nuevas, se utiliza el inspector de propiedades. El comportamiento de la instancia es el mismo que el comportamiento del símbolo a menos que se especifique lo contrario. Cualquier cambio que realice solo afectará a las instancias pero no a los símbolos.

Creación de una instancia de un símbolo

  1. Seleccione una capa en la línea de tiempo. Animate solo puede situar instancias en fotogramas clave, siempre en la capa actual. Si no selecciona un fotograma clave, Animate incorpora la instancia al primer fotograma clave situado a la izquierda del fotograma actual.

    Nota:

    un fotograma clave es un fotograma en el que se definen los cambios en la animación. Para obtener más información, consulte Inserción de fotogramas en la línea de tiempo.

  2. Seleccione Ventana > Biblioteca.

  3. Arrastre el símbolo desde la biblioteca hasta el escenario.

  4. Si ha creado una instancia de un símbolo gráfico, seleccione Insertar > Línea de tiempo > Fotograma para añadir el número de fotogramas que contendrá el símbolo gráfico.

Aplicación de un nombre personalizado a una instancia

  1. Seleccione la instancia en el escenario.

  2. Seleccione Ventana > Propiedades e introduzca un nombre en el cuadro Nombre de instancia.

Edición de propiedades de instancias

Cada instancia de símbolo tiene sus propiedades, que son distintas de las del símbolo. Puede modificar la tinta, la transparencia y el brillo de una instancia, redefinir su comportamiento (por ejemplo, cambiar un gráfico a un clip de película) y especificar el modo de reproducción de la animación dentro de una instancia gráfica. También se puede sesgar, rotar o escalar una instancia sin que afecte al símbolo.

Además, puede asignar un nombre a una instancia de clip de película o de botón de modo que pueda utilizar ActionScript para cambiar sus propiedades. Para obtener más información, consulte Objetos y clases en Aprendizaje de ActionScript 3.0. Para editar las propiedades de una instancia, utilice el inspector de propiedades (Ventana > Propiedades).

Las propiedades de una instancia se guardan junto con la instancia. Si se edita un símbolo o se vuelve a vincular una instancia a otro símbolo, las propiedades de la instancia que se hayan modificado aún se aplican a la instancia.

Definición de la visibilidad de una instancia

Puede hacer que una instancia de símbolo del escenario sea invisible si desactiva la propiedad Visible. Con la propiedad Visible es posible lograr un rendimiento de procesamiento más rápido que estableciendo la propiedad Alpha del símbolo como 0.

La propiedad Visible necesita que la opción Reproductor esté ajustada en Flash Player 10.2 o versión posterior y admite el uso de instancias de componente, de botón y de clip de película.

  1. Seleccione la instancia en el escenario.

  2. En la sección Visualización del panel Propiedades, quite la marca de la propiedad Visible.

Modificación del color y la transparencia de una instancia

Cada instancia de un símbolo puede tener su propio efecto de color. Para establecer opciones de color y transparencia para las instancias, se utiliza el inspector de propiedades. La configuración del inspector de propiedades también afecta a los mapas de bits situados en los símbolos.

Cuando se cambia el color y la transparencia de una instancia en un fotograma específico, Animate realiza el cambio en cuanto muestra el fotograma. Para realizar cambios de color graduales, aplique una interpolación de movimiento. Al interpolar el color se introducen distintas configuraciones de efectos en los fotogramas de inicio y final de una instancia y después se interpolan las configuraciones para que los colores de las instancias cambien en el tiempo.

sy_tint_tween
sy_alpha_tween
La interpolación cambia gradualmente el color o la transparencia de una instancia.

Nota:

Si se aplica un efecto de color al símbolo de un clip de película con varios fotogramas, Animate aplica el efecto a todos los fotogramas del símbolo de clip de película.

  1. Seleccione la instancia en el escenario y elija Ventana > Propiedades.
  2. En el inspector de propiedades, seleccione una de las siguientes opciones en el menú Estilo en la sección Efecto de color:

    Brillo

    Ajusta la luminosidad u opacidad relativas de la imagen, medidas en una escala de negro (-100%) a blanco (100%). Para ajustar el brillo, haga clic en el triángulo y arrastre el deslizador o introduzca un valor en el cuadro.

    Matiz

    Se colorea la instancia con el mismo matiz. Para establecer el porcentaje de tinta, desde transparente (0%) a totalmente saturada (100%), se utiliza el deslizador Tinta en el inspector de propiedades. Para ajustar el valor, haga clic en el triángulo y arrastre el deslizador o introduzca un valor en el cuadro. Para seleccionar un color, introduzca valores de rojo, verde y azul en los cuadros respectivos, o bien haga clic en el control de color y seleccione un color en Selector de color.

    Alfa

    Ajusta la transparencia de la instancia, entre transparente (0%) y totalmente saturada (100%). Para ajustar el valor de alfa, haga clic en el triángulo y arrastre el deslizador o introduzca un valor en el cuadro.

    Avanzado

    Se ajustan por separado los valores para el rojo, el verde, el azul y la transparencia de una instancia. Esto es muy útil para crear y animar efectos de color sutiles en objetos como los mapas de bits. Los controles situados a la izquierda permiten reducir los valores del color o la transparencia en el porcentaje especificado. Los controles de la derecha permiten reducir o aumentar los valores del color o la transparencia por un valor constante.

    Los valores del rojo, verde, azul y alfa se multiplican por los valores del porcentaje y se añaden a los valores constantes de la columna derecha de manera que proporcionan los nuevos valores del color. Por ejemplo, si el valor actual del rojo es 100, si se sitúa el deslizador izquierdo en 50% y el derecho en 100%, el resultado es un nuevo valor de rojo de 150 ([100 x 0,5] + 100 = 150).

    nota: la configuración avanzada del panel Efecto implementa la función (a * y+ b)= x, donde a es el porcentaje especificado en el grupo de cuadros de texto de la izquierda, y es el color del mapa de bits original, b es el valor especificado en el grupo de cuadros de la derecha y x es el efecto resultante (entre 0 y 255 para RGB, y entre 0 y 100 para la transparencia alfa).

    También puede cambiar el color de una instancia mediante el objeto ColorTransform de ActionScript. Para obtener más información sobre el objeto Color, consulte ColorTransform en Referencia del lenguaje ActionScript 2.0 o Referencia del lenguaje y componentes ActionScript 3.0.

Intercambio de una instancia por otra

Para mostrar una instancia diferente en el escenario y conservar todas las propiedades de la instancia original, como los efectos de color o las acciones de los botones, se asigna otro símbolo a una instancia.

Por ejemplo, supongamos que está creando un dibujo animado con un símbolo de ratón como personaje, pero decide cambiarlo por un gato. Puede sustituir el símbolo de ratón por el de gato y el nuevo personaje aparecerá aproximadamente en la misma ubicación en todos los fotogramas.

Asignación de un símbolo distinto a una instancia

  1. Seleccione la instancia en el escenario y elija Ventana > Propiedades.

  2. Haga clic en el botón Intercambiar del inspector de propiedades.

  3. Seleccione un símbolo para sustituir el que está asignado a la instancia. Para duplicar un símbolo seleccionado, haga clic en Duplicar símbolo y en Aceptar.

    La duplicación permite crear un nuevo símbolo basándose en uno existente en la biblioteca y minimiza el proceso de copiado si está creando varios símbolos que presentan ligeras diferencias.

Sustitución de todas las instancias de un símbolo

  1. Arrastre un símbolo con el mismo nombre que el que esté sustituyendo entre un panel Biblioteca y el panel Biblioteca del archivo FLA que esté editando. Luego haga clic en Reemplazar. Si tiene carpetas en la biblioteca, debe arrastrar el nuevo símbolo a la misma carpeta que el símbolo que va a sustituir.

Cambio del tipo de instancia

Para redefinir el comportamiento de una instancia en una aplicación de Animate, debe cambiar su tipo. Por ejemplo, si una instancia gráfica contiene una animación que desea reproducir independientemente de la línea de tiempo principal, vuelva a definirla como una instancia de clip de película.

  1. Seleccione la instancia en el escenario y elija Ventana > Propiedades.
  2. Seleccione Gráfico, Botón o Clip de película en el menú del inspector de propiedades.

Reproducción indefinida para una instancia gráfica

Para determinar cómo se reproducirán las secuencias de animación incluidas en una instancia de gráfico de la aplicación de Animate, defina las opciones en el inspector de propiedades.

Un símbolo gráfico animado está ligado a la línea de tiempo del documento en la que está ubicado el símbolo. Por el contrario, un símbolo de clip de película tiene su propia línea de tiempo independiente. Los símbolos gráficos animados, debido a que utilizan la misma línea de tiempo que el documento principal, muestran su animación en el modo de edición de documentos. Los símbolos de clip de película aparecen como objetos estáticos en el escenario y no aparecen como animaciones en el entorno de edición de Animate.

  1. Seleccione una instancia de gráfico en el escenario y elija Ventana > Propiedades.
  2. Seleccione una opción de animación en el menú Opciones en la sección Bucle del inspector de propiedades:

    Reproducir indefinidamente

    Reproduce indefinidamente todas las secuencias de animación incluidas en la instancia actual para todos los fotogramas que ocupa la instancia.

    Reproducir una vez

    Reproduce la secuencia de animación comenzando en el fotograma especificado hasta el final de la animación y, a continuación, se detiene.

    Fotograma único

    Muestra uno de los fotogramas de la secuencia de animación. Especifique el fotograma que se va a mostrar.

  3. Para especificar el primer fotograma del símbolo gráfico para mostrar cuándo se realiza un bucle, introduzca un número de fotograma en el cuadro de texto Primero. La opción Fotograma único también utiliza el número de fotograma que especifique aquí.

Selector de fotogramas

El selector de fotogramas le ayuda a previsualizar y seleccionar visualmente el primer fotograma de un símbolo gráfico. En versiones anteriores, no se podían previsualizar los fotogramas sin estar en el símbolo en el modo Editar. Esta función mejora la experiencia del usuario en los flujos de trabajo de animación, como la Sincronización de labios.

Nota:

El panel Selector de fotogramas solo funciona con los símbolos gráficos y se desactiva para los tipos de clip de película o los símbolos de botón. Asegúrese de haber convertido los recursos en símbolos antes de trabajar con esta función.

  1. Seleccione un Símbolo gráficoPanel Propiedades > Bucle > Usar selector de fotogramas para mostrar el panel Selector de fotogramas o seleccione Ventana > Selector de fotogramas

    Frame Picker_ PI
    Selector de fotogramas

  2. En el panel Selector de fotogramas, elija la vista de Lista o Miniatura para mostrar todas las previsualizaciones de fotograma del símbolo gráfico seleccionado. También puede ver los números de fotograma y sus etiquetas. 

    Lista Muestra los fotogramas en una vista de lista vertical. 

    Miniatura Muestra los fotogramas en una vista de cuadrícula y el ajuste se modifica cuando se cambia el tamaño del panel. 

    Crear fotograma clave Esta opción le permite crear un fotograma clave de forma automática cuando se selecciona una posición del panel Selector de fotogramas. 

    Bucle Muestra las diferentes opciones de repetición para gráficos, como Bucle, Reproducir una sola vez y Fotograma único. 

    Flecha del regulador Ajusta tamaño de previsualización

    Botón izquierdo del regulador Ajusta más fotogramas en la vista

    Botón derecho del regulador Ajusta menos fotogramas en la vista

    Lista desplegable de opciones para filtrar fotogramas Muestra las diferentes opciones para filtrar fotogramas

    list
    Vista de lista

    thumnail
    Vista de miniaturas


  3. Utilice el Regulador o los botones de Zoom para ajustar la previsualización o el tamaño de la miniatura. Ajuste el regulador hasta la esquina inferior izquierda del panel para ver más fotogramas en la vista. Si mueve el regulador a la esquina superior derecha, podrá ver previsualizaciones de mayor tamaño.

  4. Haga clic en cualquier fotograma para definirlo como primer fotograma del símbolo seleccionado.

Crear fotogr.

El panel Selector de fotogramas ofrece una casilla de verificación Crear fotograma clave que permite la creación automática de fotogramas clave al seleccionar un fotograma en el panel Selector de fotogramas. También puede definir la opción de bucle de símbolos gráficos en el panel Selector de fotogramas.

Puede abrir el panel Selector de fotogramas seleccionando un Símbolo gráficoPanel Propiedades > Bucle > Usar selector de fotogramas para mostrar el Selector de fotogramas o seleccionando Ventana > Selector de fotogramas.

CreateKeyframe

Opciones de filtro para fotogramas

Animate ofrece las opciones de filtro para los fotogramas que aparecen en el panel. Puede elegir filtrar: 

  • Todos los fotogramas: muestra todos los fotogramas.
  • Fotogramas clave: muestra únicamente los fotogramas clave seleccionados por usted.
  • Etiquetas: muestra únicamente los fotogramas con etiquetas.
filterOptions

Sincronización de labios automática

La sincronización de labios automática permite un método más fácil y rápido para colocar formas de boca apropiadas en la línea de tiempo, en función de la capa de audio elegida. Puede lograrlo usando una lista existente de posiciones de boca, dibujadas dentro de un símbolo gráfico. Cuando aplica la sincronización de labios automática en un símbolo gráfico, los fotogramas clave se crean automáticamente en diferentes posiciones que coinciden con los visemes de audio, después de analizar la capa de audio especificada. Una vez completado, puede hacer cualquier ajuste adicional si es necesario, mediante el uso de flujos de trabajo regulares y el selector de fotogramas.

Un viseme es una imagen facial genérica que puede usarse para indicar un sonido. 

Creación de una sincronización de labios automática

Siga los pasos que se describen a continuación para empezar a crear una sincronización de labios automática:

  1. Cree un símbolo gráfico (posición de la boca).

    Dentro del símbolo gráfico, puede dibujar todas las posiciones o visemas de la boca.

  2. En la línea de tiempo principal, importe un audio en una nueva capa.

    Nota:

    La sincronización de labios automática funciona mejor con el ajuste Sincronización de audio establecido en Transmisión.

    Símbolo de ejemplo con capa de audio
    Símbolo de ejemplo con capa de audio
  3. Seleccione el símbolo gráfico de la boca. En el inspector de propiedades, haga clic en Sincronización de labios.

    Sincronización de labios en el inspector de propiedades
    Sincronización de labios en el inspector de propiedades

    Aparecerá el cuadro de diálogo Crear sincronización de labios. De forma predeterminada, los 12 tipos básicos de visemas se muestran como en la siguiente captura de pantalla: 

    Creación de sincronización de labios
    Creación de sincronización de labios
  4. Haga clic en cualquier visema para modificar la asignación de la posición de la boca. Aparecerá una lista desplegable con todas las posiciones presentes dentro del símbolo gráfico. Seleccione el fotograma apropiado en la lista para establecerlo para el visema actual.

    Modificar la posición de la boca para cada viseme
    Modificar la posición de la boca para cada viseme
  5. Seleccione la capa de audio para la que se sincronizará el labio. Haga clic en el botón Sincronizar.

    Captura de pantalla de la línea de tiempo después de aplicar la sincronización de labios
    Captura de pantalla de la línea de tiempo después de aplicar la sincronización de labios

    Nota:

    La sincronización de labios automática se aplica en el intervalo de fotogramas donde está presente el símbolo gráfico seleccionado. También puede seleccionar primero varios fotogramas clave para aplicar la sincronización de labios a todo el intervalo de fotogramas seleccionado.

  6. Presione Ctrl + Entrar para ejecutar el archivo y obtener una vista previa del resultado.

    Puede ver el archivo animado con los movimientos de la boca generados automáticamente que también están sincronizados con el archivo de sonido.

Separar una instancia de símbolo

Para romper el vínculo entre una instancia y un símbolo y convertir la instancia en una serie de formas y líneas no agrupadas, es necesario realizar la separación de la instancia. Esto resulta útil si se desea cambiar de forma considerable esta instancia sin afectar a ninguna otra. 

Los cambios realizados en el símbolo original de una instancia no afectan a la instancia una vez separada.

  1. Seleccione la instancia en el escenario.
  2. Seleccione Modificar > Separar. La instancia se descompone en los elementos gráficos que la componen.
  3. Para modificar estos elementos, utilice las herramientas de pintura y dibujo.

Obtención de información sobre las instancias en el escenario

El inspector de propiedades y el panel Información muestran la siguiente información sobre las instancias seleccionadas en el escenario:

  • En el inspector de propiedades, se pueden ver el comportamiento y la configuración de las instancias. Para cualquier tipo de instancia, compruebe la configuración de efectos de color, ubicación y tamaño; para los gráficos, el modo de bucle y el primer fotograma que contiene el gráfico; para los botones, el nombre de la instancia (si tiene uno asignado) y la opción de seguimiento; para los clips de película, el nombre de la instancia (si tiene uno asignado). En cuanto a la ubicación, el inspector de propiedades muestra las coordenadas x e y del punto de registro del símbolo.

  • En el panel Información, puede ver el tamaño y la ubicación de la instancia; la ubicación del punto de registro; los valores rojo (R), verde (G), azul (B) y alfa (A) (si la instancia tiene un relleno sólido); y la ubicación del puntero. La sección Posición y Tamaño del inspector de propiedades muestra las coordenadas x e y del punto de transformación o del punto de registro del símbolo. Puede alternar para ver las coordenadas del punto de transformación o del punto de registro.

  • En el explorador de películas puede ver el contenido del documento actual, incluidas las instancias y los símbolos.

    En el panel Acciones, puede ver todas las acciones asignadas a un botón o a un clip de película.

Obtención de información sobre una instancia

  1. Seleccione la instancia en el escenario.

  2. Muestre el inspector de propiedades (Ventana > Propiedades) o el panel que va a utilizar:

    • Para mostrar el panel Información, seleccione Ventana > Información.

    • Para mostrar el explorador de películas, seleccione Ventana > Explorador de películas.

    • Para mostrar el panel Acciones, seleccione Ventana > Acciones.

Visualización de la definición del símbolo seleccionado en el explorador de películas

  1. Haga clic en el botón Mostrar botones, clips de película y gráficos en la parte superior del explorador de películas.

  2. Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Mostrar instancias de símbolo e Ir a definición de símbolo, o bien seleccione estas opciones en el menú situado en la esquina superior derecha del explorador de películas.

Salto a la escena que contiene las instancias de un símbolo seleccionado

  1. Muestre las definiciones de símbolo.

  2. Haga clic con el botón derecho del ratón (Windows) o con la tecla Control presionada (Macintosh) y seleccione Mostrar elementos de película e Ir a definición de símbolo, o bien seleccione estas opciones en el menú situado en la esquina superior derecha del explorador de películas.

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