Cómo dibujar degradados con la herramienta Degradado en Photoshop

Escrito por Steve Patterson.

En este tutorial, aprenderemos cómo dibujar degradados en Photoshop ! Hay muchos lugares dentro de Photoshop donde se utilizan degradados. La herramienta Degradado, por ejemplo, nos permite dibujar degradados entre capas o selecciones, o entre máscaras de capa para crear transiciones suaves de una capa a otra.

Podemos rellenar texto y formas con degradados. Podemos colorear una foto usando un ajuste de imagen de Mapa de degradado, o agregar efectos de color con un estilo de capa Superposición de degradado, ¡y más! Los degradados tienen un valor incalculable en Photoshop y son una excelente manera de agregar más interés y vida a lo que habría sido una imagen o un diseño de aspecto plano.

En este tutorial, cubriremos los conceptos básicos de cómo dibujar degradados usando la más simple (y posiblemente la más útil) de las funciones relacionadas con degradados de Photoshop, la Herramienta gradiente . Veremos otras formas de aplicar degradados en otros tutoriales, pero encontrará que todos funcionan esencialmente de la misma manera, por lo que una vez que haya aprendido los conceptos básicos con la Herramienta de degradado, podrá aprovechar ¡todas las demás características de degradado que Photoshop tiene para ofrecer!



Además de aprender a dibujar degradados, también veremos cómo seleccionar entre los muchos degradados preestablecidos de Photoshop usando el Selector de degradado , incluido cómo cargar conjuntos de degradados adicionales que se incluyen con Photoshop. Veremos diferentes estilos de degradado que podemos dibujar, y veremos algunos de los degradados más utilizados, incluido el que puede ser el más útil de todos, el predeterminado De primer plano a fondo ¡degradado!

Una vez que hayamos aprendido los conceptos básicos de cómo dibujar degradados, en el próximo tutorial, aprenderemos a editar y guardar nuestros propios degradados personalizados usando Photoshop. Editor de degradado .

estaré usando PhotoshopCC aquí, pero este tutorial también es totalmente compatible con Photoshop cs6 . ¡Empecemos!

Gradientes de dibujo en Photoshop

Crear un nuevo documento

Comencemos por crear un nuevo documento de Photoshop. Para hacer eso, subiré a la Expediente en la barra de menús en la parte superior de la pantalla y elija Nuevo :

  Seleccionando Nuevo en el menú Archivo. Yendo a Archivo > Nuevo.

Esto abre el cuadro de diálogo Nuevo. Para este tutorial, configuraré el Ancho de mi documento a 1200 píxeles y el Altura a 800 píxeles No hay ninguna razón particular por la que estoy usando este tamaño, así que si estás trabajando conmigo y tienes un tamaño diferente en mente, siéntete libre de usarlo. dejaré el Resolución valor establecido en su valor predeterminado de 72 píxeles/pulgada , y me aseguraré Contenidos de fondo se establece en Blanco . haré clic OK cuando termino de cerrar el cuadro de diálogo, momento en el que aparece un nuevo documento en blanco en la pantalla:

  Creación de un nuevo documento de Photoshop. El cuadro de diálogo Nuevo.

Selección de la herramienta de degradado

de Photoshop Herramienta gradiente se encuentra en el Panel de herramientas a lo largo de la izquierda de la pantalla. Lo seleccionaré haciendo clic en su icono. También puede seleccionar la herramienta Degradado simplemente presionando la letra GRAMO en tu teclado:

  Seleccionando la herramienta Degradado del panel Herramientas. Seleccionando la herramienta Degradado del panel Herramientas.

El selector de degradado

Con la Herramienta de degradado seleccionada, lo siguiente que debemos hacer es elegir un degradado, y hay un par de formas en que podemos hacerlo. Una es abriendo Photoshop Selector de degradado ; la otra es abriendo el mas grande Editor de degradado . La diferencia entre los dos es que el Selector de degradado simplemente nos permite elegir entre degradados preestablecidos ya preparados, mientras que el Editor de degradado, como su nombre lo indica, es donde podemos editar y personalizar nuestros propios degradados. Para este tutorial, nos centraremos en el Selector de degradado en sí. Aprenderemos todo sobre el Editor de degradado en el siguiente tutorial.

Cuando solo desee elegir uno de los degradados preestablecidos de Photoshop, o uno que haya creado previamente por su cuenta y guardado como un ajuste preestablecido personalizado (una vez más, aprenderemos cómo hacerlo en el siguiente tutorial), haga clic en el pequeño flecha a la derecha de la barra de vista previa de degradado en la barra de opciones. Asegúrese de hacer clic en la flecha misma, no en la barra de vista previa (al hacer clic en la barra de vista previa se abrirá el Editor de degradado y no queremos ir allí todavía):

  Al hacer clic en la flecha para abrir el Selector de degradado. Hacer clic en la flecha para abrir el Selector de degradado.

