How can I achieve these gradient effects in photoshop?

I would like to achieve the three gradient effects we see on the photo below with photoshop. I tried by myself using the gradient tool and changing the layer blend mode but didn’t work.

The 1st gradient is Pink to Orange to Black but we can see the photo underneath
at the pink and orange area.

The 2nd gradient is pink to Orange, the photo underneath is visible at the pink zone.

The 3rd one transparent to black, I think, im not sure.

The original link : https://dribbble.com/shots/4186500-Music-Player

enter image description here

Answer

I would say that Illustrator is the much better option to go about doing something like this

When making the gradient (in Illustrator) I set up the gradient as such:

enter image description here

However, the pink one I clicked and changed the opacity to 90%

Which produces this effect:

enter image description here

For the black one, I just made one side black and one dark gray:

enter image description here

and adjusted the opacity on the gray to 50%

enter image description here

Attribution
Source : Link , Question Author : Kuro , Answer Author : WELZ

Leave a Comment