I found this cool design in Dribbble and wonder how these layers of curves are made in Photoshop. Buildings in the background is also blended well. Is there any proper method to blend them into the background layer? Or is it just made by reducing the opacity level? Would appreciate if there are links which explains what kind of design it is or guidelines to build them.

Thanks in Advance :) enter image description here

My try is here:enter image description here

  • Hi Hemalatha, thanks for your question. Could you tell us what you tried that didn't work? Always good to show some effort, and your chances for a good answer increase. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site!
    – Vincent
    Jun 30, 2016 at 10:20
  • @Vincent Hi thanks. and yes, i ll edit and post it again with how i tried. I have given shadows too.
    – Hemalatha
    Jun 30, 2016 at 10:34

1 Answer 1


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.


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


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


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


  1. 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.


  1. 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.


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


  1. 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!

  • should i give any shadow? Gradient didnt work, but fill color is more appropriate
    – Hemalatha
    Jun 30, 2016 at 10:17
  • I'll make a lil tutorial for you. Wait a second.
    – Whytek
    Jun 30, 2016 at 10:31
  • 1
    this is cool..! so no need to create shadow effects and stuffs right?
    – Hemalatha
    Jul 4, 2016 at 7:00
  • Yup, I still wish to remind you that this is merely one of very many ways to achieve this effect. However, I find this one to be the most flexible and thus I suggested it.
    – Whytek
    Jul 4, 2016 at 7:32

Not the answer you're looking for? Browse other questions tagged or ask your own question.