: How gradient effect in mockup is made using Photoshop? I found this cool design in Dribbble and wonder how these layers of curves are made in Photoshop. Buildings in the background is also

@Goswami567

They are most probably vector paths with manipulated transparency. You can create vector paths using Pen Tool (hotkey: P) then assign them proper fill (color or gradient) and then manipulate their transparency in the layers panel.

EDIT:


Create a vector path using Pen Tool (hotkey: P). Then right-click inside the path and choose "convert to selection".





Choose Marquee Tool (hotkey: M). Right-click and choose: select inverted.





Now, while still having your Marquee Tool selected right-click and select: Layer by Copy.





Now that you have your new layer (in the shape of a wave) go to layers panel and click it's Thumbnail holding Ctrl button.





Now while you have your new wave-shaped layer assing a fill to it by pressing Shift + F5 and choose the color of your liking.





Now, manipulate the transparency of your layer in the transparency panel using the sliders and the blending mode.





Create as many waves you wish and try different approaches of blending, gradients, fills, transparency and so on till you get the outcome you love.


Hope that helps!

Vote Up Vote Down