Dibujo con la herramienta Pluma

  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

Para dibujar trazados precisos como líneas rectas o suaves curvas, utilice la herramienta Pluma. Al dibujar con la herramienta Pluma, haga clic para crear puntos en los segmentos de las líneas rectas y arrastre para crear puntos en los segmentos de las líneas curvas. Ajuste los segmentos de las líneas curvas y rectas ajustando los puntos de las líneas.

Los siguientes tutoriales de vídeo muestran cómo utilizar la herramienta Pluma en Animate:

Estados de dibujo de la herramienta Pluma

La herramienta Pluma proporciona una indicación de su estado de dibujo mediante los diferentes punteros. Los estados de dibujo se indican mediante los punteros siguientes:

Puntero de punto de ancla inicial

El primer puntero que aparece al seleccionar la herramienta Pluma. Indica que al hacer clic en el escenario por primera vez, se creará un punto de ancla inicial, que es el principio de un nuevo trazado (todos los trazados nuevos comienzan con un punto de ancla inicial). Todos los trazados de dibujo existentes se terminan.

Puntero de punto de ancla secuencial

Indica que la próxima vez que se haga clic con el ratón se creará un punto de ancla con una línea que lo conecta al anterior. Este puntero aparece durante la creación de todos los puntos de ancla definidos por el usuario, excepto el inicial.

Puntero Agregar punto de ancla

Indica que la próxima vez que se haga clic con el ratón, se añadirá un punto de ancla al trazado existente. Para añadir un punto de ancla, el trazado debe estar seleccionado y la herramienta Pluma debe estar sobre un punto existente. El trazado existente se redibuja según el punto de ancla que se ha añadido. Sólo se puede añadir un punto de ancla cada vez.

Puntero Eliminar punto de ancla

Indica que la próxima vez que se haga clic con el ratón en un trazado, se eliminará un punto de ancla. Para eliminar un punto de ancla, el trazado debe estar seleccionado con la herramienta Selección y el puntero debe estar sobre un punto existente. El trazado existente se redibuja para reflejar la eliminación del punto de ancla. Sólo se puede eliminar un punto de ancla cada vez.

Puntero Continuar trazado

Extiende el nuevo trazado desde un punto de ancla existente. Para que se active este puntero, el ratón debe estar sobre un punto de ancla de un trazado. Este puntero sólo está disponible cuando no se está dibujando un trazado. El punto de ancla no tiene que ser uno de los últimos puntos de ancla de un trazado; cualquier punto puede ser la ubicación para continuar un trazado.

Puntero Cerrar trazado

Cierra el trazado que está dibujando en el punto inicial. Sólo puede cerrar un trazado que esté dibujando en este momento y el punto de ancla existente debe ser el punto inicial del mismo trazado. El trazado resultante no tiene una configuración de color de relleno para la forma que encierra; aplique aparte el color de relleno.

Puntero Unir trazados

Similar a Cerrar trazado con la excepción de que el ratón no debe estar sobre el punto de ancla inicial del mismo trazado. El puntero debe estar en uno de los últimos puntos de un trazado único. El segmento puede estar o no estar seleccionado.

nota: al unir trazados, no se obtiene necesariamente una forma cerrada.

Puntero Retirar selector de Bézier

Aparece cuando el ratón está sobre un punto de ancla en el que se muestran los selectores de Bézier. Al hacer clic desaparecen los selectores de Bézier y el trazado curvo que pasa por el punto de ancla se convierte en segmentos rectos.

Puntero Convertir punto de ancla

Convierte un punto de esquina sin líneas de dirección en uno con líneas de dirección independientes. Para activar el puntero Convertir punto de ancla, utilice las teclas Mayús + C para cambiar la herramienta Pluma.

Para ver un tutorial en vídeo sobre la herramienta Pluma, consulte www.adobe.com/go/vid0120.

Dibujo de líneas rectas con la herramienta Pluma

