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

Cómo crear degradados en Photoshop (¡y más!)

Scroll to top
Read Time: 6 min

() translation by (you can also view the original English article)

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

En este tutorial voy a enseñarte cómo crear un degradado en Photoshop, además de cómo cargar y guardar degradados preestablecidos en dicho programa.

Un degradado es una mezcla gradual de dos o más colores (o diferentes tonos del mismo color). Entre los usos comunes de los degradados se encuentran la adición de efectos de luz/sombra, la adición de volumen a objetos y la creación de superficies reflectivas, tales como materiales metálicos y oro. Otros usos muy populares de los degradados de color son la creación de fondos abstractos, la adición de superposiciones de color y el énfasis en la identidad de una marca. Incluso un degradado sutil puede contribuir considerablemente.

Las herramientas de degradado generalmente se muestran como una barra de degradado con una serie de paradas de color. Una parada es un punto en el que el degradado cambia de un color al siguiente. A continuación puedes ver un ejemplo de una parada de color en blanco y negro. Puedes mover las paradas de color para cambiar la apariencia de tu degradado.

Moving color stops for sharper gradientsMoving color stops for sharper gradientsMoving color stops for sharper gradients

También pueden agregarse múltiples paradas para incrementar el número de colores usados en un degradado.

Adding more colorsAdding more colorsAdding more colors

Las herramientas de degradado a menudo te permiten elegir entre diferentes tipos de degradados. Entre estos generalmente se incluyen:

  1. Lineal
  2. Radial
  3. Angular
  4. Reflejado
  5. Diamante

Para este tutorial nos enfocaremos principalmente en los degradados lineales.

Different types of gradientsDifferent types of gradientsDifferent types of gradients

1. Cómo crear un degradado en Photoshop

Paso 1

Presiona G en el teclado o selecciona Gradient Tool (Herramienta degradado) de la barra de herramientas. Si no está visible, haz clic y mantén presionada la Paint Bucket Tool (Herramienta bote de puntura) para acceder a ella.

Select the Gradient ToolSelect the Gradient ToolSelect the Gradient Tool

Paso 2

Haz clic dentro de la barra de degradado que aparecerá en la parte superior izquierda (esta solamente aparecerá si Gradient Tool (Herramienta degradado) ha sido seleccionada).

Select the Gradient BarSelect the Gradient BarSelect the Gradient Bar

Paso 3

Esto abrirá la ventana Gradient Editor (Editor de degradado). Aquí podrás seleccionar tus ajustes preestablecidos, el tipo de degradado y los colores. Cualquier ajuste preestablecido que selecciones será aplicado automáticamente a la barra de degradado de la parte inferior.

Photoshop Gradient EditorPhotoshop Gradient EditorPhotoshop Gradient Editor

Paso 4

Para definir los colores del degradado, haz clic en una de las paradas de color debajo de la barra de degradado. El triángulo que se encuentra arriba de la parada deberá volverse negro, lo que indica que el color está siendo editado.

Select the color stop at the bottomSelect the color stop at the bottomSelect the color stop at the bottom

Paso 5

Para elegir el color haz doble clic en la parada de color o haz clic en la muestra de color que aparece abajo. Una vez que hayas elegido un color, haz clic en OK.

Select a new color for color stopSelect a new color for color stopSelect a new color for color stop

Paso 6

Define un color final haciendo clic en la parada de color a la derecha de la barra.

Define a new ending colorDefine a new ending colorDefine a new ending color

Paso 7

Una vez que los colores han sido definidos, puedes elegir ajustar la ubicación del punto inicial y/o del punto final. Esto cambiará la apariencia y suavidad del degradado. Para hacer esto, haz clic y arrastra la parada de color izquierda o derecha hasta que estés satisfecho con el resultado.

Adjust location of color stopsAdjust location of color stopsAdjust location of color stops

Paso 8

Para editar aún más la apariencia del degradado, puedes ajustar la ubicación del punto medio (representado por el icono de diamante). Este es el punto en el que el degradado muestra una mezcla uniforme tanto del color de inicio como del color final. Para hacer esto, simplemente arrastra el diamante a la izquierda o a la derecha.

Adjust the midpoint of the gradientAdjust the midpoint of the gradientAdjust the midpoint of the gradient

