Para aplicar un relleno con degradado a una ilustración existente, seleccione uno o más objetos en el escenario.
- 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
Creación o edición de un relleno con degradado
Un degradado es un relleno multicolor en el que un color se va cambiado gradualmente por otro. Animate (anteriormente conocido como Flash Professional CC) permite aplicar hasta 15 transiciones de color a un degradado. La creación de un degradado es un buen sistema para crear un degradado de color suave en uno o varios objetos. Si lo desea, puede guardar un degradado como una muestra para que le resulte más fácil aplicar el degradado a varios objetos. En Animate se pueden crear dos tipos de degradados:
Los degradados lineales cambian de color siguiendo un único eje (horizontal o vertical).
Los degradados radiales cambian de color de forma expansiva a partir de un punto focal central. Es posible cambiar la dirección, los colores, la posición del punto focal y muchas otras propiedades de los degradados.
Animate facilita controles adicionales sobre los degradados lineales y radiales para su uso con Flash Player. Estos controles, denominados modos de desbordamiento, le permiten especificar cómo se aplicarán los colores más allá del límite del degradado.
-
-
Si el panel Color no se encuentra visible, elija Ventana > Color-
-
Para seleccionar un modo de visualización de color, elija RGB (ajuste predeterminado) o HSB en el menú Panel.
-
Seleccione un tipo de degradado en el menú Tipo:
Lineal
Crea un degradado que cambia de tonalidad desde el punto inicial al final en línea recta.
Radial
Produce un degradado que se difumina siguiendo un trazado circular a partir de un punto focal central.
cuando se selecciona un degradado lineal o radial, el panel Color muestra asimismo las otras dos opciones si se está publicando en Flash Player 8 o versión posterior. En primer lugar, el menú Desbordamiento aparece debajo del menú Tipo. Este menú controla los colores aplicados más allá de los límites del degradado. En segundo lugar, aparece la barra de definición de degradados, con unos punteros situados en su parte inferior que indican los colores del degradado.
-
(Opcional) Desde el menú Desbordamiento, seleccione un modo de desbordamiento para aplicarlo al degradado: Ampliar (modo predeterminado), Reflejar o Repetir.
-
(Opcional) Seleccione la casilla de verificación RVA lineal para crear un degradado lineal o radial compatible con SVC (gráficos vectoriales escalables). Esto permitirá que el degradado se muestre suavizado al modificar su escala por primera vez.
-
Para cambiar un color del degradado, seleccione uno de los punteros de color situados debajo de la barra de definición de degradados (el triángulo situado encima del puntero de color seleccionado aparecerá en negro). Seguidamente, haga clic en el panel de espacio de color que aparece sobre la barra de degradado. Arrastre el control deslizante Brillo para ajustar la luminosidad del color.
-
Para añadir un puntero al degradado, haga clic en la barra de definición del degradado o debajo de esta. Seleccione un color del nuevo puntero de la manera descrita en el paso anterior.
Puede añadir hasta 15 punteros de color, lo que le permite crear degradados con un máximo de 15 transiciones de color.
-
Para volver a colocar un puntero en el degradado, arrastre el puntero por la barra de definición del degradado. Arrastre el puntero hacia abajo y fuera de la barra de definición del degradado para eliminarlo.
-
Para guardar el degradado, haga clic en el triángulo situado en la esquina superior derecha del panel Color y seleccione Añadir muestra en el menú.
El degradado se añade al panel Muestras del documento actual.
-
Para transformar un degradado, por ejemplo, para hacerlo vertical y no horizontal, utilice la herramienta Transformación de degradado. Consulte Transformación de degradados y rellenos de mapa de bits para obtener más información.
Ajuste del color de trazo y de relleno
Es posible especificar el color de trazo y de relleno de las formas y los objetos gráficos a través de los controles Color de trazo y Color de relleno del panel Herramientas, o bien, con los controles Color de trazo y Color de relleno del inspector de propiedades.
La sección Color de trazo y Color de Relleno del panel Herramientas contiene controles para la activación de los cuadros Color de trazo y Color de relleno, los cuales, a su vez, determinan si las opciones de color afectarán a los trazos o los rellenos de los objetos seleccionados. Asimismo, la sección de colores incluye controles que permiten restablecer los valores predeterminados, configurar el color de relleno y de trazo como Ninguno e intercambiar los colores de trazo y de relleno de forma rápida.
Además de permitir seleccionar un color de trazo y de relleno para una forma u objeto gráfico, el inspector de propiedades ofrece controles para especificar el estilo y la anchura del trazo.
Para utilizar estos controles con el fin de cambiar los atributos de pintura de los objetos existentes, primero seleccione los objetos en el escenario.
Véase también: Previsualización dinámica de color.
Ajuste del color de trazos y rellenos con el panel Herramientas
Los controles Color de trazo y Color de relleno del panel Herramientas establecen los atributos de pintura de los nuevos objetos creados con las herramientas de dibujo y pintura. Para utilizar estos controles con el fin de cambiar los atributos de pintura de los objetos existentes, primero seleccione los objetos en el escenario.
Haga clic en el control Color de trazo o Color de relleno y seleccione una muestra de color.
Haga clic en el botón del selector de color del sistema de la ventana emergente y seleccione un color. También puede pasar el puntero del ratón por encima de distintos colores para previsualizar el efecto del color en la forma.
Introduzca el valor hexadecimal de un color en el cuadro.
Haga clic en el botón Blanco y negro del panel Herramientas para volver a los colores predeterminados (relleno blanco y trazo negro).
Para quitar cualquier trazo o relleno, haga clic en el botón Sin color.
el botón Sin color sólo aparece cuando se está creando un óvalo o rectángulo. Puede crear un objeto sin trazo ni relleno, pero no puede utilizar el botón Sin color con un objeto existente. En su lugar, seleccione el trazo o el relleno existente y elimínelo.
Para intercambiar los colores del relleno y del trazo, haga clic en el botón Intercambiar colores del panel Herramientas.
Animate permite previsualizar de forma dinámica los colores de trazo y de relleno al cambiarlos desde el Muestra de color. Para obtener más información, consulte Previsualización dinámica de color.
Aplicación de un relleno de color sólido mediante el inspector de propiedades
-
Seleccione uno o varios objetos cerrados en el escenario.
-
Seleccione Ventana > Propiedades.
-
Para seleccionar un color, haga clic en el control Color de relleno y siga uno de estos procedimientos:
- Seleccione una muestra de color de la paleta.
- Introduzca el valor hexadecimal de un color en el cuadro.
Selección de un color, un estilo y un grosor de trazo mediante el inspector de propiedades
Para cambiar el color de trazo, el estilo y el grosor de un objeto seleccionado, utilice el control Color del trazo del inspector de propiedades. Para el estilo de trazo, elija entre los estilos precargados en Animate o cree un estilo personalizado. Para seleccionar un relleno de color sólido, utilice el control Color de relleno del inspector de propiedades.
-
Seleccione uno o más objetos del escenario (en el caso de los símbolos, haga doble clic primero para acceder al modo de edición de símbolos).
-
Seleccione Ventana > Propiedades.
-
Para seleccionar un estilo de trazo, haga clic en el menú Estilo y elija una opción. Para crear un estilo personalizado, haga clic en Personalizado en el inspector de propiedades, seleccione las opciones del cuadro de diálogo Estilo del trazo y haga clic en Aceptar.
si selecciona un estilo de trazo distinto de Sólido, puede aumentar el tamaño de archivo.
-
Para seleccionar el grosor del trazo, desplace el deslizador del trazo o introduzca un valor en el cuadro de texto.
-
Para activar la función de sugerencias de trazo, seleccione la casilla de verificación Sugerencias de trazo. Esta función ajusta los puntos de anclaje de líneas y curvas sobre píxeles exactos, evitando de este modo el trazado de líneas verticales u horizontales imprecisas.
-
Seleccione una opción de Extremo para definir el estilo del remate de un trazado:
Ninguno
Deja el remate alineado con el extremo del trazado.
Redondeado
Añade un extremo redondeado que se extiende más allá del extremo del trazado en medida equivalente a la mitad.
Cuadrado
Añade un extremo cuadrado que se extiende más allá del trazado en medida equivalente a la mitad.
-
(Opcional) Si dibuja líneas con las herramientas Lápiz o Pincel y con el modo de dibujo definido como Suavizar, puede especificar con el deslizador emergente Suavizado el grado de suavizado que aplicará Animate a las líneas que dibuje.
De forma predeterminada, el valor de suavizado se establece en 50, pero se puede especificar un valor que oscile entre 0 y 100. Cuanto mayor sea este valor tanto más suave resultará la línea dibujada.
cuando se selecciona Enderezar o Tinta como modo de dibujo, se desactiva el deslizador Suavizado.
-
Seleccione una opción de Unión para definir cómo se juntan dos segmentos de trazado. Para cambiar las esquinas de un trazado abierto o cerrado, selecciónelo y elija otra opción de unión.
-
Para evitar que una unión angular se convierta en biselada, introduzca un límite angular.
Las longitudes de línea que superen dicho valor serán redondeadas en lugar de quedar en punta. Por ejemplo, si establece un límite angular de 2 para un trazo de 3 puntos, cuando la longitud del punto sea doble del grosor del trazo, Animate eliminará el punto límite.
Ajuste de trazos de varias líneas o formas
La herramienta Bote de tinta permite cambiar el color, la anchura y el estilo del contorno de una o varias líneas o formas. Puede aplicar únicamente colores sólidos, pero no degradados ni mapas de bits, a las líneas y los contornos de formas.
Utilizar la herramienta Bote de tinta en lugar de seleccionar cada una de las líneas facilita la modificación de los atributos de trazo de varios objetos de una sola vez.
-
Seleccione la herramienta Bote de tinta del panel Herramientas.
-
Seleccione un color de trazo.
-
Seleccione un estilo y un grosor de trazo en el inspector de propiedades.
-
Haga clic en un objeto del escenario para aplicar las modificaciones de trazo.
Copia de trazos y rellenos
La herramienta Cuentagotas permite copiar los atributos de trazo y relleno de un objeto y aplicarlos inmediatamente a otro objeto. Esta herramienta también permite copiar la imagen de un mapa de bits para utilizarla como relleno.
-
Seleccione la herramienta Cuentagotas y haga clic en el trazo o área rellena cuyos atributos desea aplicar a otro trazo o área rellena.
Al hacer clic en un trazo, la herramienta cambiará automáticamente a la herramienta Bote de tinta. Al hacer clic en un área rellena, la herramienta cambiará automáticamente a la herramienta Cubo de pintura con el modificador Bloquear relleno activado.
-
Haga clic en otro trazo o área rellena para aplicar los nuevos atributos.
Modificación de áreas pintadas con la herramienta Cubo de pintura
La herramienta Cubo de pintura rellena con color áreas cerradas. Con esta herramienta es posible realizar lo siguiente:
Rellenar áreas vacías como cambiar el color de áreas ya pintadas.
Pintar con colores sólidos, degradados y rellenos de mapa de bits.
Utilizar la herramienta Cubo de pintura para rellenar áreas que no están cerradas por completo.
Hacer que Animate cierre los huecos de los contornos de las formas cuando utilice la herramienta Cubo de pintura.
-
Seleccione la herramienta Cubo de pintura en el panel Herramientas.
-
Seleccione un color y estilo de relleno.
-
Haga clic en el modificador Tamaño de hueco que aparece en la parte inferior del panel Herramientas y seleccione una opción de tamaño de hueco:
- No cerrar huecos para cerrar manualmente los huecos antes de rellenar la forma. Para dibujos complicados, puede ser más rápido cerrar los huecos manualmente.
- Seleccione una opción Cerrar para que Animate rellene una forma con huecos.
si los huecos son demasiado grandes, puede que tenga que cerrarlos manualmente.
-
Haga clic en la forma o el área encerrada que desee rellenar.
Opciones de la herramienta Cubo de pintura
Ahora puede utilizar la herramienta Cubo de pintura para hacer clic y arrastrarla por los contornos de un objeto para rellenarlos con un color determinado. Puede hacer clic y arrastrar la herramienta por los contornos en cualquier dirección. La herramienta Cubo de pintura rellena el color allí donde los puntos se capturan en los contornos.
Cuando selecciona la casilla Rellenar todas las regiones, todas las regiones de la selección se rellenan con el color elegido al arrastrar la herramienta.
De forma predeterminada, la opción Rellenar todas las regiones está desmarcada. En este modo, la herramienta Cubo de pintura rellena solamente con un color específico.
Cuando la opción Rellenar todas las regiones no está seleccionada (predeterminado)
- En este modo, cuando un usuario hace clic con el ratón mientras usa el cubo de pintura, usted ve el color que se va a sustituir. En este caso, supongamos que el color verde se va a sustituir por el rojo.
- A medida que el usuario arrastra la herramienta por las ilustraciones, esta opción sustituye únicamente los contornos rellenados con el color verde.
- Si el usuario arrastra la herramienta por un contorno cerrado vacío, este se rellena con el color rojo.
- En el momento de hacer clic con el ratón, si el contorno subyacente estaba vacío, esta opción rellena los contornos vacíos cuando el usuario arrastra la herramienta Cubo de pintura.
Cuando la opción Rellenar todas las regiones está seleccionada
Todas las regiones se rellenan con el color seleccionado. En el caso anterior, dicho color era el rojo.
Transformación de los rellenos con degradado y de mapa de bits
Puede transformar un relleno con degradado o de mapa de bits ajustando el tamaño, la dirección o el centro del relleno.
-
Seleccione la herramienta Transformación de degradado del panel Herramientas. Si no puede ver la herramienta Transformación de degradado en el panel Herramientas, haga clic en la herramienta Transformación libre y, sin soltar el botón del ratón, seleccione la herramienta Transformación de degradado en el menú que se muestra.
-
Haga clic en un área rellena con un degradado o un mapa de bits. Se muestra un recuadro de delimitación con selectores de edición. Al colocar el puntero sobre uno de los selectores, este cambia para indicar su función.
Punto central
El icono de desplazamiento del selector central adopta la forma de una flecha de cuatro puntas.
Punto focal
El selector del punto focal se muestra únicamente cuando el degradado es de tipo radial. Su icono de desplazamiento adopta la forma de un triángulo invertido.
Tamaño
El icono de desplazamiento del selector de tamaño (icono del selector central del borde del recuadro de delimitación) es un círculo con una flecha en su interior.
Rotación
Ajusta la rotación del degradado. El icono de desplazamiento del selector de rotación (icono del selector inferior del borde del recuadro de delimitación) adopta la forma de cuatro flechas que surgen de un círculo.
Anchura
Ajusta la anchura del degradado. El icono de desplazamiento de este selector (selector cuadrado) adopta la forma de una flecha de dos puntas.
Presione Mayús para limitar la dirección de un relleno con degradado lineal a ángulos múltiplos de 45°.
A. Punto central B. Anchura C. Rotación D. Tamaño E. Punto focal
-
Rehaga el relleno con degradado o de mapa de bits utilizando cualquiera de los procedimientos siguientes:
- Para mover el centro del relleno con degradado o de mapa de bits, arrastre el punto central.
- Para cambiar el grosor del relleno con degradado o de mapa de bits, arrastre el selector cuadrado situado en un lado del recuadro de delimitación. Esta opción solo cambia el tamaño del relleno, no el del objeto que contiene el relleno.
- Para cambiar la altura del relleno con degradado o de mapa de bits, arrastre el selector cuadrado situado en la parte inferior del recuadro de delimitación.
- Para girar el relleno con degradado o de mapa de bits, arrastre el selector de rotación circular situado en la esquina. También puede arrastrar el selector más bajo del círculo de delimitación de un relleno o degradado circular.
- Para escalar un degradado lineal o un relleno, arrastre el selector cuadrado situado en el centro del recuadro de delimitación.
- Para cambiar el punto focal de un degradado circular, arrastre el selector redondo central del círculo de delimitación.
- Para sesgar o inclinar un relleno dentro de una forma, arrastre uno de los selectores circulares de la parte superior o derecha del recuadro de delimitación.
- Para repetir la imagen del mapa de bits como un patrón dentro de una forma, ajuste el tamaño del relleno.
para ver todos los selectores al trabajar con rellenos grandes o cerca del borde del escenario, seleccione Ver > Área de trabajo.
Bloqueo de un degradado o de un mapa de bits para rellenar el escenario
Puede bloquear un relleno con degradado o de mapa de bits para que parezca que el relleno se extiende por todo el escenario y que los objetos pintados con ese relleno son máscaras que muestran el degradado o el mapa de bits subyacente.
Al seleccionar el modificador Bloquear relleno con la herramienta Pincel o Cubo de pintura y pintar con esta herramienta, el relleno con degradado o de mapa de bits se extiende por los objetos pintados en el escenario.
Utilización de un relleno con degradado bloqueado
-
Seleccione las herramientas Pincel o Cubo de pintura y elija un degradado o mapa de bits como relleno.
-
Seleccione la opción Lineal o Radial en el menú Tipo del panel Color.
-
Haga clic en el modificador Bloquear relleno .
-
Pinte en primer lugar las áreas donde desea colocar el centro del relleno y, a continuación, el resto.
Utilización de un relleno de mapa de bits bloqueado
-
Seleccione el mapa de bits que desee utilizar.
-
Seleccione la opción Mapa de bits en el menú Tipo del panel Color.
-
Seleccione la herramienta Pincel o Cubo de pintura.
-
Haga clic en el modificador Bloquear relleno .
-
Pinte en primer lugar las áreas donde desea colocar el centro del relleno y, a continuación, el resto.