Progress Bars are useful things too users similar it when they know how much fourth dimension it volition create got to consummate the detail application, hither inward this tutorial nosotros are going to blueprint a progress bar inward really uncomplicated steps, the concluding icon volition hold upwards similar this:
Step 1: Create a novel document using Ctrl + northward amongst size 450 x 300px too fill upwards #565a59 color inward it. Now larn similar Filter -> Noise -> Add Noise amongst 1%.
Step 2: With Rounded Rectangle Tool line cast similar given amongst #454847 color too 50px radius.
Step 3: Go to blending options too tick to Drop Shadow amongst #B7B4B4 color too Inner shadow amongst #454847.
The progress bar volition forthwith hold off like:
Step 4: Now laid #030303 equally foreground color too line a work using Marquee Tool.
Step 5: Now follow the to a higher house stride i time again amongst #8c8e8d color too arrive hold off like:
Step 6: Now piece of work Pen tool too line a one-half work amongst stroke of 2px radius too #b3d754 color.
Step 7: Now larn to Blending Options too produce the next changes:
Choose the same color for gradient:
Set slope angle to ninety degree:
Step 8: Now nosotros volition line the seat out percentage. Draw the cast using the Rounded Rectangle Tool too re-create the same layer agency equally inward the progress bar.
Step 9: Now create the text using #b3d754 too Arial font 8pt too our progress bar is ready.
Step 10: Draw a circular cast using the same color at the terminate too apply the same blending options too forthwith our progress bar is ready:
0 komentar
Posting Komentar