Copy link to clipboard
Copied
hi all I am a noob in photoshop, started learning few weeks ago in web designing. I really want to know how to make this effect of the bg img + the curvy edges at the botto. Thx in advance!
1 Correct answer
That's just basic vector editing with a vector mask and a vector shape using the pen tool. In my example, I converted the background layer into a normal layer by clicking on the lock icon in the layer panel. Then I drew a path around the upper third of the image .
I then converted it to a vector mask by holding the ctrl/cmd key and clicking on the layer icon in the layer panel:
Using the pen tool, I added two anchor points to the rectangle and moved them to create the curved bottom:
Using the
...Explore related tutorials & articles
Copy link to clipboard
Copied
Hi there,
As the above curve is graphic based drawing, there is no set workflow of achieving it. You may checkout the links below to know how to draw similar designs in Photoshop:
https://helpx.adobe.com/in/photoshop/using/filter-basics.html#tips_for_creating_special_effects
https://helpx.adobe.com/in/photoshop/how-to/applying-filters-basics.html
https://helpx.adobe.com/in/photoshop/using/layer-effects-styles.html
Hope that helps!
Thanks,
Akash
Copy link to clipboard
Copied
That's just basic vector editing with a vector mask and a vector shape using the pen tool. In my example, I converted the background layer into a normal layer by clicking on the lock icon in the layer panel. Then I drew a path around the upper third of the image .
I then converted it to a vector mask by holding the ctrl/cmd key and clicking on the layer icon in the layer panel:
Using the pen tool, I added two anchor points to the rectangle and moved them to create the curved bottom:
Using the pen tool again, I changed the mode to create a shape layer rather than a path, and the path is filled with a gradient. I drew the swoosh under the image, and added a white solid color adjustment layer under everything.