Al hacer clic en la flecha, se abre el Selector de degradado, con miniaturas de todos los degradados preestablecidos que podemos elegir. Para elegir un degradado, haga clic en su miniatura, luego presione Ingresar (Victoria) / Devolver (Mac) en su teclado, o haga clic en cualquier espacio vacío en la barra de opciones, para cerrar el Selector de degradado. Tú también puedes haga doble clic en la miniatura, que seleccionará el degradado y cerrará el Selector de degradado:

  El selector de degradado. El selector de degradado.

Cargando más degradados

De forma predeterminada, solo está disponible una pequeña cantidad de degradados preestablecidos, pero Photoshop incluye otros conjuntos de degradado que podemos elegir. Todo lo que tenemos que hacer es cargarlos. Para hacer eso, haga clic en el icono de engranaje en la parte superior derecha:

  Al hacer clic en el ícono de ajustes en el Selector de degradado. Al hacer clic en el ícono de ajustes en el Selector de degradado.

Si mira en la mitad inferior del menú que aparece, encontrará la lista de conjuntos de degradados adicionales, cada uno basado en un tema específico, como armonías de colores, metales, pasteles y más. Si eres fotógrafo, los degradados de Densidad neutra y Tonificación fotográfica son particularmente útiles:

  Los otros conjuntos de degradados que podemos elegir en Photoshop. Los otros conjuntos de gradientes entre los que podemos elegir.

Para cargar cualquiera de los conjuntos, haga clic en su nombre en la lista. Hice clic en el conjunto Photographic Toning. Photoshop le preguntará si desea reemplazar los degradados actuales con los nuevos. si haces clic Adjuntar , en lugar de reemplazar los degradados originales, simplemente agregará los nuevos debajo de los originales. Como veremos en un momento, es fácil restaurar los originales, así que haré clic en OK para reemplazarlos con el conjunto Photographic Toning:

  Al hacer clic en Aceptar para reemplazar los degradados originales con el nuevo conjunto. Al hacer clic en Aceptar para reemplazar los degradados originales con el nuevo conjunto.

Y ahora, vemos en el Selector de degradado que los degradados originales han sido reemplazados por los degradados de tonos fotográficos. Para obtener más información sobre el conjunto Photographic Toning y cómo usarlo, consulte nuestro completo Ajustes preestablecidos de tonos fotográficos tutorial:

  Los gradientes originales han sido reemplazados por el nuevo conjunto. Los gradientes originales han sido reemplazados por el nuevo conjunto.

Restauración de los degradados predeterminados

Para mantenernos enfocados en lo básico, por ahora nos quedaremos con los degradados predeterminados originales. Para restaurarlos, haga clic una vez más en el icono de engranaje en el selector de degradado:

  Al hacer clic en el icono de engranaje en el Selector de degradado una vez más. Al hacer clic en el icono de engranaje.

Entonces escoge Restablecer degradados del menú:

  Elegir Restablecer degradados en el menú Selector de degradado. Elegir 'Restablecer degradados'.

Photoshop le preguntará si desea reemplazar los degradados actuales con los predeterminados. Hacer clic OK :

  Sustitución de los degradados actuales por los predeterminados. Sustitución de los degradados actuales por los predeterminados.

Y ahora, volvemos a los originales:

  El selector de degradado que muestra los degradados predeterminados. Se han restaurado los degradados predeterminados.

El gradiente de primer plano a fondo

Antes de aprender a dibujar degradados, veamos rápidamente un degradado en particular: el De primer plano a fondo degradado. Es el que Photoshop selecciona por defecto para nosotros, pero también puedes seleccionarlo manualmente si lo necesitas haciendo clic en su miniatura (la primera a la izquierda, en la fila superior):

  Selección del degradado de primer plano a fondo. Selección del degradado de primer plano a fondo.

Como habrás adivinado, el degradado de primer plano a fondo obtiene sus colores de los colores de primer plano y de fondo. Puede ver los colores actuales de primer plano y de fondo en la Muestras de color cerca de la parte inferior del panel Herramientas. La muestra en el arriba a la izquierda muestra el Primer plano color, y el de la inferior derecha muestra el Fondo color. De forma predeterminada, el color de primer plano se establece en negro y el Color de fondo se establece en blanco :

  Las muestras de color de primer plano y de fondo. Los colores actuales de primer plano (arriba a la izquierda) y de fondo (abajo a la derecha).

