Transformación y combinación de objetos gráficos en Animate

  1. Guía del usuario de Adobe Animate
  2. Introducción a Animate
    1. Novedades de Animate
    2. Glosario visual
    3. Requisitos del sistema para Animate
    4. Métodos abreviados de teclado de Animate
    5. Trabajar con varios tipos de archivo en Animate
  3. Animación
    1. Aspectos básicos de animaciones en Animate
    2. Cómo utilizar los fotogramas y fotogramas clave en Animate
    3. Animación fotograma a fotograma en Animate
    4. Uso de la animación de interpolación clásica en Animate
    5. Herramienta Pincel
    6. Guía de movimiento
    7. Interpolación de movimiento y ActionScript 3.0
    8. Acerca de la animación de interpolación de movimiento
    9. Animaciones de interpolación de movimiento
    10. Creación de una animación de interpolación de movimiento
    11. Uso de fotogramas clave de propiedad
    12. Animación de la posición con una interpolación
    13. Edición de interpolaciones de movimiento con el editor de movimiento
    14. Edición del trazado de movimiento de una animación de interpolación
    15. Manipulación de las interpolaciones de movimiento
    16. Adición de aceleraciones personalizadas
    17. Creación y aplicación de ajustes preestablecidos de movimiento
    18. Configuración de grupos de interpolación de animación
    19. Uso de interpolaciones de movimiento guardadas como archivos XML
    20. Interpolaciones de movimiento e interpolaciones clásicas
    21. Interpolación de forma
    22. Uso de la animación de la herramienta Hueso en Animate
    23. Trabajar con el rigging de personajes en Animate
    24. Uso de las capas de máscara en Adobe Animate
    25. Uso de escenas en Animate
  4. Interactividad
    1. Creación de botones en Animate
    2. Conversión de proyectos de Animate a otros formatos de documento
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Adición de interactividad con fragmentos de código en Animate
    5. Creación de componentes HTML5 personalizados
    6. Uso de componentes en HTML5 Canvas
    7. Creación de componentes personalizados: Ejemplos
    8. Fragmentos de código para componentes personalizados
    9. Prácticas recomendadas - Publicidad con Animate
    10. Autoría y publicación de realidad virtual
  5. Espacio de trabajo y flujo de trabajo
    1. Creación y administración de pinceles
    2. Uso de Google Fonts en documentos HTML5 Canvas
    3. Utilización de las Bibliotecas Creative Cloud y Adobe Animate
    4. Utilización del Escenario y el panel Herramientas en Animate
    5. Flujo de trabajo y espacio de trabajo de Animate
    6. Uso de las fuentes web en documentos de HTML5 Canvas
    7. Líneas de tiempo y ActionScript
    8. Trabajo con varias líneas de tiempo
    9. Configuración de preferencias
    10. Utilización de los paneles de edición de Animate
    11. Creación de capas de la línea de tiempo en Animate
    12. Exportación de animaciones para aplicaciones móviles y motores de juegos
    13. Desplazamiento y copia de objetos
    14. Plantillas
    15. Buscar y reemplazar en Animate
    16. Deshacer y rehacer en el panel Historial
    17. Métodos abreviados de teclado
    18. Uso de la Cronología en Animate
    19. Creación de extensiones HTML
    20. Opciones de optimización para Imágenes y archivos GIF animados
    21. Configuración de exportación de imágenes y archivos GIF
    22. Panel de Recursos en Animate
  6. Multimedia y vídeo
    1. Transformación y combinación de objetos gráficos en Animate
    2. Crear y trabajar con instancias de símbolo en Animate
    3. Calco de imagen
    4. Cómo utilizar el sonido en Adobe Animate
    5. Exportación de archivos SVG
    6. Creación de archivos de vídeo para su uso en Animate
    7. Cómo añadir un vídeo a Animate
    8. Trabajo con puntos de referencia de vídeo
    9. Dibujo y creación de objetos en Animate
    10. Remodelado de líneas y formas
    11. Trazos, rellenos y degradados en Animate CC
    12. Uso de Adobe Premiere Pro y After Effects
    13. Paneles de color en Animate CC
    14. Apertura de archivos de Flash CS6 con Animate
    15. Uso de texto clásico en Animate
    16. Colocación de ilustraciones en Animate
    17. Mapas de bits importados en Animate
    18. Gráficos 3D
    19. Trabajo con símbolos en Animate
    20. Dibujo de líneas y formas en Adobe Animate
    21. Uso de bibliotecas en Animate
    22. Exportación de sonidos
    23. Selección de objetos en Animate CC
    24. Trabajo con archivos AI de Illustrator en Animate
    25. Aplicación de patrones con el pincel rociador
    26. Aplicación de modos de mezcla
    27. Organización de objetos
    28. Automatización de tareas con el menú Comandos
    29. Texto en varios idiomas
    30. Utilización de la cámara en Animate
    31. Uso de Animate con Adobe Scout
    32. Trabajo con archivos de Fireworks
    33. Filtros de gráficos
    34. Sonido y ActionScript
    35. Preferencias de dibujo
    36. Dibujo con la herramienta Pluma
  7. Plataformas
    1. Conversión de proyectos de Animate a otros formatos de documento
    2. Compatibilidad con plataformas personalizadas
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Creación y publicación de un documento de WebGL
    5. Empaquetado de aplicaciones para AIR para iOS
    6. Publicación de aplicaciones de AIR for Android
    7. Publicación para Adobe AIR para escritorio
    8. Configuración de publicaciones de ActionScript
    9. Prácticas recomendadas - Organización de ActionScript en una aplicación
    10. Uso de ActionScript con Animate
    11. Prácticas recomendadas - Directrices de accesibilidad
    12. Accesibilidad en el espacio de trabajo de Animate
    13. Cómo escribir y gestionar scripts
    14. Activación de la compatibilidad con plataformas personalizadas
    15. Información general sobre compatibilidad con plataformas personalizadas
    16. Creación de contenido accesible
    17. Uso de plugins de compatibilidad con plataformas personalizadas
    18. Depuración de ActionScript 3.0
    19. Activación de la compatibilidad con plataformas personalizadas
  8. Exportación y publicación
    1. Exportación de archivos de Animate CC
    2. Publicación de OAM
    3. Exportación de archivos SVG
    4. Exportación de gráficos y vídeos con Animate
    5. Publicar documentos de AS3
    6. Exportación de animaciones para aplicaciones móviles y motores de juegos
    7. Exportación de sonidos
    8. Exportación de archivos de vídeo QuickTime
    9. Control de reproducción de vídeo externo con ActionScript
    10. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    11. Prácticas recomendadas - Convenciones de vídeo
    12. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    13. Prácticas recomendadas - Estructuración de archivos FLA
    14. Prácticas recomendadas de optimización de archivos FLA para Animate
    15. Configuración de publicaciones de ActionScript
    16. Especificación de configuración de publicación para Animate
    17. Exportación de archivos de proyector
    18. Exportar imágenes y archivos GIF animados
    19. Plantillas de publicación HTML
    20. Uso de Adobe Premiere Pro y After Effects
    21. Compartir y publicar animaciones rápidamente

