Quick Tip: Design a Countdown Clock in Under 15 Minutes
Tutorial Details
- Topic: Photoshop
- Difficulty: Beginner
- Screencast duration: 11 mins
Final Product What You'll Be Creating
- Quick Tip: Design a Countdown Clock in Under 15 Minutes
- Designing a “Coming Soon” Page in Photoshop
- Building a “Coming Soon” Page With HTML and LESS
- Adding a jQuery Countdown to Our “Coming Soon” Page
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.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Adi Purdila
Whether it’s websites, logos or print materials, my work philosophy is the same: never take any shortcuts and always put my heart and soul into each project because in the end, it’s the small details that count and the more effort I put into a project, the better it represents myself as a person and a designer and at the same time, it represents my client in a manner that’s appropriate to his needs.
If you’re interested in the HTML Templates and Landing Pages I’m developing, you can check them out on my portfolio page on ThemeForest.
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
Pingback: Designing a “Coming Soon” Page in Photoshop | Webdesigntuts+
Pingback: My Stream | Designing a “Coming Soon” Page in Photoshop | My Stream
Pingback: Designing a “Coming Soon” Page in Photoshop | Shadowtek Hosting and Design Solutions
Pingback: Designing a “Coming Soon” Page in Photoshop | How to Web
Pingback: Designing a “Coming Soon” Page in Photoshop | Service