1. Design & Illustration
  2. Theory
  3. Color Theory

Cómo crear una muestra de color pastel en Photoshop

Scroll to top

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Qué son los colores pastel? Por lo general se describen como colores con valor alto y saturación baja. Los colores pastel sólidos se adaptan perfectamente a los diseños de la moda, de la web y cualquier otro diseño con sus combinaciones de color pálido. Por lo tanto, en el tutorial de Photoshop de hoy sobre el color pastel, vamos a explorar la paleta de color pastel predeterminada en Photoshop, y luego crearemos nuestro propio esquema de color pastel con la herramienta de selección de color; además, descubriremos algunos útiles códigos de colores pastel. Por último, crearemos un esquema de Photoshop de paleta pastel con Adobe Color.

Si quieres aprender sobre las paletas de color pastel de Photoshop mediante un video, consulta nuestra lección en el canal de YouTube de Envato Tuts+:

Lo que aprenderás en este tutorial de Photoshop sobre el color pastel

  • Cómo acceder a los colores pastel predeterminados en Photoshop
  • Cómo crear tu propio esquema de color pastel usando las bibliotecas de colores predeterminadas
  • Cómo crear una paleta de Photoshop de color pastel usando la herramienta Selector de color
  • Cómo crear una paleta de color pastel en Photoshop con Adobe Color
  • Ejemplos de códigos útiles de colores pastel de Photoshop

Recursos del tutorial

Durante la producción de este tutorial, se usaron los siguientes recursos:

1. Cómo acceder a los colores pastel predeterminados en Photoshop

Paso 1

Hay dos formas de abrir las bibliotecas de color predeterminadas en Photoshop. Comencemos con la herramienta Selector de color, haz clic en el Color frontal y luego selecciona Bibliotecas de colores.

Opening the color librariesOpening the color librariesOpening the color libraries

Paso 2

Presiona el botón Libro para ver todas las bibliotecas disponibles.

Selecting the color librarySelecting the color librarySelecting the color library

Paso 3

La segunda forma de abrir la biblioteca de color es yendo a Ventana > Muestras y luego presionando Icono en la esquina superior derecha del panel Muestras.

opening the swatches panelopening the swatches panelopening the swatches panel

Y aquí puedes ver todas las bibliotecas de colores predeterminadas disponibles.

opening the color libraries in the swatches panelopening the color libraries in the swatches panelopening the color libraries in the swatches panel

Paso 4

La diferencia principal entre estos dos métodos es que, cuando abres la biblioteca de colores en el panel Muestras, este agrega todos los colores como muestras automáticamente. Si abres la biblioteca de colores en el Selector de color, este te muestra los colores en la columna derecha y variaciones diferentes del color seleccionado en la columna izquierda.

color libraries in swatches panel and in color picker toolcolor libraries in swatches panel and in color picker toolcolor libraries in swatches panel and in color picker tool

Puedo recomendar las siguientes bibliotecas en las que puedes encontrar colores pastel:

  • ANPA colors (Colores ANPA)
  • Pantone+ Solid Uncoated (Pantone+ sólido sin revestimiento)
  • Pantone+ Pastel&Neons (Pantone+ pastel y neones)

Estos son algunos ejemplos de la paleta de color pastel de Photoshop que he creado con estas bibliotecas:

example of color schemes created with color librariesexample of color schemes created with color librariesexample of color schemes created with color libraries

2. Cómo crear tu propio esquema de color pastel usando las bibliotecas de colores predeterminadas

Paso 1

Abramos la biblioteca de color ANPA que tiene una gran cantidad de colores pastel sólidos. Como puedes ver, los primeros cuatro colores de esta biblioteca tienen una saturación bastante baja y configuraciones de valores altos, y puede ser útil para crear tus propios esquemas de color pastel.

selecting the pastel color from color libraryselecting the pastel color from color libraryselecting the pastel color from color library

Paso 2

Para agregar una nueva muestra, debes seleccionar la variación del color que te gusta y luego presionar Selector y elegir Añadir a muestras. Ahora tenemos acceso al color deseado en nuestro panel Muestras.

adding a color from the library to the swatchesadding a color from the library to the swatchesadding a color from the library to the swatches