Transformación de objetos

Puede transformar objetos gráficos, grupos, bloques de texto e instancias con la herramienta Transformación libre o con las opciones del menú Modificar > Transformar. En función del tipo de elemento que seleccione, podrá transformar, rotar, sesgar, escalar o distorsionar el elemento. Se pueden cambiar o añadir elementos a una selección durante la operación de transformación.

Al transformar un objeto, grupo, cuadro de texto o instancia, el inspector de propiedades para dicho elemento visualiza los cambios realizados en las dimensiones o la posición del elemento.

Durante las operaciones de transformación que implican arrastre, aparece un recuadro de delimitación. Este recuadro de delimitación es rectangular (a menos que se haya modificado con el comando Distorsionar o el modificador Envoltura), con sus bordes inicialmente alineados paralelos a los bordes del escenario. Los selectores de transformación están en cada esquina y en el medio de cada lado. A medida que arrastra, el recuadro de delimitación previsualiza las transformaciones.

Desplazamiento, realineación, modificación y seguimiento del punto de transformación

Durante una transformación, aparece un punto de transformación en el centro del elemento seleccionado. Inicialmente, el punto de transformación se alinea con el punto central del objeto. Se puede mover el punto de transformación, devolverlo a su ubicación predeterminada y mover el punto de origen predeterminado.