Dado que se basa en los colores de primer plano y de fondo actuales, el degradado de primer plano a fondo es el más fácil de personalizar de todos los degradados y el que a menudo resulta más útil. ¡Usémoslo para ayudarnos a aprender cómo dibujar un degradado y, en el camino, veremos lo fácil que es cambiar sus colores a lo que necesitemos!

¡Descargue este tutorial como un PDF listo para imprimir!

Dibujar un degradado con la herramienta Degradado

Dibujar un degradado con la herramienta Degradado en Photoshop es tan fácil como hacer clic y arrastrar el mouse. Simplemente haga clic en su documento para establecer un punto de inicio para el degradado, luego mantenga presionado el botón del mouse y arrastre desde el punto de inicio hasta donde desea que termine el degradado. Mientras arrastra, verá solo una línea delgada que indica la dirección del degradado. Cuando suelta el botón del mouse, Photoshop completa el degradado y lo dibuja con los colores elegidos.

Por ejemplo, haré clic en el lado izquierdo de mi documento, luego, con el botón del mouse aún presionado, lo arrastraré hacia el lado derecho. Note que hasta ahora, todo lo que podemos ver es una delgada línea entre el punto inicial y el punto final. Si desea que sea más fácil dibujar un degradado perfectamente horizontal, mantenga presionada la tecla Cambio mientras arrastra, lo que limitará el ángulo en el que puede arrastrar. Solo recuerda esperar hasta después soltó el botón del mouse antes de soltar la tecla Shift o no funcionará:

  Haciendo clic y arrastrando con la herramienta Degradado. Haciendo clic y arrastrando (con el botón del ratón pulsado) de un lado al otro del documento.

Cuando suelto el botón del mouse, Photoshop dibuja el degradado. Dado que mi color de primer plano se configuró en negro y mi color de fondo se configuró en blanco, termino con un degradado de negro a blanco:

  Un degradado de negro a blanco dibujado con la herramienta Degradado. Photoshop dibuja el degradado cuando suelta el botón del mouse.

Invertir los colores

Puede invertir los colores en su degradado seleccionando el Reverso opción en la barra de opciones:

  Seleccionando Invertir en la barra de opciones. Seleccionando 'Invertir' en la barra de opciones.

Con Reverse seleccionado, si dibujo exactamente el mismo degradado, vemos que esta vez, los colores aparecen en lados opuestos, con el blanco a la izquierda y el negro a la derecha. Esta es una función útil, pero solo asegúrese de desmarcar la opción Invertir cuando haya terminado, de lo contrario, los siguientes degradados que dibuje también se invertirán:

  El mismo degradado que antes pero con los colores invertidos. El mismo degradado que antes pero con los colores invertidos.

Por supuesto, los gradientes no necesitan ejecutarse horizontalmente de esta manera. Pueden correr en cualquier dirección que elijas. Dibujaré otro degradado, esta vez de arriba a abajo. Tenga en cuenta que no necesito deshacer o eliminar mi degradado existente. Photoshop simplemente reemplazará el degradado actual con el nuevo. Haré clic cerca de la parte superior de mi documento, luego mantendré presionado el botón del mouse y arrastraré hacia la parte inferior. Al igual que dibujar un degradado horizontal, es mucho más fácil dibujar un degradado vertical si mantiene presionado el Cambio tecla mientras arrastra, asegurándose de esperar hasta después ha soltado el botón del mouse antes de soltar la tecla Shift. Aquí nuevamente, vemos solo un delgado contorno al principio:

  Hacer clic y arrastrar un degradado vertical de arriba a abajo. Hacer clic y arrastrar un degradado vertical de arriba a abajo.

Cuando suelto el botón del mouse, Photoshop completa el degradado, reemplazando el horizontal inicial con un degradado vertical de negro a blanco:

  Un degradado vertical de negro a blanco dibujado con la herramienta Degradado. El nuevo degradado vertical de negro a blanco.

Cambiar los colores del degradado predeterminado

Dado que el degradado predeterminado obtiene sus colores de los colores actuales de primer plano y de fondo, todo lo que tenemos que hacer para cambiar los colores del degradado es seleccionar diferentes colores para el primer plano y el fondo. Por ejemplo, elegiré un color de primer plano diferente haciendo clic en el primer plano muestra de color en el panel Herramientas (el que actualmente está configurado en negro):

  Al hacer clic en la muestra de color de primer plano en el panel Herramientas. Al hacer clic en la muestra de color de primer plano.

