Use PS to design a adjusting knob shift icon

Source: Internet
Author: User

1. Create a new gradient adjustment layer and make a 45-degree linear gradient from #a1a5ae to #eef2f3.

2,. Copy a layer of gradient layers, turn the smart object, and add a noise.

3, perform "filter-style-Emboss effect", add an embossed effect.

4. Change the layer blending mode to "overlay", and our background is complete.

5. Draw a rounded rectangle and add the layer style.

6. Copy the rounded rectangle, move to the lower level, change the layer fill to 0, and add a projection layer style.

7, loaded with rounded rectangle of the selection, in the main shadow of a new layer, filled with black, to perform a dynamic blur, with the mask, we made a long projection, change the layer blending mode to "multiply", layer opacity is 33%.

8. Next, we'll do the middle box, where we need to be aware that the rounded corners of the rounded rectangles need to be aligned, otherwise it looks ugly. Modify the layer's fill to 0 to add a layer style.

9, with the Ellipse tool to draw the main body of the knob, add layer style.

10, copy one layer, move to the lower level, change the layer fill to 0, add a projection layer style.

11, the use of dynamic blur to make a long projection, the appropriate adjustment of opacity.

12, Next, with the Ellipse tool to draw the middle of the small circle, add layer style.

13, add a logo, while adding a layer style, black interior shadow, white projection.

14, below, we draw the scale. Draw a rectangle and press ctrl+alt+shift+trepeatedly to get a circle of ticks. Place the scale on the lower level of the knob projection, the tick color is #cececf, add a style similar to the layer style we set for the logo, the black inner Shadow, the white projection, the transparency of their own grasp, our effect is as follows:

15, with the elliptical tool to draw a small circle, to do the knob indicator position of the mark. Color with everyone like it, my own color is #77e4ff, the same add a black inner shadow, white projection.

16, Next, add text.

17, the final effect:

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.