Para escalar, sesgar o rotar objetos gráficos, grupos y bloques de texto, el punto opuesto al punto que arrastra corresponde de forma predeterminada al punto de origen. Por ejemplo, el punto de transformación es el punto de origen de forma predeterminada. Es posible mover el punto de origen predeterminado para una transformación.

  1. Seleccione la herramienta Transformación libre  o elija uno de los comandos de Modificar > Transformar.

    Una vez que haya comenzado una transformación, puede realizar un seguimiento de la posición del punto de transformación en el panel Información y en el inspector de propiedades.

  2. Realice uno de los siguientes pasos:
    • Para mover el punto de transformación, arrástrelo desde el objeto gráfico seleccionado.

    • Para volver a alinear el punto de transformación con el punto central del elemento, haga doble clic en el punto de transformación.

    • Para cambiar el punto de origen para una transformación de escala o de sesgo, mantenga presionada la tecla Alt (Windows) u Opción (Macintosh) mientras arrastra el punto de control del objeto elegido durante la transformación.

    • En el panel Información, puede alternar la vista de los puntos de registro y de transformación. El botón aparece como para indicar que se visualizan las coordenadas del punto de registro. Al hacer clic en el mismo botón, cambia a para indicar que se visualizan las coordenadas de transformación.

    Cuadrícula de coordenadas; panel Información con botón Registro/Punto de transformación en modo de transformación; se indican las coordenadas x e y del punto de transformación de selección.

Uso de la herramienta Transformación libre

También se pueden realizar transformaciones individuales o combinar varias transformaciones, como el movimiento, la rotación, la escala, el sesgo y la distorsión.

Nota:

La herramienta Transformación libre no puede transformar símbolos, mapas de bits, objetos de vídeo, sonidos, degradados ni texto. Si la selección múltiple contiene alguno de estos elementos, únicamente se distorsionarán los objetos de forma. Para transformar un bloque de texto, en primer lugar convierta los caracteres en objetos de forma.

  1. Seleccione un objeto gráfico, grupo, instancia o bloque de texto en el escenario.
  2. Haga clic en la herramienta Transformación libre  .

    Al mover el puntero por encima y alrededor de la selección, éste cambiará para indicar la función de transformación que se encuentra disponible.

  3. Arrastre los selectores para transformar la selección de la manera siguiente:
    • Para mover la selección, sitúe el puntero encima del objeto dentro del recuadro de delimitación y arrastre el objeto a una nueva posición. No arrastre el punto de transformación.

    • Para establecer el centro de rotación o escala, arrastre el punto de transformación a una nueva ubicación.

    • Para rotar la selección, sitúe el puntero fuera de un selector de esquina y arrastre. La selección gira alrededor del punto de transformación. Arrastre con la tecla Mayús presionada para rotar en incrementos de 45°.

    • Para girar alrededor de la esquina opuesta, arrastre con la tecla Alt presionada (Windows) o con la tecla Opción presionada (Macintosh).

    • Para escalar la selección, arrastre un selector de esquina en diagonal para escalar en dos dimensiones. Arrastre con la tecla Mayús presionada para cambiar el tamaño de forma proporcional.

    • Arrastre un selector de esquina o lateral (horizontal o vertical) para escalar únicamente en la dirección correspondiente.

    • Para sesgar la selección, sitúe el puntero en el contorno entre los selectores de transformación y arrastre.

    • Para distorsionar formas, presione la tecla Ctrl (Windows) o Comando (Macintosh) y arrastre un selector de esquina o lateral.

    • Con las teclas Mayús y Ctrl (Windows) o Mayúsculas y Comando (Macintosh) presionadas, arrastre un selector de esquina para estrechar el objeto, es decir, para situar la esquina seleccionada y la adyacente a la misma distancia de su origen.

  4. Para finalizar la transformación, haga clic fuera del elemento seleccionado.

Distorsión de objetos