Paso 9

También puedes agregar colores adicionales a tu degradado. Para hacer esto, haz clic debajo de la barra de degradado para crear otra parada de color. Elige un color como lo hiciste anteriormente y usa el ratón para hacer clic y arrastrar la parada de color a una ubicación. Repite esta técnica para crear más paradas de color.

Add new colors to the gradientAdd new colors to the gradientAdd new colors to the gradient

Paso 10

Para borrar paradas de color, simplemente haz clic y arrastra la parada hacia abajo hasta que desaparezca. También puedes presionar la tecla de eliminar una vez que la parada de color haya sido seleccionada.

Remove color stops from gradientRemove color stops from gradientRemove color stops from gradient

Paso 11

Edita el valor Smoothness (Suavizado), arrastrando el control deslizante o escribiendo un valor, para controlar las transiciones graduales entre dos bandas de colores.

Adjust smoothness of gradientAdjust smoothness of gradientAdjust smoothness of gradient

Paso 12

También puedes editar la opacidad del degradado seleccionando las paradas debajo de la barra de degradado y ajustando el control deslizante Opacity (Opacidad).

La opacidad de un color está representada por un patrón a cuadros cuando el valor se encuentra por debajo del 100%.

Adjust opacity of gradientAdjust opacity of gradientAdjust opacity of gradient

2. Cómo guardar degradados preestablecidos en Photoshop

Paso 1

Una vez que estés satisfecho con la apariencia de tu degradado, selecciona el cuadro Name (Nombre) y escribe un nombre para tu degradado preestablecido.

Change the name Change the name Change the name

Paso 2

Haz clic en el botón New (Nuevo) para añadir tu nuevo degradado al menú de ajustes preestablecidos.

Select the New buttonSelect the New buttonSelect the New button

Paso 3

Una vez que hayas hecho clic en el botón New (Nuevo), el degradado deberá aparecer automáticamente al final del menú de ajustes preestablecidos.

New gradient appears in the presetsNew gradient appears in the presetsNew gradient appears in the presets

Paso 4

Haz clic en el botón Save (Guardar) y elige una ubicación para la biblioteca de degradados. Escribe un nombre de archivo y haz clic en Save (Guardar). Esto guardará tu biblioteca de degradados actual en la ubicación predeterminada de Photoshop, aunque puedes especificar una nueva ubicación si lo deseas.

Select the save button to save presetsSelect the save button to save presetsSelect the save button to save presets

3. Cómo cargar degradados preestablecidos en Photoshop

Paso 1

Haz clic en el pequeño botón de engranaje cerca de la parte superior derecha del editor de degradado. Esto abrirá un menú desplegable. Selecciona Reset Gradients (Restablecer degradados) para restablecer los valores preestablecidos de degradados y eliminar tu degradado nuevo.

Reset gradientsReset gradientsReset gradients

Paso 2

Para cargar la biblioteca de degradados anterior, haz clic en el botón Load (Cargar) y selecciona el archivo de biblioteca que creaste. Esto cargará la biblioteca de degradados guardada.

Select the load buttonSelect the load buttonSelect the load button

Paso 3

También puedes cargar los degradados preestablecidos de Photoshop, tales como los que han sido creados específicamente para metales. Para acceder a estos, haz clic en el pequeño icono de engranaje en la parte superior derecha del editor de degradado. Luego elige Metals (Metales) del menú y haz clic en OK.

Luego puedes usar estos ajustes preestablecidos para crear degradados metálicos como oro, hierro, plata o aluminio. También puedes elegir modificar y ajustar estos degradados a tu gusto usando los pasos descritos anteriormente.

Select the metals presetSelect the metals presetSelect the metals preset

¡Perfecto! ¡has terminado!

¡Enhorabuena! has completado con éxito este tutorial. Espero que te haya resultado útil y que hayas aprendido muchos consejos y trucos nuevos que puedes usar para tus futuras ilustraciones y diseños. ¡Hasta la próxima!

Creating Gradients Creating Gradients Creating Gradients

¡Aprende más habilidades para degradados!

Ahora que has aprendido los fundamentos para crear, guardar y cargar degradados, ¡echa un vistazo a los tutoriales a continuación! amplía tu experiencia revisando estas detalladas guías. ¡Feliz diseño!

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