Home » Featured, Tutorials

Tutorial: Create a digital clock with Photoshop

19 July 2009 One Comment

In this tutorial, we are going to create a digital clock interface in 3 steps.

Step one: Create the screen of the digital clock

Create a new document with size of 300 x 150 pixels. Fill the background in #767A65.

Background of digital clock

Step two: Add some digital fonts

After preparing the background of the digital clock, we are going to write the base of the clock letter. Select the Horizontal Type Tool and type 88:88 with size of 130px and color in #6D715C. [Download font]

Digital clock base letter

Then press [Ctrl+J] to duplicate the “88:88″ layer and put it on top of the original layer. Change the color of the duplicate “88:88″ to #252525 and change “88:88″ to “20:34″.

Digital letter

Final step: Finalize the effect the digital letter

Open the Layer Style box by double clicking the “20:34″ digital letter layer. Set the style as shown in the following image. Now the digital clock is finished.

Finalize setting

Digital Clock
Digital clock

Other samples:

Digital clock sample 1

Digital clock sample 2

VN:F [1.6.4_902]
Rating: 7.0/10 (1 vote cast)
VN:F [1.6.4_902]
Rating: 0 (from 0 votes)
Blog Widget by LinkWithin

Tags: , , ,

One Comment »

Leave your response!

You must be logged in to post a comment.