Entrar Português

Create your own wallpaper clock

Design wallpaper clock in Photoshop

This tutorial will show you how to design and save digital wallpaper clock. Saving clock with arrows is almost the same, except hours and minutes (please see next page for details).
 
Prepare Photoshop file with separate layers for: background, hour, minute, am/pm, weekday, day number, month. (background is required, the other layers are optional).
 
 
Hide all layers except background (note how ":" symbol is merged into background image). Go to File menu - Save for Web and Devices, save image in JPG format as "bg.jpg".
 
 
Hide background layer, show hours layer. Change text to "00". Note - I made this text layer align to right, so that the margin between hour digit and ":" symbol would not change. Go to File menu - Save for Web and Devices, save image in PNG-24 format as "hour0.png".
 
 
Change text to "01". Go to File menu - Save for Web and Devices, save image in PNG-24 format as "hour1.png".
 
 
Repeat with "02", "03", etc until you save "hour23.png".
 
 
Switch to minutes layer, so that only this layer is visible. The same way you worked with hours, save minutes in images "minute0.png" - "minute59.png".
 
 
Then simply repeat these steps for am/pm, am/pm, weekday, day number, month, moon phase, zodiac (if you have them designed).
 
Create merged copy of your design, resize it to 200x150 pixels, save as "preview200x150.jpg". Resize it to 100x75 pixels and save as "preview100x75.jpg".
 
 
Do not forget that your clock also needs clock.ini file before you can make WCZ package. Use clock.ini generator to make ini file.
 
Finally, select all files in the folder, ZIP them into single zip file (f.e. "archive.zip") and rename this zip file to have wcz extension (f.e. "myfirstclock_800x600.wcz")
Next page - How to create clock with arrows