El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla. Siga haciendo clic para crear un trazado compuesto de segmentos rectilíneos conectados por puntos de esquina.

  1. Seleccione la herramienta Pluma  .
  2. Sitúe la herramienta Pluma donde desee que empiece el segmento recto y haga clic para definir el primer punto de ancla. Si aparecen líneas de dirección, significa que ha arrastrado por accidente la herramienta Pluma; elija Edición > Deshacer y vuelva a hacer clic.
    Nota:

    el primer segmento dibujado no se hace visible hasta que se hace clic en un segundo punto de ancla (a menos que haya especificado Mostrar vista previa de la pluma en la categoría Dibujo del cuadro de diálogo Preferencias).

  3. Vuelva a hacer clic donde desee que termine el segmento (presione Mayús y haga clic para restringir el ángulo del segmento a un múltiplo de 45°).
  4. Continúe haciendo clic para definir puntos de ancla de otros segmentos rectos.
    Al hacer clic en la herramienta Pluma, se crean segmentos rectos.

  5. Para terminar el trazado como una forma abierta o cerrada, siga uno de estos procedimientos:
    • Para terminar un trazado abierto, haga doble clic en el último punto y, a continuación, en la herramienta Pluma en el panel Herramientas, o bien, presione la tecla Control (Windows) o Comando (Macintosh) y haga clic fuera del trazado.

    • Para cerrar el trazado, coloque la herramienta Pluma sobre el primer punto de ancla (hueco). Cuando esté situada correctamente, aparecerá un pequeño círculo junto al puntero de la herramienta Pluma  . Haga clic o arrastre para cerrar el trazado.

    • Para terminar la forma tal cual, seleccione Edición > Anular todas las selecciones o bien elija otra herramienta del panel Herramientas.

Dibujo de curvas con la herramienta Pluma

Para crear una curva, añada un punto de ancla en el que la curva cambia de dirección y arrastre las líneas de dirección que crean la curva. La longitud y la pendiente de la línea de dirección determinan la forma de la curva.

Las curvas son fáciles de modificar y se pueden visualizar e imprimir más rápido si se dibujan utilizando el mínimo posible de puntos de ancla. Usar demasiados puntos puede también introducir protuberancias no deseadas en una curva. En su lugar, dibuje puntos de ancla bien espaciados y practique la formación de curvas ajustando la longitud y los ángulos de las líneas de dirección.

  1. Seleccione la herramienta Pluma  .
  2. Sitúe la herramienta Pluma donde desee que empiece la curva y mantenga presionado el botón del ratón.

    Aparece el primer punto de ancla y el puntero de la herramienta Pluma se convierte en una punta de flecha. (En Photoshop, el puntero sólo cambia cuando ha comenzado a arrastrarlo.)

  3. Arrastre para definir la inclinación del segmento curvo que está creando, y suelte el botón del ratón.

    En general, extienda la línea de dirección alrededor de un tercio de la distancia al siguiente punto de ancla que planea dibujar. (Más adelante, puede ajustar uno o ambos lados de la línea de dirección.)

    Mantenga presionada la tecla Mayús para limitar la herramienta a múltiplos de 45°.

    Dibujo del primer punto de una curva

    A. Colocación de la herramienta Pluma B. Inicio del arrastre (botón del ratón pulsado) C. Arrastre para extender las líneas de dirección. 

  4. Sitúe la herramienta Pluma donde desea que termine el segmento curvo y, a continuación, lleve a cabo uno de los procedimientos siguientes:
    • Para crear una curva con forma de C, arrastre en una dirección opuesta a la de la línea anterior y suelte el botón del ratón.

    Dibujo del segundo punto de una curva

    • Para crear una curva con forma de S, arrastre en la misma dirección que la línea anterior y suelte el botón del ratón.

    Dibujo de una curva en forma de S

  5. Para crear una serie de curvas suaves, siga arrastrando la herramienta Pluma desde distintas ubicaciones. Coloque puntos de ancla al principio y al final de cada curva, no en la punta de la curva.
    Nota:

    Para dividir las líneas de dirección de un punto de ancla, presione Alt (Windows) u Opción (Macintosh) y arrastre las líneas.

  6. Para completar el trazado, realice una de las acciones siguientes:
    • Para cerrar el trazado, coloque la herramienta Pluma sobre el primer punto de ancla (hueco). Cuando la herramienta Pluma  esté situada correctamente, aparecerá un pequeño círculo junto a ella. Haga clic o arrastre para cerrar el trazado.

    • Para dejar el trazado abierto, presione Ctrl (Windows) o Comando (Macintosh) y haga clic en cualquier punto lejos de todos los objetos, seleccione otra herramienta o elija Edición > Anular todas las selecciones.

