Photoshop Design a decibel detector button icon to make a tutorial

Source: Internet
Author: User
To the users of Photoshop software for detailed analysis to share the design of a decibel detector button icon Production tutorial.
Tutorial Sharing:
Effect:

We start with the creation of the background, and the size I use is 1000*800 pixels. Create a gradient fill adjustment layer, set as follows:

Draw a 600*600 pixel circle, set the fill to 0, and add a bevel and emboss.

Sets the foreground color to #312f35 and uses Boolean operations to draw the circle in the following figure. This is not much to repeat, do not understand the Baidu can be.

Add a layer style to this ring.

Set the foreground color to black #000000, just like the operation method, using Boolean operation, draw out the small circle in the image below, add a layer style.

Set the foreground color to #aba9a8, draw a 350*350-pixel circle, name "Body", and add a layer style.

Use the Ellipse tool to draw a positive circle of 330*330 pixels and add a layer style.

Next, we go back to the circle named "main", duplicate a layer, named "Embossed 1" clear layer style, set fill to 0, add a bevel relief.

Then copy a layer of "embossed 1" layer, in the layer style, check the inner effect into a group, and change the bevel relief parameters, add a layer mask, wipe.

Copy the embossed 2 layer, change the shadow angle of the bevel relief in the layer style, and adjust the mask.

Just start, want to use a bevel relief to fix this effect, adjusted several times High Line, the effect is not good, so give up, instead of 3 bevel relief with a mask to overlay the effect, there is great God can be done, please tell.
Next, we begin to add the scale, this has nothing to say, we should all, draw a rectangle, transform center point, rotate 3 degrees, ctrl+shift+alt+t, easy to handle. Here I set the color to white, opacity 7%.

The same way to make that orange scale, the color is #f6a303.

Next, we're going to add the gradient that looks like a radar scan, from our screenshot, you can see clearly that our shape is derived from Boolean operations, a circle and a 15-degree rectangle intersect, the color of the shape is set to #171826, the layer fill is set to 0, and a gradient overlay is added, and add a mask to wipe underneath.

And then we're going to add the high light, draw a circle with the Ellipse tool, set the color to #bbaffd, the layer blending mode to "soft light", opacity "81%", in the property panel, feather The shape 35.6 pixels, and load the "main" round of the selection, add a mask for this high light.

Next, we refine the high light, copy this blue high light layer, move left up a certain pixel, change the shape color to #e9e5fe, feather unchanged, layer blending mode is still "soft light", layer opacity change to "56%".

Copy a just that "main" layer, move to the top level, set the layer fill to 0, add an inner shadow.

Text and add the three shapes, shape icons, using Boolean operations to draw.

Finally, we add the button on the left, set the foreground color to #a09e9f, draw a circle, and add a layer style.

Final effect:

Okay, the above information is small make up to you photoshop this software users brought to the detailed design of a decibel detector button icon of the production of the entire content of the tutorial to share, you see the users here are now very clear the production method of it, Then you will go to the small part of the tutorial to share the production of it.

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.