Esto abre Photoshop Selector de color . Seleccionaré rojo para mi nuevo color de primer plano y luego haré clic en OK para cerrar el selector de color:

  Elegir rojo para el nuevo color de primer plano del Selector de color. Elegir rojo para el nuevo color de primer plano.

A continuación, cambiaré el color de mi fondo haciendo clic en su muestra de color (el que actualmente está lleno de blanco):

  Al hacer clic en la muestra de color de fondo en el panel Herramientas. Al hacer clic en la muestra de color de fondo.

Esto una vez más abre el Selector de color. Cambiaré el color de fondo de blanco a amarillo brillante, luego OK para cerrar el selector de color:

  Elegir amarillo para el nuevo color de fondo del Selector de color. Elegir amarillo para el nuevo color de fondo.

Observe que las muestras de color se han actualizado para mostrar los nuevos colores que he elegido para el primer plano y el fondo:

  Las muestras de color de primer plano y de fondo que muestran los nuevos colores. Las muestras se han actualizado con los nuevos colores.

los barra de vista previa de degradado en la barra de opciones también se ha actualizado para mostrarme cómo se verán los nuevos colores degradados:

  La barra de vista previa del degradado que muestra los nuevos colores del degradado. La barra de vista previa de degradado siempre muestra los colores de degradado actuales.

Dibujaré el degradado, esta vez en diagonal, haciendo clic en la parte inferior izquierda de mi documento y arrastrando hacia la parte superior derecha. Nuevamente, no hay necesidad de deshacer o eliminar el degradado anterior. Photoshop lo reemplazará con el nuevo:

  Dibujar el nuevo degradado desde la parte inferior izquierda hasta la parte superior derecha del documento. Dibujar el nuevo degradado desde la parte inferior izquierda hasta la parte superior derecha del documento.

Cuando suelto el botón del mouse, Photoshop dibuja el degradado de rojo a amarillo en diagonal a lo largo del documento:

  El nuevo degradado de rojo a amarillo dibujado con la herramienta Degradado. El nuevo degradado diagonal de rojo a amarillo.

Restablecimiento de los colores de primer plano y de fondo

Tenga en cuenta que si abro mi selector de degradado en la barra de opciones, la miniatura del degradado de primer plano a fondo también muestra mis nuevos colores rojo y amarillo:

  La miniatura actualizada de primer plano a fondo en el selector de degradado. La miniatura actualizada de primer plano a fondo en el selector de degradado.

Puede cambiar los colores de este degradado en cualquier momento que desee haciendo clic en las muestras de color de primer plano y/o de fondo en la barra de opciones y eligiendo diferentes colores. Pero si necesita hacerlo rápidamente restablecer los colores a sus valores predeterminados, haciendo que el color de primer plano negro y el color de fondo blanco , simplemente presione la letra D (piense en 'D' para 'Predeterminados') en su teclado. Verá que las muestras en el panel Herramientas vuelven al blanco y negro predeterminado:

  Las muestras de color de primer plano y de fondo se han restablecido. Las muestras de primer plano y fondo se han restablecido.

Y verá que tanto la barra de vista previa de degradado en la barra de opciones como la miniatura del degradado de primer plano a fondo en el selector de degradado muestran una vez más los colores predeterminados:

  La barra de vista previa de degradado y la miniatura de degradado en el Selector de degradado vuelven a los colores predeterminados. Ahora todo vuelve a ser como era inicialmente.

Dibujar un degradado en su propia capa

Si miramos en mi Panel de capas , vemos que hasta este punto, he estado dibujando mis gradientes directamente en el capa de fondo :

  El panel Capas que muestra el degradado en la capa Fondo. El panel Capas que muestra el degradado en la capa Fondo.

Dibujar en la capa Fondo puede estar bien para nuestros propósitos aquí, pero una forma mucho mejor de trabajar en Photoshop es aprovechar capas y coloque cada elemento en nuestro documento en su propia capa separada. Para hacer eso, primero eliminaré mi gradiente subiendo a la Editar menú en la parte superior de la pantalla y eligiendo Llenar :

  Seleccionando el comando Relleno del menú Editar. Yendo a Editar > Rellenar.

Cuando se abra el cuadro de diálogo Relleno, configuraré el Contenido opción en la parte superior para Blanco , luego haré clic OK . Esto llena la capa de fondo con blanco:

  El cuadro de diálogo Relleno en Photoshop. El cuadro de diálogo Relleno.