Al aplicar la opción Distorsionar a un objeto seleccionado, si se arrastra un selector de esquina o lateral en el recuadro de delimitación, se mueve la esquina o borde y se vuelven a alinear los bordes adyacentes. Para limitar la distorsión a una conicidad, mantenga presionada la tecla Mayús y arrastre un punto de esquina moviendo esa esquina y la esquina contigua a igual distancia y en la dirección opuesta la una de la otra. La esquina adyacente es la que se encuentra en el eje de la dirección en que se arrastra el punto de esquina. Arrastre un punto medio en un borde para mover todo el borde libremente usando Control + clic (Windows) o Comando + clic (Macintosh).

Con el comando Distorsionar, se pueden distorsionar objetos gráficos. También se pueden distorsionar objetos al llevar a cabo una transformación libre en ellos.

Nota:

El comando Distorsionar no puede modificar símbolos, formas simples, mapas de bits, objetos de vídeo, sonidos, degradados, grupos de objetos ni texto. Si la selección múltiple contiene alguno de estos elementos, únicamente se distorsionarán los objetos de forma. Para modificar texto, primero convierta los caracteres en objetos de forma.

  1. Seleccione uno o varios objetos gráficos en el escenario.
  2. Seleccione Modificar > Transformar > Distorsionar.

  3. Sitúe el puntero en uno de los selectores de transformación y arrastre.
  4. Para finalizar la transformación, haga clic fuera del objeto u objetos seleccionados.

Modificación de formas con el modificador Envoltura

El modificador Envoltura permite deformar y distorsionar objetos. Una envoltura es un recuadro de delimitación que contiene uno o más objetos. Los cambios realizados en la forma de una envoltura afectan a la forma de los objetos de la envoltura. Para editar la forma de una envoltura, ajuste los puntos y los selectores tangentes.

Nota:

El modificador Envoltura no puede modificar símbolos, mapas de bits, objetos de audio, sonidos, degradados, grupos de objetos ni texto. Si la selección múltiple contiene alguno de estos elementos, únicamente se distorsionarán los objetos de forma. Para modificar texto, primero convierta los caracteres en objetos de forma.

  1. Seleccione una forma en el escenario.
  2. Seleccione Modificar > Transformar > Envolver.

  3. Arrastre los puntos y los selectores de tangente para modificar la envoltura.

Escalado de objetos

Al escalar un objeto, el tamaño de dicho objeto aumenta o se reduce horizontal o verticalmente (o en ambas direcciones).

  1. Seleccione uno o varios objetos gráficos en el escenario.

  2. Seleccione Modificar > Transformar > Escalar.

  3. Realice uno de los siguientes pasos:
    • Para escalar el objeto horizontal y verticalmente, arrastre uno de los selectores de esquina. Las proporciones se mantienen según se cambia el tamaño. Arrastre con la tecla Mayús presionada para escalar de manera desigual.

    • Para escalar el objeto en sentido horizontal o vertical, arrastre uno de los selectores del centro.

  4. Para finalizar la transformación, haga clic fuera del objeto u objetos seleccionados.

    Nota:

    Al aumentar el tamaño de varios elementos, los elementos que estén situados cerca de los bordes del recuadro de delimitación se pueden mover fuera del escenario. Si se diera este problema, elija Ver > Área de trabajo para ver los elementos situados fuera de los bordes del escenario.

Giro y sesgo de objetos

Al rotar un objeto, éste gira sobre su punto de transformación. El punto de transformación se alinea con el punto de registro, que se establece de forma predeterminada en el centro del objeto; sin embargo, es posible mover el punto arrastrándolo.

Es posible girar un objeto de las formas siguientes:

  • Arrastrar con la herramienta Transformación libre  (se puede sesgar y escalar el objeto en la misma operación).

  • Especificar un ángulo en el panel Transformar (se puede escalar el objeto en la misma operación).

Giro y sesgo de objetos arrastrándolos

  1. Seleccione uno o varios objetos en el escenario.
  2. Seleccione Modificar > Transformar > Rotar y sesgar.

  3. Realice uno de los siguientes pasos:
    • Arrastre un selector de esquina para rotar el objeto.

    • Arrastre un selector central para sesgar el objeto.

  4. Para finalizar la transformación, haga clic fuera del objeto u objetos seleccionados.