Adición o eliminación de puntos de ancla

Los puntos de ancla adicionales pueden proporcionarle un mayor control sobre el trazado o extender un trazado abierto. Sin embargo, es aconsejable no añadir más puntos de los que son necesarios. Es más fácil editar, mostrar e imprimir un trazado con menos puntos. Para reducir la complejidad de un trazado, elimine los puntos que no necesite.

El cuadro de herramientas contiene tres herramientas para añadir o eliminar puntos: las herramientas Pluma  , Añadir punto de ancla  y Eliminar punto de ancla .

De forma predeterminada, la herramienta Pluma cambia a Añadir punto de ancla al colocar el puntero sobre un trazado seleccionado o a Eliminar punto de ancla cuando se coloca en un punto de ancla.

Nota:

no utilice las teclas Supr, Retroceso y Borrar o los comandos Edición > Cortar o Edición > Borrar para eliminar puntos de ancla: estas teclas y comandos eliminan el punto y los segmentos de línea que se conectan a dicho punto.

  1. Seleccione el trazado que va a modificar.
  2. Haga clic y mantenga presionado el botón del ratón sobre la herramienta Pluma y luego seleccione la herramienta Pluma , Añadir punto de ancla o Eliminar punto de ancla .
  3. Para añadir un punto de ancla, coloque el puntero sobre un segmento del trazado y haga clic. Para eliminar un punto de ancla, coloque el puntero sobre un punto de ancla y haga clic.

Ajuste de puntos de ancla en los trazados

Al dibujar una curva con la herramienta Pluma, se crean puntos de curva (puntos de ancla sobre un trazado curvo continuo). Al dibujar un segmento de línea recta o una línea recta conectada a un segmento curvo, se crean puntos de esquina (puntos de ancla sobre un trazado recto o en la unión de un trazado recto y uno curvo).

De forma predeterminada, los puntos de curva seleccionados se muestran como círculos huecos, mientras que los puntos de esquina seleccionados se muestran como cuadrados huecos.

Arrastre de un punto de dirección fuera de un punto de esquina para crear un punto de curva.

Desplazamiento o incorporación de puntos de ancla

  • Para mover un punto de anclaje, arrastre el punto con la herramienta Subselección .

  • Para retocar uno o varios puntos de ancla, selecciónelos con la herramienta Subselección y utilice las teclas de flecha para desplazarlos. Presione la tecla Mayús y haga clic para seleccionar varios puntos.

  • Para añadir un punto de ancla, haga clic en un segmento de línea con la herramienta Pluma. Si se puede añadir un punto de ancla al segmento seleccionado, aparece un signo más (+) junto a la herramienta Pluma . Si no está seleccionado todavía el segmento de línea, haga clic con la herramienta Pluma para seleccionarlo y añada un punto de ancla.

Eliminación de puntos de ancla

Si se eliminan los puntos de ancla innecesarios de un trazado curvo, se optimizará la curva y se reducirá el tamaño del archivo SWF resultante.

  • Para eliminar un punto de esquina, haga clic una vez en el punto con la herramienta Pluma. Si se puede eliminar un punto de ancla del segmento seleccionado, aparece un signo menos (-) junto a la herramienta Pluma . Si no está seleccionado todavía el segmento de línea, haga clic con la herramienta Pluma para seleccionarlo y elimine un punto de ancla.

  • Para eliminar un punto de curva, haga clic en él una vez con la herramienta Pluma. Si se puede eliminar un punto de ancla del segmento seleccionado, aparece un signo menos (-) junto a la herramienta Pluma . Si no está seleccionado todavía el segmento de línea, haga clic con la herramienta Pluma para seleccionarlo y elimine un punto de esquina. (Haga clic una vez para convertir el punto en un punto de esquina y haga clic otra vez para eliminar el punto.)