A continuación, agregaré una nueva capa para mi degradado manteniendo presionado el botón Todo (Victoria) / Opción (Mac) en mi teclado y haciendo clic en el Nueva capa icono en la parte inferior del panel Capas:

  El icono Nueva capa en el panel Capas. Presionar y mantener presionada la tecla Alt (Win) / Opción (Mac) mientras se hace clic en el icono Nueva capa.

Al agregar la tecla Alt (Win)/Opción (Mac) mientras se hace clic en el icono Nueva capa, se indica a Photoshop que primero abra la Nueva capa cuadro de diálogo donde podemos nombrar la capa antes de agregarla. Llamaré a mi capa 'Gradiente', luego haré clic en OK :

  El cuadro de diálogo Nueva capa. El cuadro de diálogo Nueva capa.

Photoshop agrega una nueva capa en blanco llamada 'Degradado' sobre la capa de fondo. Ahora puedo dibujar mi degradado en esta nueva capa y mantenerlo separado de todo lo demás (aunque 'todo lo demás' en este caso es realmente solo la capa de fondo, pero sigue siendo un buen hábito de flujo de trabajo para entrar):

  El panel Capa que muestra la nueva capa para el degradado. Ahora tengo una capa separada para mi degradado.

El área de transición

Una cosa que es muy importante entender cuando se trata de dibujar gradientes es que no es solo la dirección en la que arrastra lo que importa; la distancia entre sus puntos inicial y final también importa

La razón es que lo que en realidad estás dibujando con la herramienta Degradado, junto con la dirección del degradado, es el área de transición entre los colores. La distancia que arrastra desde su punto de inicio hasta su punto final determina el tamaño del área de transición. Las distancias más largas le darán transiciones más suaves y graduales, mientras que las distancias más cortas crearán transiciones más ásperas y abruptas.

Para mostrarle lo que quiero decir, usaré el gradiente de primer plano a fondo establecido en su blanco y negro predeterminado. Primero, dibujaré un degradado de izquierda a derecha, comenzando cerca del borde izquierdo del documento y terminando cerca del borde derecho. El área entre mis puntos inicial y final se convertirá en el área de transición entre mis dos colores (en este caso, blanco y negro):

  Dibujar un degradado con una amplia área de transición. Dibujar un degradado con una amplia área de transición.

Soltaré el botón del mouse para permitir que Photoshop dibuje el degradado, y debido a que había una brecha tan amplia entre mis puntos inicial y final, estamos viendo una transición suave y muy gradual entre el negro a la izquierda y el blanco a la derecha:

  Un degradado con una transición gradual entre los colores. Un degradado con una transición gradual entre los colores.

Deshaceré el degradado, solo para que las cosas sean más fáciles de ver, subiendo a la Editar menú en la parte superior de la pantalla y eligiendo Deshacer degradado . tambien podria presionar Ctrl+Z (Victoria) / Comando+Z (Mac) en mi teclado:

  Seleccionando Deshacer degradado en el menú Editar. Ir a Editar> Deshacer degradado.

Esta vez, dibujaré mi degradado en la misma dirección (de izquierda a derecha) pero con un espacio mucho más pequeño entre mis puntos inicial y final:

  Dibujar un degradado con un área de transición estrecha. Dibujar un degradado con un área de transición estrecha.

Cuando suelto el botón del mouse, vemos que si bien este degradado se dibujó en la misma dirección que el anterior, la transición entre el negro a la izquierda y el blanco a la derecha es mucho más repentina y abrupta. Como podemos ver, la distancia entre los puntos inicial y final es tan importante como la dirección cuando se trata de la apariencia general del degradado:

  Un gradiente similar pero con un área de transición mucho más pequeña. Un gradiente similar pero con un área de transición mucho más pequeña.

Antes de continuar, echemos un vistazo rápido a mi panel Capas donde vemos que, debido a que agregué una nueva capa anteriormente, mi degradado ahora se dibuja en la capa separada 'Degradado' en lugar de en la capa Fondo. Nuevamente, no es un gran problema en este caso, pero adquirir el hábito de mantener todo en su propia capa hará que trabajar con Photoshop sea mucho más fácil:

  El degradado ahora se encuentra en su propia capa sobre la capa Fondo. El degradado ahora se encuentra en su propia capa sobre la capa Fondo.

De primer plano a degradado transparente

Hasta ahora, hemos analizado principalmente el degradado predeterminado de primer plano a fondo de Photoshop, pero otro que suele ser muy útil es el Primer plano a transparente degradado, y vale la pena mirarlo porque se comporta de manera un poco diferente a los demás. Lo seleccionaré del Selector de degradado haciendo doble clic en su miniatura. Lo encontrará directamente al lado de la miniatura de primer plano a fondo:

  Elegir el degradado de primer plano a transparente desde el selector de degradado. Elegir el degradado de primer plano a transparente.

