Guía del usuario Cancelar

Paneles de color en Animate

Buscar
Animate

Animate

Abrir aplicación
  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. Cómo trabajar con 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. Dibujo y creación de objetos en Animate
    9. Remodelado de líneas y formas
    10. Trazos, rellenos y degradados en Animate CC
    11. Uso de Adobe Premiere Pro y After Effects
    12. Paneles de color en Animate CC
    13. Apertura de archivos de Flash CS6 con Animate
    14. Uso de texto clásico en Animate
    15. Colocación de ilustraciones en Animate
    16. Mapas de bits importados en Animate
    17. Gráficos 3D
    18. Trabajo con símbolos en Animate
    19. Dibujo de líneas y formas en Adobe Animate
    20. Uso de bibliotecas en Animate
    21. Exportación de sonidos
    22. Selección de objetos en Animate CC
    23. Trabajo con archivos AI de Illustrator en Animate
    24. Aplicación de modos de mezcla
    25. Organización de objetos
    26. Automatización de tareas con el menú Comandos
    27. Texto en varios idiomas
    28. Utilización de la cámara en Animate
    29. Filtros de gráficos
    30. Sonido y ActionScript
    31. Preferencias de dibujo
    32. 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. Accesibilidad en el espacio de trabajo de Animate
    12. Cómo escribir y gestionar scripts
    13. Activación de la compatibilidad con plataformas personalizadas
    14. Información general sobre compatibilidad con plataformas personalizadas
    15. Uso de plugins de compatibilidad con plataformas personalizadas
    16. Depuración de ActionScript 3.0
    17. 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. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    9. Prácticas recomendadas - Convenciones de vídeo
    10. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    11. Prácticas recomendadas - Estructuración de archivos FLA
    12. Prácticas recomendadas de optimización de archivos FLA para Animate
    13. Configuración de publicaciones de ActionScript
    14. Especificación de configuración de publicación para Animate
    15. Exportación de archivos de proyector
    16. Exportar imágenes y archivos GIF animados
    17. Plantillas de publicación HTML
    18. Uso de Adobe Premiere Pro y After Effects
    19. Compartir y publicar animaciones rápidamente
  9. Solución de problemas
    1. Problemas solucionados
    2. Problemas conocidos

 

Los modelos de color describen los colores que vemos y con los que trabajamos en los gráficos digitales. Cada modelo de color, como por ejemplo RGB, HSB o CMYK, representa un método diferente de descripción y clasificación de los colores. Los modelos de color utilizan valores numéricos para representar el espectro visible de color. Un espacio de color es una variante de un modelo de color que tiene una gama (rango) específica de colores. Por ejemplo, en el modelo de color RGB hay un número de espacios de color: Adobe® RGB, sRGB y Apple® RGB. Aunque estos espacios definen el color en los mismos tres ejes (R, G y B), sus gamas son diferentes.

Cuando se trabaja con los colores de un gráfico, en realidad se están ajustando los valores numéricos del archivo. Es fácil pensar en un color como un número, pero estos valores numéricos no son colores absolutos: sólo tienen un significado de color dentro del espacio de color del dispositivo que lo está produciendo.

Como cada dispositivo tiene su propio espacio de color, sólo puede reproducir los colores de su gama. Cuando una imagen pasa de un dispositivo a otro, sus colores pueden cambiar porque cada dispositivo interpreta los valores RGB o HSB según su propio espacio de color. Por ejemplo, es imposible que todos los colores que se ven en un monitor sean idénticos a los impresos en una impresora de escritorio. Una impresora funciona en un espacio de color CMYK, mientras que un monitor lo hace en un espacio de color RGB. Sus gamas son diferentes. Algunos colores producidos por tintas no se pueden mostrar en un monitor, así como algunos colores que se muestran en un monitor no se pueden reproducir mediante el uso de tintas en papel.

Al crear colores para su uso en documentos de Animate, se debe recordar que, aunque es imposible que todos los colores coincidan perfectamente en dispositivos diferentes, se pueden lograr buenos resultados si se tienen en cuenta las capacidades de visualización gráfica de los dispositivos que usa el público de destino.

Adobe Animate permite aplicar, crear y modificar colores con los modelos de color RGB o HSB. Si se utiliza la paleta predeterminada o una paleta creada por el usuario, se pueden elegir colores para aplicarlos al trazo o al relleno de un objeto que está a punto de crear o a uno que ya se encuentra en el escenario.