Giro de objetos 90°

  1. Seleccione uno o varios objetos.
  2. Seleccione Modificar > Transformar > Rotar 90° en el sentido de las agujas del reloj para girar en sentido horario, o bien Rotar 90° en sentido contrario a las agujas del reloj para girar en sentido antihorario.

Sesgo de objetos

La opción Sesgar permite distorsionar un objeto inclinándolo a lo largo de uno o de ambos ejes. Para sesgar un objeto, arrástrelo o introduzca los valores en el panel Transformar.

  1. Seleccione uno o varios objetos.
  2. Seleccione Ventana > Transformar.

  3. Haga clic en Sesgar.
  4. Introduzca los ángulos para los valores horizontal y vertical.

Volteo de objetos

Los objetos pueden voltearse según su eje horizontal o vertical sin mover su posición relativa en el escenario.

  1. Seleccione el objeto.
  2. Seleccione Modificar > Transformar > Voltear verticalmente o Voltear horizontalmente.

Restablecimiento de objetos transformados

Cuando se utiliza la herramienta Transformación libre o el panel Transformar para escalar, rotar y sesgar instancias, grupos y texto, Animate guarda los valores del tamaño y la rotación originales con el objeto. De este modo, se pueden eliminar las transformaciones aplicadas y restablecer los valores originales.

Sólo se puede deshacer la transformación más reciente cuando se selecciona Edición > Deshacer. Es posible eliminar todas las transformaciones haciendo clic en el botón Quitar transformación del panel antes de anular la selección del objeto. Una vez anulada la selección del objeto, se perderán los valores originales y la transformación no se podrá eliminar.

Restablecimiento de un objeto transformado a su estado original

  1. Compruebe que el objeto transformado aún esté seleccionado.

  2. Realice uno de los siguientes pasos:
    • Haga clic en el botón Quitar transformación del panel Transformar.

    • Seleccione Modificar > Transformar > Quitar transformación

Modelado de activos para contenido rasterizado y vectorial

Se ha introducido una nueva herramienta de deformación de activos en la versión Animate 19.0. En Animate, puede usar la herramienta de deformación de activos para crear selectores de deformación en formas, objetos de dibujo y mapas de bits. Al arrastrar los selectores de deformación con la herramienta de deformación de activos, puede deformar las formas, objetos de dibujo y mapas de bits. 

Herramienta de deformación de recursos
Herramienta de deformación de recursos

Usando los selectores de deformación que aparecen en los objetos, puede volver a dar forma o distorsionar áreas de objetos específicos mientras deja intactas otras áreas. Todos los objetos seleccionados se agruparán al crear el primer selector de deformación. Al insertar un fotograma clave, los selectores de deformación del fotograma clave anterior se copiarán en el nuevo fotograma clave.

Algunos de los estilos del cursor que aparecen al pasar el ratón sobre los objetos con la herramienta de deformación de recursos se muestran a continuación para su referencia.

- Este cursor aparece cuando la herramienta de deformación de recursos no es compatible con un objeto.

- Este cursor indica que puede usar la herramienta de deformación de recursos para crear selectores de deformación en un objeto.

- Este cursor indica que puede hacer clic en el selector de deformación para remodelar un objeto.

Cursor moveto

Este cursor indica que puede girar el objeto.