El degradado de primer plano a transparente es similar al degradado de primer plano a fondo en que obtiene su color de su actual Color de primer plano , lo que significa que puede cambiarlo fácilmente eligiendo un color de primer plano diferente. Sin embargo, lo que lo hace especial es que no hay un segundo color. En cambio, pasa de un solo color a la transparencia.

Voy a deshacer mi gradiente actual subiendo a la Editar menú y elección Deshacer degradado . Luego, elegiré un color haciendo clic en el primer plano muestra de color en el panel Herramientas. Por el momento, está configurado en negro:

  Al hacer clic en la muestra de color de primer plano en el panel Herramientas. Al hacer clic en la muestra de color de primer plano.

Cuando se abra el Selector de color, elegiré el púrpura y luego haré clic en Aceptar:

  Al hacer clic en la muestra de color de primer plano en el panel Herramientas. Elegir púrpura como el nuevo color de primer plano.

Con mi color de primer plano ahora configurado en púrpura, vemos en la barra de vista previa de degradado en la barra de opciones que estaré dibujando un degradado de púrpura a transparente (el patrón de tablero de ajedrez se puede ver detrás del púrpura es cómo Photoshop representa la transparencia):

  La barra de vista previa del degradado que muestra el degradado de púrpura a transparente. El degradado ahora se ejecutará de púrpura a transparente.

Dibujaré un degradado vertical desde cerca de la parte superior de mi documento hasta el centro:

  Dibujar un degradado vertical de primer plano a transparente en la mitad superior del documento. Dibujar un degradado vertical de primer plano a transparente hacia abajo a través de la mitad superior del documento.

Cuando suelto el botón del ratón, aparece aspecto como lo que he dibujado es un degradado básico de púrpura a blanco. Sin embargo, el blanco que vemos en realidad proviene de la capa de fondo. abajo el gradiente No es parte del gradiente en sí:

  El púrpura es del degradado pero el blanco es del fondo debajo de él. El púrpura es del degradado, pero el blanco es del fondo debajo de él.

Para probarlo, desactivaré temporalmente mi capa de fondo haciendo clic en su icono de visibilidad (el icono del globo ocular) en el panel Capas:

  Desactivando la capa de fondo. Desactivando la capa de fondo.

Esto oculta el fondo blanco en el documento, revelando solo el degradado en sí, y ahora podemos ver claramente que en realidad es un degradado de púrpura a transparente. Nuevamente, el patrón de tablero de ajedrez es cómo Photoshop representa la transparencia:

  El degradado de púrpura a transparente. El degradado real de púrpura a transparente.

Otra razón por la que el degradado de primer plano a transparente es diferente de los demás es que Photoshop no sobrescribe el degradado anterior de primer plano a transparente si dibujamos otro encima. En cambio, simplemente agrega el nuevo degradado al original. Dibujaré un segundo degradado de primer plano a transparente, esta vez desde casi la parte inferior del documento hasta el centro:

  Agregar un segundo primer plano al degradado transparente. Agregar un segundo primer plano al degradado transparente.

Soltaré el botón del mouse y, en lugar de sobrescribir mi degradado original, Photoshop le agregará el segundo. Si dibujara un tercer o cuarto degradado (quizás uno desde la izquierda y el otro desde la derecha), también agregaría esos:

  Ambos degradados de primer plano a transparente se han fusionado. Ambos degradados de primer plano a transparente se han fusionado.

Volveré a activar mi capa Fondo en el documento haciendo clic una vez más en su icono de visibilidad :

  Volviendo a activar la capa Fondo en el documento. Activando la capa Fondo.

Y ahora volvemos a ver lo que parece un degradado de púrpura a blanco (a púrpura), aunque sabemos que el blanco es en realidad solo la capa de fondo que se muestra a través de la transparencia:

  El mismo degradado con la capa Fondo activada. El mismo degradado con la capa Fondo activada.

La opción de transparencia

El degradado de primer plano a transparente en Photoshop es excelente para cosas como oscurecer los bordes de una foto u oscurecer el cielo en una imagen para resaltar más detalles (lo cual veremos cómo hacerlo en otro tutorial). Pero para que la parte de transparencia funcione, debe asegurarse de que la Transparencia Se selecciona la opción en la barra de opciones:

  La opción Transparencia para la herramienta Degradado. Asegúrese de que Transparencia esté activada cuando dibuje un degradado que use transparencia.

