Site Elements

Quick Tip: Design a Countdown Clock in Under 15 Minutes


In this Quick Tip I'll demonstrate how to design a countdown clock interface in Photoshop. We'll go over some simple techniques and, in under fifteen minutes, we'll have a great finished product to show for our efforts. Let's jump in!

Watch Screencast

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!

There's More..

Without giving anything away, this interface is actually part of something a bit bigger.

Related Posts
  • Music & Audio
    Mixing & Mastering
    An Introduction to Mastering With Ozone 5Ozonepreview
    iZotope's Ozone Advanced 5 is perfect for mastering your own tracks, especially if you're on a reasonably tight budget. In this screencast tutorial we'll have a look at how to do basic mastering with Ozone, using Insight for metering. Read More…
  • Web Design
    Tumblr Appearance Options: Boolean OptionsTumblr 23 retina
    In this episode of Tumblr Theming 101 we'll add some Boolean Appearance Options to our theme. This will allow users, through checkboxes, to enable or disable certain features.Read More…
  • Web Design
    Tumblr Appearance Options: ColorTumblr 21 retina
    This is the first in a short collection of episodes, during which we'll gain an understanding of Tumblr's various Appearance Options. We'll be covering image options, boolean options, select, and text options. In this particular video, we'll look at color options, so let's get started.Read More…
  • Web Design
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    Applications and Tools
    Setting Up Gumby With the Claymate Command Line ToolGumby claymate retina
    In this tutorial I'm going to explain how you can use Gumby's Claymate. Claymate is a command line interface tool, which helps simplify a number of tasks relating to installing and maintaining your Gumby projects.Read More…
  • Web Design
    The Code Behind a Tumblr ThemeTumblr 2 retina
    In this screencast we'll take a first look at the structure of a Tumblr theme and the Tumblr customize area.Read More…