Al aplicar un color de trazo a una forma, puede seguir cualquiera de los procedimientos siguientes:

  • Aplique un color sólido, un degradado o un mapa de bits al relleno de una forma. Para aplicar un relleno de mapa de bits a una forma, es necesario importar un mapa de bits al archivo actual. Seleccione cualquier color, sólido o degradado, y el estilo y el grosor del trazo.

  • Cree una forma con contorno y sin relleno con la opción Sin color como relleno.

  • Cree una forma con relleno y sin contorno con la opción Sin color como tipo de contorno.

  • Aplique un relleno de color sólido al texto.

Con el panel Color, se pueden crear y editar colores sólidos y rellenos con degradado en los modos RVA y MSB.

Para acceder al selector de color del sistema, seleccione el icono del selector de color en el control Color de trazo o Color de relleno del panel Herramientas o del inspector de propiedades de forma.

Panel Color

El panel Color permite modificar la paleta de colores de un archivo FLA y modificar el color de los trazos y rellenos. Algunas de las opciones son:

  • Importar, exportar, eliminar y modificar la paleta de colores de un archivo FLA utilizando el panel Muestras.

  • Seleccionar colores en modo hexadecimal.

  • Crear degradados de varios colores.

  • Utilizar degradados para obtener una amplia variedad de efectos, como dar profundidad a un objeto bidimensional.

El panel Color incluye los siguientes controles:

Color de trazo

Cambia el color del trazo, o borde, de un objeto gráfico.

Color de relleno

Cambia el color del relleno. El relleno es el área de color contenida en la forma.

Menú Tipo de color

Cambia el estilo del relleno:

Ninguno

Quita el relleno.

Color uniforme

Proporciona un único color, sólido, de relleno.

Degradado lineal

Produce un degradado que se difumina siguiendo un trazado lineal.

Degradado radial

Produce un degradado que se difumina siguiendo un trazado circular a partir de un punto focal central.

Relleno de mapa de bits

Rellena el área seleccionada repitiendo en mosaico la imagen de mapa de bits que seleccione. Al elegir esta opción, se abre un cuadro de diálogo en el que se puede seleccionar una imagen de mapa de bits almacenada en el sistema local y añadirla a la biblioteca. El mapa de bits se aplica como relleno y adopta la apariencia de un mosaico en el que la imagen se repite en el interior de la forma.

HSB

Permite cambiar el tono, la saturación y el brillo de los colores de un relleno.

RGB

Permite cambiar la densidad de los colores rojo, verde y azul (RVA) del relleno.

Alfa

Establece la opacidad de un relleno sólido o del deslizador seleccionado para un relleno con degradado. Un valor del 0% crea un relleno invisible (transparente), mientras que un valor del 100% crea un relleno opaco.

Muestra de color actual

Muestra el color actualmente seleccionado. Si se ha seleccionado un relleno con degradado (lineal o radial) en el menú Tipo, la opción Muestra de color actual presenta las transiciones de color del degradado.

Selector de color del sistema

Permite seleccionar un color visualmente. Haga clic en el selector de color del sistema y arrastre el puntero en forma de cruz hasta encontrar el color que desea aplicar.

Valor hexadecimal

Muestra el valor hexadecimal del color actual. Para cambiar el color utilizando este parámetro, introduzca su valor hexadecimal. Los valores hexadecimales de color son combinaciones alfanuméricas de seis dígitos, cada una de las cuales representa un color determinado.

Flujo

Permite controlar los colores aplicados más allá de los límites de un degradado lineal o radial.

Ampliar color

(Valor predeterminado) Aplica los colores seleccionados más allá del límite del gradiente.

Reflejar color

Rellena la forma aplicando a los colores del degradado un efecto especular. El degradado especificado se aplica de forma repetida desde el principio hasta el final; a continuación se repite del final al principio y de nuevo desde el principio al final del gradiente, hasta que la forma queda rellena.

Repetir color

Repite el degradado de principio a fin hasta que la forma queda rellena.

 sólo en Adobe Flash Player 8 y versiones posteriores se admiten estos modos de desbordamiento.

RGB lineal

Crea un degradado radial o lineal compatible con SVG-(gráficos vectoriales escalables).

Panel Muestras