Si la opción Transparencia está desactivada al dibujar un degradado de primer plano a transparente, todo lo que terminará haciendo será rellenar la capa o selección con el color de primer plano elegido:

  Un degradado de primer plano a transparente con la opción Transparencia desactivada. Con la opción Transparencia desactivada, Photoshop no puede dibujar la parte transparente del degradado.

El degradado negro y blanco

No revisaremos todos los degradados que podemos elegir en Photoshop (ya que puede hacerlo fácilmente por su cuenta), pero si necesita dibujar un degradado de negro a blanco y sus colores de primer plano y fondo están configurados en otro que en blanco y negro, solo toma el Blanco negro degradado del Selector de degradado (tercera miniatura desde la izquierda, fila superior). A diferencia del degradado de primer plano a fondo, el degradado de negro y blanco siempre dibujará un degradado de negro a blanco, independientemente de los colores actuales de primer plano y de fondo:

  Seleccionando el degradado Negro, Blanco. La miniatura del degradado en blanco y negro.

Los estilos de degradado

Hasta ahora, hemos visto ejemplos de degradados que transitan en línea recta desde el punto inicial hasta el punto final. Este tipo de gradiente se conoce como lineal degradado, pero en realidad es solo uno de los cinco estilos de degradado diferentes que podemos elegir en Photoshop.

Si mira a la derecha de la barra de vista previa de degradado en la barra de opciones, verá los cinco Estilo degradado iconos Empezando por la izquierda, tenemos Lineal , Radial , Ángulo , reflejado , y Diamante :

  Los iconos de estilo de degradado Lineal, Radial, Ángulo, Reflejado y Diamante. Los iconos de estilo de degradado Lineal, Radial, Ángulo, Reflejado y Diamante.

Veamos qué puede hacer cada uno de estos estilos de degradado. presionaré Ctrl+Alt+Z (Victoria) / Comando+Opción+Z (Mac) varias veces en mi teclado para deshacer mis pasos anteriores hasta que vuelva a ver solo un documento lleno de blanco. Entonces, volveré a cambiar a la De primer plano a fondo degradado seleccionándolo en el Selector de degradado:

  Elegir el degradado de primer plano a fondo. Elegir el degradado de primer plano a fondo.

Presionaré la letra D en mi teclado para restablecer mis colores de primer plano y de fondo a blanco y negro. Luego, solo para mantener las cosas interesantes, cambiaré el color de fondo de blanco a azul claro:

  Mis últimos colores de primer plano y de fondo. Mis últimos colores de primer plano y de fondo.

Lineal

El estilo de degradado predeterminado en Photoshop es Lineal , pero puede seleccionarlo manualmente si lo necesita haciendo clic en el primer icono a la izquierda:

  Seleccionando el estilo de degradado Lineal. Seleccionando el estilo de degradado Lineal.

Ya hemos visto varios ejemplos del estilo lineal, que dibuja el degradado desde el punto de inicio hasta el punto final en línea recta según la dirección en la que arrastró. Seleccionando Reverso en la barra de opciones cambiará el orden de los colores:

  Un ejemplo de un degradado lineal estándar. Un ejemplo de un degradado lineal estándar.

Radial

los Radial estilo (segundo ícono desde la izquierda) dibujará un degradado circular hacia afuera desde su punto de inicio:

  Seleccionando el estilo de degradado Radial. Seleccionando el estilo de degradado Radial.

Voy a deshacer mi degradado lineal presionando Ctrl+Z (Victoria) / Comando+Z (Mac) en mi teclado. Para dibujar un degradado radial, haré clic en el centro de mi documento para establecer el punto de inicio, luego lo arrastraré hacia el borde:

  Dibujar un degradado radial desde el centro del documento. Dibujar un degradado radial desde el centro del documento.

Soltaré el botón del mouse y aquí veremos cómo se ve el degradado radial. Comienza con mi color de primer plano (negro) en mi punto de partida en el centro y se mueve hacia afuera en todas las direcciones a medida que pasa a mi color de fondo (azul):

  Dibujar un degradado radial desde el centro del documento. El gradiente radial.

Si hubiera seleccionado el Reverso en la barra de opciones, los colores se invertirían, comenzando con el azul en el centro y haciendo una transición hacia afuera en forma circular hacia el negro:

  Un degradado radial con los colores invertidos. El mismo degradado radial con los colores invertidos.

Ángulo

los Ángulo El estilo (icono central) es donde las cosas comienzan a ponerse interesantes (aunque tal vez no sean tan útiles):

  Seleccionando el estilo de degradado Ángulo. Seleccionando el estilo de degradado Ángulo.

Al igual que el estilo Radial, el estilo Ángulo también usa su punto de partida como el centro del degradado. Pero en lugar de hacer la transición hacia el exterior en todas las direcciones, se envuelve alrededor del punto de partida en sentido contrario a las agujas del reloj. Presionaré una vez más Ctrl+Z (Victoria) / Comando+Z (Mac) en mi teclado para deshacer mi último degradado. Luego, dibujaré el degradado de estilo de ángulo de la misma manera que el degradado radial haciendo clic en el centro del documento para establecer el punto de inicio y luego arrastrándolo hacia afuera:

  Dibujar un degradado de estilo Ángulo desde el centro del documento. Dibujar un degradado de estilo de ángulo desde el centro.

Así es como se ve el estilo de ángulo cuando suelto el botón del mouse. Al igual que con todos los estilos de degradado de Photoshop, seleccionar Invertir en la barra de opciones le daría el mismo resultado pero con los colores intercambiados:

  El estilo de ángulo envuelve el degradado alrededor del punto de inicio en el sentido contrario a las agujas del reloj. El estilo de ángulo envuelve el degradado alrededor de su punto de inicio en sentido contrario a las agujas del reloj.

reflejado

los reflejado El estilo (cuarto ícono desde la izquierda) es muy similar al estilo lineal estándar, pero va un paso más allá al tomar todo lo que está en un lado de su punto de partida y reflejarlo en el otro lado:

  Seleccionando el estilo de degradado Reflejado. Seleccionando el estilo de degradado Reflejado.

Aquí, estoy haciendo clic en el centro del documento para establecer mi punto de partida, luego arrastrándolo hacia arriba:

  Dibujar un degradado de estilo reflejado desde el centro del documento. Dibujar un degradado de estilo reflejado.

Cuando suelto el botón del mouse, Photoshop dibuja un degradado lineal estándar en la mitad superior de mi documento entre los puntos inicial y final, pero luego lo refleja en la mitad inferior para crear el reflejo:

  Dibujar un degradado de estilo reflejado desde el centro del documento. El degradado de estilo reflejado.

Así es como se vería el degradado reflejado con los colores invertidos:

  Un degradado reflejado con los colores invertidos. El degradado de estilo reflejado con Invertir seleccionado en la barra de opciones.

Diamante

Finalmente, el Diamante el estilo de degradado hace una transición hacia afuera desde su punto de partida, similar al estilo Radial, excepto que crea una forma de diamante:

  Seleccionando el estilo de degradado Diamante. Seleccionando el estilo de degradado Diamante.

Una vez más, haré clic en el centro de mi documento para establecer el punto de inicio y luego lo arrastraré para alejarme de él:

  Dibujar un degradado estilo diamante desde el centro del documento. Dibujar un degradado estilo diamante desde el centro.

Cuando suelto el botón del mouse, obtenemos esta interesante forma de diamante:

  Dibujar un degradado estilo diamante desde el centro del documento. El degradado estilo diamante.

En este caso, creo que la forma de diamante se ve mejor con los colores invertidos, pero por supuesto dependerá de los colores que hayas elegido para el degradado y de cómo se use en tu diseño:

  El degradado de diamantes con los colores invertidos. El degradado de diamantes con los colores invertidos.

La opción de interpolación

Una última opción que debemos mirar en la barra de opciones es Vacilar . Con Dither seleccionado, Photoshop mezclará un poco de ruido en sus degradados para ayudar a suavizar las transiciones entre colores. Esto ayuda a reducir bandas (líneas visibles que se forman entre los colores cuando las transiciones no son lo suficientemente suaves). La opción Dither está activada de forma predeterminada y, por lo general, querrá dejarla seleccionada:

  La opción Tramado para la herramienta Degradado. La opción Dither ayuda a reducir las bandas feas entre los colores.

Las opciones de modo y opacidad

Hay un par de otras opciones de la herramienta Degradado en la barra de opciones que guardaremos para otro tutorial porque van un poco más allá de lo básico. Ambos Modo opción (abreviatura de modo de fusión) y el Opacidad La opción afecta la forma en que el degradado se combinará con el contenido original de la capa. Si estás familiarizado con modos de mezcla de capas , los modos de mezcla de degradado funcionan de la misma manera, mientras que la opción de opacidad de degradado funciona de manera muy similar a la opción de Opacidad que se encuentra en el Panel de capas . En la mayoría de los casos, querrá dejarlos en sus valores predeterminados, pero nuevamente, cubriremos estas dos opciones en detalle en su propio tutorial separado:

  Las opciones de Modo y Opacidad para la Herramienta Degradado. Las opciones de Modo y Opacidad.