PS Create IOS7-style countdown timer

Source: Internet
Author: User

Step 1

Open PS to create a 730px * 410px document and add horizontal and vertical guides in the center section:

Step 2

Use the Ellipse tool ellipse Tool (U) to draw a 120px * 120px prototype, without filling the color, with a stroke of 5px #e1e1e1, placed in the center of the canvas:

Step 3

Enlarge the canvas to around 1200%, and then use line tool lines Tool (U) to draw a 1px line from the top of the circle to the center point:

Step 4

Ctrl + Alt + t appears free to transform the straight frame, see the Straight center point of wood there? Press and hold Shift+alt, mouse Drag center point to move to the bottom of the line (remember to drag to the center of the bottom when you do not hurry to press ENTER OH):

Step 5

Well, now change the rotation angle value to 10°, and then press ENTER two times:

Step 6

Now press SHIFT + Ctrl + Alt + t to copy the line until you get a complete spiral shape:

Change the fill color to white:

Step 7

Duplicate a layer of the most original circle, placed above all layers, we want to do in this circle gradient processing:

Add the following gradient overlay style to the circle:

Step 8

Mask processing out of One-fourth areas not shown:

Step 9

Use the Type tool text Tool (T) to add dates, times, minutes, and seconds, noting the one by one correspondence of numbers and labels and gradient colors:

One last step!

Group all the layers that you just created, then copy the other 3 groups, and the horizontal spacing between the 4 groupings is 20px, adjusting the content to form a complete IOS7 countdown timer:

Then I was unwilling to the white background. Ios7 don't you have a lot of wallpapers? I set the blur of a picture to 15% as the background of the timer, and look at the final effect:

How can I have wallpaper you don't?! Take a quick look at the following wallpaper.

Iron Man.

Paper Airplanes

Windmills

Hot air balloon

Vintage Camera

Air Plane

Space Shuttle

IOS7 Wallpaper

Classification:
    • PS Getting Started tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.