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.
Create a Rolling Counter in Photoshop: Final Preview
Tefrrific Rolling Counter Final Preview
Tools and Resources
Step 1
Start to create a new document (Crtl+N) 600x500 of size.
Create New Document
Step 2
Select the Rounded Rectangle tool from tool panel, draw a rounded shape named it layer "border", with this color #515151.
Draw Rounded Shape
Now applying some blending options on this border layer.
Inner Shadow
Inner Shadow Border
Outer Glow
Outer Glow Border
Gradient Overlay
Gradient Overlay Border
After applying these effects, we get cool border as below in picture.
Get Cool Border
Step 3
Select rounded rectangle tool again and draw a shape in the middle of border layer apply this color #222222,
Small Rounded Tool
Now applying some blending options on this layer.
Gradient Overlay
Gradient Overlay
Inner Glow
Inner Glow
After applying blending options we get nice effect.
Small Rounded Result
Step 4
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.
Cristle Style
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%,
Draw Line
Step 5
Now Select the Text tool from tool panel and write some words.
Write Words
Step 6
Now go to layer > Layer style or blending options and applying some effects.
Drop Shadow
Drop Shadow
Outer Glow
Text Outer Glow
After applying layer style we get cool effect in picture below.
Get Terrific Effect
Step 7
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.
Create Lines
Now duplicate the line three times and set the lines one by one, as like in preview.
Step 8
Now select the Ellipse tool and draw a small circle bottom of the 1, applying white color #ffffff, rasterize it and cut the half circle with the help of Rectangle Marquee Tool, down the opacity 60%,
Cristle Circle Style
Duplicate this small circle layer five times and set as like in preview.
Duplicate Small Circle
Step 9
Select the rectangle tool from tool panel and draw a small rectangle upper side of 1 with white color #ffffff, and minimize the opacity till 60%.
Draw Rectangle
Duplicate this rectangle layer five times and set the rectangle as like in preview below.
Duplicate Rectangle
Step 10
Now in this step select the rectangle tool again and draw a line with dark gray color #515151,
Draw a Shape
Select the Ellipse toll and draw a small circle in the end of the line with dark gray color #515151, as like in preview.
Small Circle
Now select the both line and small circle layers and press (Ctrl+E) to merge them and duplicate this merge layer and adjust it as like in picture.
Duplicate Layer
Step 11
Now its time to draw a shadow of rolling counter, select the ellipse tool and draw a shape as like in picture below.
Shadow Design
Now go to filter > Blur > Gaussian blur and set following setting.
Gaussian Blur
When we apply Gaussian blur filter we get nice shadow.
Get Nice Shadow
Step 12
Now in the final step select all the layers and press (Ctrl+E) to merge them and duplicate it set down side and erase the rolling counter half with the help of Eraser tool down opacity till 20% as like in final preview below.
Final Preview
