Clock Tutorials and Resources for Photoshop and Illustrator

If you are looking for clock related resources for Photoshop and Illustrator, look no more. Here you can find the best tutorials, brushes and files with this theme.  The clock is a really classic art element and it has been designed and redesigned a lot over the time.  It is used very often in webdesign and almost every website/blog/forum has a clock icon. It is commonly used for displaying the time when a tutorial, comment, user and so on was added/created.

In this article I will not focus on the huge amount of clock icons available on the market, I will instead show you the best clock resources for Photoshop and Illustrator.  Here, I am talking about tutorials and files that can teach you how to create your own customized clock. And as a plus I have also gathered some great clock brushes and clock custom shapes that will help you a lot, making your Photoshop working process so much easier.

I hope you’ll find this collection useful enough to share it with all your friends!

PSD Files Free Download for Photoshop

Flip clock countdown (PSD)

The download includes a dark, glossy flip-clock template in vector shape layers. We know vector layers are a great way to edit the graphics easily without losing quality. You can change the numbers as well. The font used is a free font called Bebas.

Free 5 PSD Clock Icons

Download these free clock icons with all the layers intact so you can easily see the effects that has been used to create them. You can also change the layer styles and make your own customized versions.

Digital Clock graphic PSD

This is a modern “Digital Clock” icon. The download, comes in Photoshop (.PSD) format with all the layers organized in folders for easy identification.

Clock Icon version2 PSD

Here I’m giving you another clock icon with psd format. Now its a violet clock with blue outer. The icon have a high resolution pixels so you can use this for printing purpose too. Its for free for ever but forbidden to redistribute other than License: Creative Commons Attribution-No Derivative Works 2.5 India License.

Sony Clock

13 layers deep with full ‘layer styles’ intact. Use parts for your own creations or just check out the styles to find out how it was created. The clock is not vector drawn so you can not change the shape easily, that would be the only minus.

Retro Clock PSD

Vector alarm clock with all the layers and styles organized in groups so that you can browse the file with no problems. Easily customizable, you can change the color and the wood texture rapidly.

iPhone Setup-Clock PSD

Beautiful clock icon with PSD file fully layered and intact layer styles. As a plus the clock is made out of vector shapes that can be resized, change color and shape easily.

Flip Clock PSD

Fully editable and scalable (except noise layers) and well-organized in groups. This flip clock has a beautiful and classy design.

Electronic alarm clock PSD

Electronic alarm clock in Photoshop PSD format. The alarm clock graphic comes in fully layered PSD format with each part of the graphic layers organized in named folders. The graphic also comes as icons in PNG format various standard sizes 512×512, 256×256, 128×128 pixels.

Modern black clock icon PSD

Black and white modern clock icon with a black striped background and a chrome frame and hands. Wall clock illustration, might be used as a template, rotate the clock hands and set your own time.

Photoshop Tutorials

Design a Clock icon in Photoshop

From this tutorial you can learn how to create a nice looking clock icon in Adobe photoshop. You can download the layered PSD file and PNG file of the icon at the end of tutorial.

Design unique clock icon in Photoshop

Learn how to make a cute blue clock icon in Photoshop. Unfortunately the tutorial doesn’t come with a PSD file attached. But you really don’t need one because the tut is very well explained and easy to follow.

Making Digital Watch Icon in Photoshop

Here is a tutorial that will teach you how to make a nice digital watch icon in Photoshop. It is really a very detailed tutorial that looks very classy with its silver metallic look.

Create a vector clock face using Photoshop custom shapes

Create an easy vector clock in Photoshop using custom shapes. Detailed math information for perfect clock face with both hours and minutes gradations.

Create a pretty nice wall clock in Photoshop

Friends, in today’s tutorial I will show you how to create a pretty nice wall clock in Photoshop. At the end of this tutorial, you can download the PSD file of the tutorial along with the wall clock icons in sizes 512×512 and 256×256 pixels. Pretty nice, huh!

Photoshop Brushes

21 Clock Brushes

This is a set of 21 Photoshop 7 clock brushes including hour glasses and a pocket watch.

Old Clock Engravings Brushes

Brushes made in CS2. The zip file also contains a friendly pack of images for those who don’t use photoshop! Made out of scans from a book from 1951.

Gearing Brushes

Photoshop Brushes compatible with Adobe Photoshop CS3.

Clock Brushes

This set includes 20 clock brushes. They were created in Photoshop version 7.0

Clock Festive Brushes

A free brush set to mark the end of the year, free for personal use only.

Clock Photoshop Brushes

Really beautiful clock faces made with Adobe Photoshop CS3.

Clock Brushes

Another great set of brushes from deviantart. The ABR file contains 15 brushes made with Photoshop CS2.

Photoshop Custom Shapes

Alarm Clock Shapes

Download photoshop alarm clock shapes (9 vector clock shapes, CSH file format). These PS custom clock shapes are ideal for creating graphic and web designs – be sure to check them out!

12 Photoshop Clock Shapes – Square Clocks

This free set of photoshop square clock face shapes at your fingertips will help you out and save your precious time – no need to create them yourself!

8 Photoshop Square Clock Shapes

Download this free set of photoshop rectangle clock shapes with numbered faces and create an amazing illustration or banner related to time.

12 Clocks Photoshop Custom Shapes

Download free clocks photoshop custom shapes (CSH file, 12 vector clocks shapes in set). These PS custom clock shapes with numbered dials are ideal for creating designs related to time.

31 Photoshop Clock Shapes for Timeless Designs

Download photoshop clock shapes – 31 vector clock shapes, CSH file format. Pick photoshop clock shapes you like the most to create a design related to time.

Clock Illustrator Tutorials

How To Build a Vector Clock Graphic in Illustrator

If you’re looking to develop your Illustrator skills, here’s a tutorial for you! Follow this walk through to see the how adding layer after layer of vector shapes, along with a range of gradients and a spot of texture can quickly create a great looking icon-style clock graphic.

How to Create an Alarm Clock Icon in Illustrator

With simple shapes and gradients, this easy tutorial will show you how to create an alarm clock icon. We’ll be using Illustrator CS4 for this tutorial, but those of you with older version should be able to follow along as well.

Alarm clock

Comments 5 Responses

  1. Mirko September 8, 2011
  2. Zap Media September 9, 2011
  3. Web Design Company Mumbai September 10, 2011
  4. John January 9, 2012
  5. Dima January 22, 2012

Leave a Comment!