Today, we are going to create a new stylish Rolling Counter in Photoshop. This tutorial is very interesting and easy to learn. In this tutorial, we have used useful and easy techniques to make this cool rolling counter. We are hopeful that you will like our creation. Feel free and share your comments with us.
Other Useful Tutorials:
- Tutorial: Drawing a Pencil Icon in Photoshop
- Attractive Yellow Flower Tutorial in Photoshop
- Create a Beautiful Lady Bag Using Photoshop
- Learn to Create Abstract Explosion in Photoshop
- Program: Adobe Photoshop CS5
- Difficulty: Intermediate
- Estimated Completion Time: 50 Mins
Download source file:
Create a Rolling Counter in Photoshop: Final Preview
Tools and Resources
Following photoshop tool are used in this tutorial.
- Rounded Rectangle Tool
- Gradient Overlay
- Rectangle Marquee Tool
- Ellipse Tool
- Rectangle Tool
- Eraser Tool
- Text Tool
Lets start to create a terrific rolling counter in Photoshop
Start to create a new document (Crtl+N) 600×500 of size.
Select the Rounded Rectangle tool from tool panel, draw a rounded shape named it layer “border”, with this color #515151.
Now applying some blending options on this border layer.
After applying these effects, we get cool border as below in picture.
Select rounded rectangle tool again and draw a shape in the middle of border layer apply this color #222222,
Now applying some blending options on this layer.
After applying blending options we get nice effect.
Now select the rectangle tool and draw shape upper side of rectangular with color #ffffff, and down opacity 10%, adjust it as like shown in preview.
Now draw one more shape with the help of rectangle rectangle tool or line tool at the center of the rectangular with white color #ffffff, down opacity till 20%,
Now Select the Text tool from tool panel and write some words.
Now go to layer > Layer style or blending options and applying some effects.
After applying layer style we get cool effect in picture below.
Now select the rectangle tool or line tool and draw a line after 1 with white color #ffffff, then duplicate this line layer set right side, and change the color with black #000000, merge both layers, and adjust it as like picture below.
Now duplicate the line three times and set the lines one by one, as like in preview.