Uso de la herramienta de deformación de activos

  1. Para comenzar, cree una forma o importe una imagen de mapa de bits en el escenario. 

  2. Haga clic la herramienta de deformación de activos de la barra de herramientas.

  3. Al colocar el ratón sobre una forma u objeto del dibujo, aparece el símbolo . A continuación, puede hacer clic para agregar selectores de deformación. 

    Pasar el cursor sobre una forma o un objeto de dibujo
    Pasar el cursor sobre una forma o un objeto de dibujo

  4. Los selectores de deformación de recursos se muestran como pequeños círculos sólidos en el objeto de forma/dibujo. Puede usar tantos selectores como necesite para deformar la forma de manera efectiva. Use la tecla Eliminar del teclado para eliminar un selector de deformación de posición libre.

    Selectores de deformación de activos
    Selectores de deformación de activos

  5. Mayús + clic en los selectores de deformación de posición libre para seleccionar varios selectores. Puede arrastrar los selectores utilizando la herramienta de deformación de recursos para deformar la forma según sus necesidades.

    Deformación de formas usando los selectores
    Deformación de formas usando los selectores

    Deformar mapas de bits mediante controles

  6. Elija uno de los dos modos asociados a los controles de deformación.

        a.    Modo abierto: este modo permite más grados de libertad alrededor del selector durante la deformación. Un selector en este modo se dibuja como un círculo sólido blanco.

        b.    Modo fijo: este modo permite menos grados de libertad alrededor del selector durante la deformación. Un selector en este modo se dibuja como un círculo sólido negro.

    Para cambiar entre los dos modos, utilice Alt+clic en los selectores de deformación. 

Tutorial sobre deformación de recursos

Aprenda a usar la deformación de recursos en Animate.

Editar una forma de base

La forma de base es la forma antes de aplicar cualquier deformación. La deformación de recursos funciona en mallas superpuestas en la parte superior de la forma de base. También puede modificar la forma de base al cambiar a la herramienta de selección y luego hacer doble clic en la forma deformada. Cualquier modificación que realice en la forma base se aplica a todos los casos deformados de esa forma. Esta característica solo funciona en formas vectoriales.

Propiedades de forma de la deformación de activos
Propiedades de forma de la deformación de activos

Interpolacion para la herramienta de deformación de recursos

Puede usar la interpolación clásica con la herramienta de deformación de recursos. Por ejemplo, puede aplicar interpolación clásica a posiciones libres de interpolación. 

Haga clic aquí para obtener más información sobre la interpolación clásica. 

Nota:

Para interpolar las posiciones, debe utilizar el mismo conjunto de selectores en el formulario.

Combinación de objetos

Para crear nuevas formas combinando o modificando objetos ya existentes, utilice los comandos Combinar objetos del menú Modificar (Modificar > Combinar objetos). En algunos casos, el orden de apilamiento de los objetos seleccionados determina cómo funciona esta función.

Cada comando se aplica a tipos específicos de objetos gráficos y se indican a continuación. Una forma combinada es una forma dibujada con una herramienta establecida en modo de dibujo combinado. Un objeto de dibujo es una forma dibujada con una herramienta establecida en modo de dibujo de objetos.

Los comandos para combinación de objetos son:

Unión

Une dos o más formas combinadas u objetos de dibujo. El resultado es una sola forma basada en el modo de dibujo de objetos que incluye todas las partes visibles de las formas antes de que se unificaran. Las partes solapadas de las formas que no son visibles se eliminan.

 

Nota:

A diferencia de lo que ocurre cuando se utiliza el comando Agrupar (Modificar > Agrupar), las formas que se hayan unido mediante el comando Unión no se podrán separar.

Formar intersección

Crea un objeto a partir de la intersección de dos o más objetos de dibujo. La forma de dibujo de objeto resultante consta de las partes que se solapan de las formas combinadas. Las partes de la forma que no se solapan se eliminan. La forma resultante utiliza el relleno y el trazo de la forma situada en la parte superior de la pila.

Perforación

Elimina las partes de un objeto de dibujo seleccionado según definen las zonas solapadas de otro objeto seleccionado situado delante. Las partes de un objeto de dibujo que queden solapadas por el objeto situado encima se eliminan y el primer objeto de la pila se elimina también. Los objetos resultantes permanecen separados y no se combinan en uno solo (a diferencia de lo que ocurre con los comandos Unión o Intersección, que unen los objetos).

Recortar

Utiliza el contorno de un objeto de dibujo para recortar otro objeto. El objeto situado encima o en primer plano define la forma del área de corte. Cualquier parte del objeto de dibujo situado debajo que se solape con el objeto que queda encima se conserva; las demás partes de los objetos situados debajo se eliminan y también el objeto situado encima. Los objetos resultantes permanecen separados y no se combinan en uno solo (a diferencia de lo que ocurre con los comandos Unión o Interesección, que unen los objetos).

Logotipo de Adobe

Inicia sesión en tu cuenta