Las muestras permiten reutilizar y actualizar de forma sencilla los colores entre documentos. Ahora se puede seleccionar un color de las muestras para crear muestras etiquetadas. Una vez que se crea una muestra etiquetada y se aplica a las formas y los trazados del contenido de Animate, al cambiar el color de la muestra etiquetada se actualiza automáticamente todo el contenido que la esté utilizando.  

  1. Haga clic en Ventana > Color. 

  2. En la pestaña Muestras del panel Colores, seleccione el color que desea convertir en una muestra etiquetada y haga clic en el botón Convertir en muestra etiquetada, en la parte inferior del panel. 

  3. En el cuadro de diálogo Definición de color etiquetado, especifique lo siguiente:

    • El nombre de la nueva muestra.
    • Un color sólido, un degradado lineal o un degradado radial.
    • Un color mediante la especificación de los valores de HSB (tono, saturación y brillo) o RGB (rojo, verde y azul)
    Cuadro de diálogo Definición de color etiquetado

    La muestra nueva aparece tanto en las pestañas Colores y Muestras del panel Colores como en el panel Herramientas. 

    La muestra etiquetada que se ha creado aparece en los paneles de color, muestras y herramientas

  4. Cuando se abre el panel Color después de seleccionar el objeto que utiliza la muestra etiquetada, se ven opciones para editar las propiedades de color. Los cambios que se hacen en las propiedades de color se reflejan automáticamente en todos los elementos del escenario que utilizan la muestra etiquetada.

  5. Puede hace doble clic en una muestra o seleccionarla y hacer clic en Edición para abrir el cuadro de diálogo Definición de color etiquetado y hacer los cambios de color que quiera en la muestra.  

  6. Para desvincular una forma que use una muestra del color de la muestra, seleccione la forma y luego haga clic en el botón Desvincular. Se puede seleccionar otro color para la forma en el panel de colores.

    Opción Desvincular

    Seleccionar otro color para la forma en el panel de colores

Colorear creaciones con Animate

Todo contenido está incompleto sin el color y la mezcla necesarios. ¿Quiere aprender a agregar rellenos y trazos a sus creaciones? Consulte el tutorial al final de este ejemplo y siga estos pasos.

  1. En Propiedades, haga clic en el panel Color.

  2. Seleccione el color del trazo y el color de relleno necesarios.

  3. Seleccione Añadir a muestras y haga clic en el panel Muestras.

Cómo aplicar color a sus creaciones en Animate

Vea el vídeo para obtener información sobre cómo crear y utilizar colores en aplicaciones externas, como, por ejemplo, Adobe Capture CC, y compartir colores a través de bibliotecas de CC.

Paletas de colores

Cada archivo de Animate contiene su propia paleta de colores, almacenada en el documento de Animate. Animate muestra la paleta de un archivo como muestras en los controles de Color de relleno y Color del trazo, así como en el panel Muestras. La paleta predeterminada es la paleta de 216 colores WebSafe. Añada colores a la paleta de colores actual desde el panel Color. Puede importar y exportar paletas de colores sólidos y de degradado entre archivos de Animate, así como entre Animate y otras aplicaciones.

Paleta predeterminada y paleta WebSafe

Puede guardar la paleta actual como paleta predeterminada, sustituir la paleta actual por la paleta predeterminada definida para el archivo, o bien cargar la paleta WebSafe para sustituir la paleta actual.

  • Para cargar o guardar la paleta predeterminada, en el panel Muestras, seleccione uno de los comandos siguientes en el menú situado en la esquina superior derecha:

    Cargar colores predeterminados:

    Reemplaza la paleta actual por la predeterminada..

    Guardar como predeterminado:

    Guarda la paleta de colores actual como predeterminada. Esta nueva paleta predeterminada se utiliza en la creación de archivos nuevos.

  • Para cargar la paleta de 216 colores WebSafe, en el panel Muestras, seleccione la opción Web 216 en el menú situado en la esquina superior derecha.
  1. En el panel Muestras, seleccione Ordenar por colores en el menú situado en la esquina superior derecha.

Organización y reutilización de colores

El panel Muestras le permite organizar colores y paletas de colores en una estructura jerárquica mediante las opciones Carpetas y Paletas de colores.

Creación de una carpeta

De forma predeterminada, todos los colores se organizan en la carpeta Muestras predeterminadas. Puede organizar los colores existentes en carpetas mediante el panel Muestras. Para crear una carpeta nueva:

  1. En Animate, seleccione Ventana > Muestras.

  2. En el panel Muestras, haga clic en el botón.
  3. Escriba un nombre descriptivo para la carpeta de muestras.

También puede crear una carpeta si elige una carpeta, paleta de colores o muestra y selecciona la opción Duplicar como carpeta del menú desplegable.

Creación de una paleta de colores (grupo de muestras)

Una paleta de colores es un grupo de muestras (colores) que identifica un tema de colores para su contenido. Puede crear paletas de colores dentro de carpetas y añadir muestras a las mismas. Para crear una paleta de colores:

  1. En Animate, seleccione Ventana > Muestras.

  2. En el panel Muestras, seleccione cualquier carpeta y haga clic en el botón para crear una paleta vacía.
  3. Puede arrastrar un color existente o hacer clic en el botón para añadir muestras a la paleta de colores.

También puede crear una paleta de colores si elige una carpeta, paleta de colores o muestra y selecciona la opción Duplicar como paleta del menú emergente.

Creación o adición de colores a una paleta de colores