Paso 3

Agreguemos cuatro colores más usando el mismo método. Yo elegí los colores violeta, turquesa, verde y amarillo. Como puedes ver, es bastante sencillo crear tus propios esquemas de color pastel preestablecidos de Photoshop usando la biblioteca de color ANPA.

creating a pastel color scheme using color librarycreating a pastel color scheme using color librarycreating a pastel color scheme using color library

3. Cómo crear una paleta de color pastel en Photoshop usando la herramienta Selector de color

Ahora creemos un esquema de color pastel degradado de Photoshop usando un selector de color y la imagen de una puesta de sol. Abre la herramienta Selector de color, y luego selecciona los colores secuencialmente y agrégalos a muestras.

Así es como se ve nuestro esquema de color pastel degradado de Photoshop:

pastel color palette from the imagepastel color palette from the imagepastel color palette from the image

Y aquí tienes otro ejemplo de muestras de Photoshop de color pastel preestablecidas creadas con colores de otra imagen:

second example of color palette created with color pickersecond example of color palette created with color pickersecond example of color palette created with color picker

4. Cómo crear muestras de Photoshop con una paleta de color pastel usando Adobe Color

Paso 1

En esta sección de nuestro tutorial de Photoshop sobre el color pastel, probemos Adobe Color para crear paletas pastel. En la columna izquierda puedes ver diferentes reglas de armonía, y antes de crear tu nueva paleta pastel, necesitas seleccionar aquella que quieras usar.

selecting the color harmony ruleselecting the color harmony ruleselecting the color harmony rule

Paso 2

Yo elegí la regla de armonía Cuadrado para mi paleta de color pastel de Photoshop. Para obtener códigos preestablecidos de color pastel de Photoshop, necesitas mantener los puntos cerca del centro del círculo.

selecting the pastel colors in the color wheelselecting the pastel colors in the color wheelselecting the pastel colors in the color wheel

Paso 3

Asegúrate de que la configuración de la Saturación de cada color esté entre 20-40% y la configuración de Valor entre 80-100%.

hue and value settings of the colorhue and value settings of the colorhue and value settings of the color

Paso 4

Una vez que hayas encontrado los colores que te gusten, puedes guardarlos en tu biblioteca de Creative Cloud. Simplemente selecciona la biblioteca existente (o crea una nueva) y luego presiona Guardar. Además, puedes encontrar muestras de color pastel para Photoshop que puedes descargar gratuitamente en el panel de exploración de Adobe Color.

Saving the color palette in creative cloudSaving the color palette in creative cloudSaving the color palette in creative cloud

5. Códigos de color para una paleta pastel de Photoshop

Paso 1

Ahora quiero mostrarte algunos códigos de color pastel muy útiles para tus proyectos. Comencemos con los códigos de color hexadecimales:

  • #f7959d
  • #f8b586
  • #f5f394
  • #d1f6b3
  • #b9cef0
  • #f3b6eb
hx color codes palette previewhx color codes palette previewhx color codes palette preview

Puedes jugar con las configuraciones de Tono, Saturación y Brillo para cambiar la apariencia de la paleta.

changing the settings of the colorchanging the settings of the colorchanging the settings of the color

Paso 2

Echemos un vistazo a los códigos de color pastel para el modo de color CMYK:

  • C=1 M=38 Y=0 K=0
  • C=1 M=18 Y=0 K=0
  • C=25 M=8 Y=0 K=0
  • C=15 M=0 Y=2 K=0
  • C=2 M=4 Y=8 K=0
  • C=2 M=11 Y=18 K=0
cmyk color scheme previewcmyk color scheme previewcmyk color scheme preview

Conclusión

Hoy hemos descubierto qué son los colores pastel y cómo crear paletas de color pastel. Diviértete con las combinaciones de colores, ¡y muéstranos tus colores pastel favoritos en la sección de comentarios!

Si estás buscando muestras de color pastel para Photoshop que puedas descargar, entonces echa un vistazo a Envato Elements, en donde puedes encontrar una cantidad realmente grande de recursos de Photoshop de alta calidad.

Si quieres aprender más sobre colores y efectos de Photoshop basados en el color, consulta estos tutoriales:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads