Home Blog/ Estilo de Vida/
Estilo de Vida

Trucos del degradado a transparente en Photoshop para lograr los montajes m√°s pro

Angela Palacios - 05 Jun 21

Articulo

7 min.

¬ŅQuieres aprender c√≥mo hacer un degradado a transparente en Photoshop? ¬°Qu√© bueno que est√°s aqu√≠! Porque sabemos que hay miles de tutoriales en internet, pero, siempre valdr√° la pena encontrar una gu√≠a m√°s para asegurarnos de que vamos por el camino correcto y podremos aprender nuevos trucos.

Así que prepárate para convertirte en el maestro de los degradados en Photoshop, pues en este artículo te contaremos todo lo que debes saber para realizar un degradado transparente en Photoshop y sorprender a todos tus amigos con tus montajes digitales.

¬ŅEres consciente de que luego de leer este art√≠culo podr√°s hacer montajes como los de un p√≥ster de cine? As√≠ es, pues el efecto degradado en Photoshop, nos lleva a crear composiciones mucho m√°s profesionales. ¬°Alista PS y toda tu imaginaci√≥n, porque empezamos!ūüöÄ

¬ŅCu√°ndo usar un degradado transparente?

¬ŅPor qu√© buscabas¬†c√≥mo hacer un degradado a transparente en Photoshop? ¬ŅTe inspiraste con alguna imagen? Si es as√≠, tendr√≠as un muy buen ejemplo de cu√°ndo usar la herramienta de degradado en Photoshop.

Nosotros tambi√©n nos hemos dejado llevar por referentes para a√Īadir el efecto de degradado de color en Photoshop en nuestros montajes digitales. Y, por lo general, los que nos encantan tienen algo en com√ļn: fusionan la imagen con el fondo o fusionan dos im√°genes entre s√≠.

Sin embargo, t√ļ puedes usar los degradados en Photoshop para lo que quieras. Para desenfocar una imagen, para crear un collage de im√°genes, como las de un p√≥ster de pel√≠cula, o simplemente, para crear un efecto en un conjunto de formas.

M√°s all√° de la pieza final, es importante saber qu√© resultados buscamos al hacer un degradado a transparente en Photoshop. De acuerdo con Shutterstock, ‚Äúestos degradados var√≠an desde visibilidad total hasta transparencia total, pero es posible crear un efecto con cualquier ajuste que desees‚ÄĚ.¬†

Vamos con algunos ejemplos para entender mejor en qu√© consiste el degradado de una imagen en Photoshop. ¬°Alista las palomitas! ūüćŅ

 

Referentes visuales del degradado a transparente en Photoshop

No hay mejor manera de aprender sobre un tema que viendo lo que otros han logrado, pues esto nos sirve para adoptar las técnicas que más nos gusten a nuestro propio trabajo, o, en el caso contrario, a ajustar las que consideramos que se pueden mejorar.

Estás aquí porque quieres aprender el paso a paso de cómo hacer un degradado en Photoshop, así que, antes de pasar a la práctica, te compartimos algunos de los posibles resultados que puedes alcanzar con esta herramienta.

Difuminar la imagen

En una fotografía puedes utilizar diferentes efectos de Photoshop, esa es una de las grandes ventajas de este programa. Así que, como ves en la imagen, puedes agregar un filtro de PS y, luego, difuminar otra parte de la imagen a través del degradado. Parecerá un rostro hecho a lápiz y dará un resultado muy artístico.

foto degradado photoshop

Fuente: Pinterest

Fusión de imágenes

En el siguiente ejemplo tenemos un clásico póster de película o imagen de telenovela, donde se muestran dos escenas separadas por un degradado transparente en Photoshop. ¡Seguro lo has visto! Ahora, solo te falta probar este efecto.

fusión imágenes degradado ps

Fuente: Ernesto Pérez

Fusión suave de fotografías

Queremos mostrarte que en la fusi√≥n de fotograf√≠as podemos aplicar un mismo efecto y tener resultados diferentes con el degradado a transparente en Photoshop. ¬ŅPor qu√© sucede esto? No tiene nada que ver con un paso que se haya omitido, sino con la intenci√≥n que tengas con tu imagen, as√≠ que siempre preg√ļntate: ¬Ņqu√© quiero transmitir?

En la fusión suave, precisamente, se busca unir dos fotografías de manera que parezcan una sola, como sucede en la siguiente imagen. Entonces, está en ti decidir el modo de fusión con el que aprovecharás las posibilidades que ofrece la herramienta de degradado en Photoshop.

fusión fotografías photoshop

Fuente: Photoshopeando

¬ŅC√≥mo aplicar un degradado b√°sico en Photoshop?

Ya pasamos por la inspiración y los referentes del degradado a transparente en Photoshop, el siguiente paso es aprender cómo hacer un degradado para Photoshop sencillo.

Comenzaremos desde lo básico, porque, a partir de allí, podrás reforzar tus conocimientos al hacer un degradado en Photoshop. Sabemos que estás ansioso por tener los resultados más profesionales, pero, recuerda que todo requiere de tiempo y práctica, así que le apostaremos a prepararte muy bien.

Ten en cuenta que existen diversos tipos de degradados para Photoshop: los lineales, los radiales, los de ángulos, los reflejados y los de rombos. Todos cumplen una función muy importante a la hora de aplicarlos sobre una imagen o una tipografía. 

A continuación, te compartimos los consejos que ofrece Adobe sobre cómo aplicar el degradado de Photoshop de tu preferencia en una imagen:

‚úĒÔłŹ Paso 1: rellena una parte de la imagen seleccionando el √°rea con la herramienta de selecci√≥n, luego, elige la herramienta de degradado para agregar el tipo de degradado que quieras para tu efecto.

‚úĒÔłŹ Paso 2: selecciona un relleno de degradado y determina las opciones de degradado de PS que usar√°s:

  • Modo: ‚Äúespecifica c√≥mo se fusiona el degradado con los p√≠xeles existentes de la imagen‚ÄĚ.

  • Opacidad: ‚Äúestablece la opacidad del degradado. Un ajuste de opacidad bajo permite ver los p√≠xeles a trav√©s del degradado. Arrastra el regulador o introduce un valor de opacidad‚ÄĚ. Guarda esta opci√≥n, pues ser√° muy √ļtil cuando te contemos sobre el degradado a transparente en Photoshop.

  • Invertir: ‚Äúcambia el orden de los colores de un relleno de degradado‚ÄĚ.

  • Transparencia: ‚Äúutiliza la transparencia del degradado (en lugar de √°reas transparentes de la imagen) si el degradado tiene √°reas transparentes‚ÄĚ.

  • ¬†Tramado: ‚Äúcrea una fusi√≥n m√°s suave con bandas de color menos obvias‚ÄĚ.

‚úĒÔłŹ Paso 3: ubica el puntero en la parte de la imagen donde fijar√°s el punto inicial del degradado, despu√©s, arr√°stralo hasta el punto final. Y, listo, ¬°comienza la magia!

Degradado lineal

Fuente: Adobe

¬ŅC√≥mo hacer un degradado a transparente en Photoshop?

Ya sabes hacer un degradado básico sobre una imagen en Photoshop. Así que podríamos decir que ya estás listo para agregarle dificultad y profesionalismo a este aprendizaje.

S√≠, el momento ha llegado. ¬°Vamos a aprender c√≥mo hacer un degradado a transparente en Photoshop!ūüéČ

Tutorial #1: fusión de imágenes

¬ŅRecuerdas la imagen de degradado que divid√≠a dos escenas? Est√°s a punto de aprender c√≥mo lograr ese efecto y entender mucho m√°s para qu√© sirve la herramienta de degradado en Photoshop.

Para empezar, a√Īade las im√°genes que quieres fusionar en Photoshop, y ponuna a cada lado. Luego, sobre la capa de arriba, haz clic derecho > rasterizar. Una vez que realices esta opci√≥n, ubica esa capa por debajo.

tutorial degradado Photoshop paso1

Fuente: Ernesto Perez

tutorial degradado Photoshop paso 2

Fuente: Ernesto Perez

Luego, a√Īade a la capa que qued√≥ arriba una m√°scara de capa, y, posteriormente, selecciona la herramienta degradado lineal. Como encontrar√°s varias opciones de degradados de color en Photoshop, elige la opci√≥n negro/blanco. Con esta lograr√°s el degradado a transparente en Phostoshop que est√°s buscando.

tutorial degradado Photoshop paso 3

Fuente: Ernesto Perez

Selecciona la máscara de capa y marca el punto inicial y el punto final en el que se realizará el degradado. En este caso, comenzaría donde se juntan ambas fotos (de derecha a izquierda).

ūüö®Importante: el punto inicial de tu degradado ser√° el que quede transparente; el punto final dejar√° la imagen un poco m√°s opaca, pero sin ning√ļn tipo de transparencia de Photoshop. ¬ŅComprendes mejor el efecto?

tutorial degradado Photoshop paso 4

Fuente: Ernesto Perez

Podr√°s ver que tu trabajo comenzar√° a coger forma, as√≠ que, solo faltar√°n los detalles: a√Īade una capa nueva y ub√≠cala debajo de las dem√°s. Selecciona el gotero y toma la tonalidad de la fotograf√≠a de abajo, es decir, la que tiene el degradado transparente.¬†

Elige la capa que tienes vacía y rellénala con el bote de pintura, teniendo en cuenta el color que tomaste de muestra antes. Esto lo haremos para que el efecto se note más.

Luego de realizar esta acción, ponle opacidad a la capa de arriba. De ese modo, verás que el azul que tiene la capa de abajo se notará más.

tutorial degradado Photoshop paso 5

Fuente: Ernesto Perez

Estamos a un paso de terminar. Ahora, para que el corte de ambas fotografías no sea tan notorio, crea una máscara de capa sobre la segunda imagen. 

Después, selecciona, nuevamente, la herramienta de degradado de Photoshop. El procedimiento es el mismo que realizaste al principio, solo que, en este caso, aplica el degradado de forma contraria (de izquierda a derecha).

¡Listo! Ya tienes el degradado a transparente en Photoshop que siempre quisiste realizar. 

tutorial degradado Photoshop paso 6

Fuente: Ernesto Perez

Est√°s pasando de ser principiante a experto en el uso de Photoshop y sus degradados. ¬°Muy bien! Pero, como siempre habr√° m√°s maneras de hacer las cosas, vamos con el segundo tutorial de degradado a transparente en PS.

Tutorial #2: fusión de imágenes suave

¬ŅQuieres hacer un montaje y aprender c√≥mo hacer un degradado de color en Photoshop, pero no quieres que se vea tan puesta una imagen sobre otra? Entonces, este tutorial ser√° muy √ļtil para ti.

Agrega dos fotos, una sobre la otra. Ahora, dale un poco de opacidad a la capa de arriba y ubícala donde quieres que se encuentre en la composición. 

Después, como en el ejemplo anterior de degradado a transparente, crea una máscara de capa en la imagen que pusiste arriba y selecciona la opción de degradado lineal. Marca los puntos donde quieres que se vea tu degradado y prepárate para ver el resultado.

En este caso, el degradado se har√° de forma vertical.

tutorial degradado suave paso 1

Fuente: Photoshopeando

tutorial degradado suave paso 2

Fuente: Photoshopeando

El cambio es inmediato y el montaje no es tan evidente. Incluso, si quieres crear uniformidad en los colores, puedes abrir la herramienta curvas (Crtl + M) y explorar las mezclas entre los colores para que la imagen se vea a√ļn m√°s real.

¬°Terminamos! ¬ŅTe pareci√≥ r√°pido? Verdaderamente lo es, as√≠ que tienes tiempo de sobra para practicar este efecto de Photoshop con todas las im√°genes que se te ocurran.

 

Bonus: recursos gratis para complementar

A nosotros nos encanta ense√Īarte y darte m√°s herramientas para que tu experiencia sea a√ļn m√°s completa. Y, como estamos seguros de que los degradados a transparente en Photoshop ya son ‚Äúpan comido‚ÄĚ para ti, te compartimos algunas herramientas que¬†te¬†servir√°n para complementar tu composici√≥n y tu trabajo en la edici√≥n digital.

  1. Pinceles para Photoshop: existen miles de pinceles en PS, pero, para una composici√≥n con degradados te recomendamos a√Īadir los pinceles de marcos. As√≠ podr√°s crear tu propio cuadro.

  1. Acciones para Photoshop: si despu√©s de crear tu degradado a transparente, quieres dedicarte al retoque digital, ahorra tiempo con las acciones en PS, que seg√ļn Fabi√°n Moncada, profesor de Crehana, ‚Äúson una herramienta que nos permite grabar todos los pasos o modificaciones que hagamos a una imagen para no tener que volverlos a hacer‚ÄĚ.

Esperamos que estas herramientas y todos los trucos que has visto para hacer degradados en Photoshop hayan servido para crear tus propios montajes y destacarte con ellos. 

Despu√©s de aprender, vemos el mundo diferente y queremos saber m√°s y m√°s. ¬ŅNo te pasa? Por eso, te compartimos un listado de cursos de Photoshop que puedes aprovechar para convertirte en el m√°s pro, ya no solo de los degradados, sino de las herramientas que quieras y del montaje digital en general.¬†

¬°Ya te probaste a ti mismo que puedes con lo que te propongas! ūüĎŹ As√≠ que contin√ļa creciendo.