Puede crear muestras o añadir muestras existentes en las paletas de colores. Para crear una muestra:

  1. En Animate, seleccione Ventana > Muestras.

  2. En el panel Muestras, seleccione cualquier paleta de colores de una carpeta y haga clic en el botón para crear una muestra. Se creará una nueva muestra en el panel Color con el color de relleno que esté seleccionado. También puede seleccionar una muestra existente y hacer clic en el botón para duplicar la muestra en la paleta.

También puede crear una muestra si selecciona una carpeta, paleta de colores o muestra y seleccione la opción Duplicar como muestra del menú emergente.

  1. En el panel Muestras, seleccione uno de los siguientes comandos del menú situado en la esquina superior derecha:

    • Para añadir los colores importados a la paleta actual, seleccione Añadir colores.

    • Para sustituir la paleta actual por los colores importados, seleccione Reemplazar colores.

  2. Vaya al archivo que desee, selecciónelo y haga clic en Aceptar.
  1. En el panel Muestras, seleccione la opción Guardar colores en el menú situado en la esquina superior derecha y escriba un nombre para la paleta de colores.

  2. En Guardar como tipo (Windows) o Formato (Macintosh), seleccione Juego de color Animate o Tabla de color. Haga clic en Guardar.

Creación o edición de un color sólido

Puede crear cualquier color con el panel Color. Si selecciona un objeto en el escenario, las modificaciones de color realizadas en el panel Color se aplican a la selección. Puede seleccionar los colores en modo RVA o MSB, o bien expandir el panel para utilizar el modo hexadecimal. También puede especificar un valor alfa para definir el grado de transparencia de un color. Además, puede seleccionar un color en la paleta de colores existente.

Puede expandir el panel Color para que aparezca un espacio de color más grande en lugar de la barra de colores, una muestra de color dividida con los colores actuales y los anteriores, y el control deslizante Brillo para modificar el brillo del color en todos los modos de color.

  1. Para aplicar el color a la ilustración existente, seleccione uno o varios objetos en el escenario y seleccione Ventana > Color.

  2. Haga clic en el icono Trazo o Relleno para especificar qué atributo desea modificar.

     haga clic en el icono, no en el control de color; de lo contrario, se abrirá el selector de color.

  3. Si ha seleccionado el icono Relleno en el paso 3, verifique que la opción Sólido esté seleccionada en el menú Tipo.

  4. Si selecciona un objeto en el escenario, las modificaciones de color realizadas en el panel Color se aplican a la selección. Realice uno de los siguientes pasos:

    • Para seleccionar un color, haga clic en el espacio de color del panel Color. Para ajustar el brillo del color, arrastre el control deslizante Brillo.

       para crear colores que no sean ni el blanco ni el negro, asegúrese de que el control deslizante Brillo no se establece en ninguno de los extremos.

    • Introduzca valores en los cuadros de valores de color: rojo, verde y azul para la visualización en RVA; matiz, saturación y brillo para la visualización en MSB; o valores hexadecimales para la visualización en modo hexadecimal. Introduzca un valor alfa para especificar el grado de transparencia, desde 0 para una completa transparencia hasta 100 para una completa opacidad.

    • Para restablecer la configuración de color predeterminada, negro y blanco (trazo negro y relleno blanco), haga clic en el botón Negro y blanco .

    • Para intercambiar los colores del relleno y del trazo, haga clic en el botón Intercambiar colores .

    • Haga clic en el botón Sin color para no aplicar ningún color al relleno o al trazo .

       no puede aplicar un trazo o un relleno del tipo Sin color a un objeto existente. En su lugar, seleccione el trazo o el relleno existente y elimínelo.

    • Haga clic en el control Color de trazo o Color de relleno y seleccione un color.

  5. Para añadir el nuevo color a la lista de muestras de color del documento actual, seleccione Añadir muestra en el menú situado en la esquina superior derecha.

Duplicación, eliminación y borrado de colores

Puede duplicar colores de la paleta, eliminar colores individuales o borrar todos los colores de la paleta.

  • Para duplicar un color o eliminarlo, seleccione Ventana > Muestras, haga clic en el color que desee duplicar o eliminar y seleccione la opción Duplicar muestra o Eliminar muestra en el menú del panel. Cuando se duplica una muestra, aparece el cubo de pintura. Haga clic en un área vacía del panel Muestras con el cubo de pintura para duplicar el color seleccionado.

  • Para borrar todos los colores de la paleta de colores, en el panel Muestras, seleccione Borrar colores en el menú del panel. Se borrarán todos los colores de la paleta excepto el blanco y el negro.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Vínculos rápidos

Ver todos los planes Administrar los planes
Ver vínculos rápidos
Ocultar vínculos rápidos

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