Photoshop tutorial website pill button icon design in photoshop

 

Today I will show you how to create Photoshop tutorial website pill button icon design in photoshop.


[1] Take a new file of 400 pixels, 400 pixels, of resolution 72 dpi in the RGB mode.

[2] Select the Gradient Tool apply the following settings.


[3] Now fill the background with gradient tool.

[4] Select the Rounded Rectangle Tool apply the following settings.

[5] Create a shape.

[6] After that add the following layer styles.



[7] This is my result.

[8] Select the Elliptical Marquee Tol use these settings.

[9] Hold Cntl+Click the shape layer to make a selection then create a shape like me.

[10] Make a new layer fill that layer with #f26520.

[11] After that press cntl+t, then right click to select the Flip Horizontal.

[12] Select the Elliptical marquee Tool create a shape, make a new layer fill that layer with #f26520.

[13] Select the Rectangular Marquee Tool apply the following settings.

[14] Hold Cntl+Click the first shape layer to make a selection then create a shape like me.

[15] Go to Select > Modify > Contract and set it to 7.

[16] Now create a new layer make sure your forground is set to white Now select the gradient tool and set it to Foreground to Transparant and drag it from top to bottom.


[17] Select the Rounded Rectangle Tool create a shape like this, then right click to select the make selection.

[18] Now create a new layer make sure your forground is set to white Now select the gradient tool and set it to Foreground to Transparant and drag it from top to bottom.


[19] Change the Blending Mode to Overlay.

[20] Here is my final result.

Thank you for visit our blog.
Hope you can learn something new from this tutorial. You can share your thought & suggestion with us though comments below.

Discover the top most quality clipping path, clipping path service or low cost clipping path, image masking service  & photo editing in reasonable price with quick turnaround time from Clipping Design, one of the most popular outsourcing clipping path service provider.
Clipping Design always ready to provide 100% handmade clipping path, photoshop clipping path, clipping path service, SEO service & photoshop masking with Guaranteed client satisfaction on top quality clipping path service & masking service .

Thank you…

Reference:tutorialqueen