The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Digital Clock

Digital Clock


1. Create a new document, doesn't really matter what size it is. I used 200x200px. I also used #545454 for the background color.

2. Make a new layer. Get out your Rectangle tool (U). Draw a rectangle like this. I used black (#000000).

image 1

3. Right click on your layer, goto Blending Options. Put these settings in.

image 2

image 3

image 4

image 5

4. Make a new layer. Get out your Rounded Rectangle tool (U). Make a rectangle in the middle of the other rectangle like this (#6A6A6A).

image 6

5. Put these blending options on that layer.

image 7

image 8

image 9

image 10

Your image should look like this:

image 11

6. Now its time for the text. Select your DS-Digital font a type 00:00. Make it #7E4747. Then change the layer opacity to 60%.

image 12

7. Type ONLY the first digit of the time you want show, in this example its "1" (#FF0000). Also set the layer opacity to 60%.

image 13

8. Now do this for all the other digits and the colon ( : ). Make a new text layer each time! Remember to line them up with the 00:00.

You are done!

Digital Clock Tutorial: Final Result



Author's URL: Na3k.net
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Digital Clock"

Only registered users can write comment

No comments yet...