Conversión de segmentos de recto a curvo

Para convertir segmentos de una línea de rectos a curvos, convierta primero los puntos de esquina a puntos de curva. También es posible realizar el proceso inverso.

  • Para convertir un punto de esquina en un punto de curva, utilice la herramienta Subselección para seleccionar el punto; a continuación, arrástrelo mientras mantiene presionada la tecla Alt (Windows) u Opción (Macintosh) para colocar los selectores de tangentes.

  • Para convertir un punto de curva en un punto de esquina, haga clic en él con la herramienta Pluma. El marcador ^ junto al puntero  indica cuando está sobre el punto de curva.

Ajuste de segmentos

Ajuste los segmentos rectos para cambiar el ángulo o la longitud del segmento, o bien, para ajustar los segmentos curvos a fin de cambiar la pendiente o la dirección de la curva.

Al mover un selector de tangente en un punto curvo, se ajustan las curvas a ambos lados del punto. Al mover un selector de tangente en un punto de esquina, sólo se ajusta la curva correspondiente al lado de la tangente del punto.

  • Para ajustar un segmento recto, seleccione la herramienta Subselección  y seleccione un segmento recto. Utilice la herramienta Subselección para arrastrar a otra posición un punto de ancla del segmento.

  • Para ajustar un segmento recto, seleccione la herramienta Subselección y arrastre el segmento.

    nota: Al hacer clic en el trazado, Animate muestra los puntos de anclaje. Al ajustar un segmento con la herramienta Subselección, es posible que se añadan puntos al trazado.

  • Para ajustar puntos o selectores de tangentes en una curva, seleccione la herramienta Subselección y seleccione un punto de ancla en un segmento curvo.

  • Para ajustar la forma de la curva a uno de los lados del punto de esquina, arrastre el punto de ancla o el selector de tangente. Para limitar la curva a múltiplos de 45º, arrastre con la tecla Mayús presionada. Para arrastrar un solo selector de tangente, presione la tecla Alt (Windows) u Opción (Macintosh) y arrastre.

 

Arrastre el punto de ancla o el punto de dirección.

Preferencias de la herramienta Pluma

Especifique las preferencias de aspecto del puntero de la herramienta Pluma, la manera de previsualizar los segmentos de líneas conforme va dibujando y el aspecto de los puntos de ancla seleccionados. Los puntos de ancla y los segmentos de líneas seleccionados utilizan el color de contorno de la capa en la que aparecen estas líneas y puntos.

  1. Seleccione la herramienta Pluma y, a continuación, seleccione Edición > Preferencias (Windows) o Animate > Preferencias (Macintosh).

  2. En la lista Categoría, seleccione Dibujo.
  3. Defina las siguientes opciones para la herramienta Pluma:

    Mostrar vista previa de la pluma

    Muestra una vista previa de los segmentos de línea mientras se dibujan. Aparece una vista previa del segmento de línea conforme mueve el puntero sobre el escenario, antes de hacer clic para crear el punto final del segmento. Si no está seleccionada esta opción, no aparece un segmento de línea hasta que se crea el punto final.

    Mostrar puntos sólidos

    Muestra los puntos de ancla seleccionados como huecos y los puntos de ancla deseleccionados como puntos sólidos. Si no se ha seleccionado esta opción, los puntos de ancla seleccionados serán sólidos, mientras que los deseleccionados serán huecos.

    Mostrar cursores de precisión

    Especifica que el puntero de la herramienta Pluma debe aparecer como una cruz en lugar de con el icono predeterminado de la herramienta Pluma para, de este modo, poder colocar las líneas con mayor precisión. Para mostrar el icono predeterminado de la herramienta Pluma, anule la selección de esta opción.

    nota: para cambiar entre el puntero de cruz y el icono de la herramienta Pluma predeterminado, presione la tecla Bloq Mayús.

  4. Haga clic en Aceptar.
Logotipo de Adobe

Inicia sesión en tu cuenta