How to Create Loading Bar in Photoshop

 

Learn How To Create Loading Bar InPhotoshop! Today we will learn how to Create Loading Bar in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial. This tutorial is very simple to follow, so I suggest to everyone to give a try.





1. Create a new project with a resolution of 1280 x 1024 pixels



2. Create a new layer with #D8D8D8 Bckground



3. Now Select the Rounded Rectangle Tool (U) and make round shape with Radius 80 %

<a href='https://link.pgssl.com/adv/ap/go.asp?z=1287&k=1114,569,1113&b=578&a=1043&d=1&h=10&t=38326&r1=buildtutorial%2Ecom%2Fcreate%2Dloading%2Dbar%2Dphotoshop%2Ehtml&r2=buildtutorial%2Ecom%2Fpage%2F8' target=_blank><img src='http://pgssl.com/media/banners/IN000041-U0000063-C00000578-B000001043-K215247906.gif' width=300 height=250 border=0 alt =''></a>

4. Open layer style and click and select Drop shadow and set the shadow forlike as below



5. Now again Select the Rounded Rectangle Tool (U) and make round shape with Radius 80 %



6. Open layer style and click and select Gradient Overlay and set the Gradient Overlay like as below




8. Now select the Rectangular Marquee tool (M) and cut the layer like as below



9. Now Crate a new layer and make a shape with (L) tool like as below



10. Set this layer opacity 21 % like as Below

<a href='https://link.pgssl.com/adv/ap/go.asp?z=1287&k=578,1118,546&b=1114&a=1729&d=1&h=10&t=38837&r1=buildtutorial%2Ecom%2Fcreate%2Dloading%2Dbar%2Dphotoshop%2Ehtml%2F2&r2=buildtutorial%2Ecom%2Fcreate%2Dloading%2Dbar%2Dphotoshop%2Ehtml' target=_blank><img src='http://pgssl.com/media/banners/IN000138-U0000660-C00001114-B000001729-K227314965.gif' width=300 height=250 border=0 alt =''></a>

11. Now draw shapes with use Copy and paste layer option like as below



12. Select the Type Tool (T) and type the text

Thank you for visit our blog.
Hope you can learn something new from this tutorial. For your valuable suggestion please put your comment below.

Get brilliant qualitiesclipping path, clipping path service&image masking servicefrom Clipping Design. Clipping Design always assuresphoto editing at quick turnaround time with guaranteed client satisfaction on top quality photoshop masking .
You can also discover 100% handmade clipping path&clipping path service in reasonable price.

Thank you…

Reference: buildtutorial