PS Draw IOS7 Style countdown timer

Source: Internet
Author: User

This tutorial PS mouse painting learners use PS to draw IOS7 style countdown timer, the tutorial is strictly regarded as an icon to make a tutorial, the difficulty of the tutorial is generally

Let's take a look at the final effect chart:

Figure 00

The specific drawing steps are as follows:

Step 1

Open Photoshop, create a new canvas, size 730 pixel x410 pixels. Then we use the Logo tool to locate the canvas from the horizontal and vertical center position. The setting effect is shown in the following illustration.

Figure 01

Step 2

Select the Ellipse tool to create a positive circle with a size of 120 pixel x120 pixels, hide the fill layer, and depict the path 5 pixel and color selection #e1e1e1. The ellipse setting, as shown in Figure 02, draws the effect as shown in Figure 03.

Figure 02

Figure 03

Step 3

Use the PS navigator to enlarge 1200%, use the line tool, draw a 1-pixel-wide line, and then place the following figure.

Figure 04

Step 4

The line may not have reached the bottom yet. Press Ctrl+t to pull up the free transform menu, and you will see the transformation control point shown in the following figure. Locate the control point at the bottom of the line and drag it down to the end. The effect figure is shown in the following illustration.

Figure 05

Step 5

After stretching, do not immediately press ENTER to determine. Then adjust the line angle, clockwise 10°, press two times enter. The setting effect is shown in the following illustration.

Figure 06

Step 6

In this step, press ALT to drag the line layer and then press Ctrl+t to adjust the angle until the line is radioactive in the circle. The effect is shown in the following illustration.

Figure 07

Then change the color of the line to white and the effect is shown in the following figure.

Figure 08

Step 7

Copy the first drawn circle once, and then place it at the top of the layers panel, which is used to make the rotation indicator.

Figure 09

Bring up the positive circle layer style blending options, tick the gradient overlay, and the gradient setting color is shown in the following figure.

Figure 10

Step 8

Next, set the mask on the positive circle layer and shade One-fourth by 15 minutes as shown below. The effect is shown in the following illustration.

Figure 11

Step 9

Select the Type tool, add text, text content, and text font, color, size, and so on as shown in the following figure.

Figure 12

Final Step

Finally will do the pattern copy 3 times, respectively, according to 17th, 9 o'clock, 32 points in the order and modify the text and mask, so that the perfect display time.

Figure 13

Here is a look at the author's final effect chart, very technical sense has wood. Here the author added the background of the iOS7 wallpaper, the circle outside the shadow added, looks textured and stereoscopic. You can also try to make your own iOS7 style design.

Figure 14

Note : More wonderful tutorials Please pay attention to the triple Photoshop tutorial section, triple PS group: 182958314 welcome you to join

Category:
    • PS Mouse Painting 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.