Photoshop Exquisite wooden border sound icon production tutorial

Source: Internet
Author: User

Give Photoshop users a detailed explanation to share the tutorial on making a fine wooden border sound icon.

Method Sharing:

One, create a new 1000x1000 px canvas, fill color #7b7776.

Second, create a 512x512 pixel, rounded corner radius of 90px corner rectangle, and place the wood grain material, and then in the Layers panel, alt-click on the wood layer and rounded rectangle layer of the junction, create a clipping mask.

Add the inner shadow and projection to the "Rounded Rectangle 1" layer.

Create a new layer on the "wood grain" layer, fill the color #5f543f, change the blending mode to multiply, transparency to 70%, and make a clipping mask.

Five, the speaker's façade is done. Next, create a 512x460, rounded rectangle with a rounded corner radius of 90px, and align to the left and top of rounded rectangle 1, then copy the wood grain one layer and create a clipping mask on the new rounded rectangle. If the version of Photoshop is cc, you can copy a layer of rounded rectangle 1 directly and then ctrl+t the size of the transform. The previous version of CC loses the fillet when it is distorted, so only shapes can be created.

Add the inner shadow and projection to the rounded rectangle 2.

Add a 10% black and white gradient to the "Wood print copy" layer.

Eight, ctrl+j copy a "Rounded Rectangle 2", and then move the layer above the wood layer, ctrl+t transform size, remember to hold down SHIFT and ALT, Zoom 90%, and then add the layer style.

Nine, next do the sound hole, create a 256x256 circle, adjust the position, add layer style.

Ten, suggest ctrl+g to the sound hole of this circle to build a group, because later there will be many layers. Creates a new ellipse with a diameter of 11px, centered horizontally and vertically with ellipse 1, and fills the color #5f543f. Then use the rectangular tool hand animation Two guides, find the center of the circle, the effect is shown below.

The middle of the small circle diameter must be odd, otherwise can not accurately find the center. Copy the small circle one layer, ctrl+g the group, then move the copied circle to the outer circle, Alt+ctrl+t, and press ALT to move the center of rotation to the centre of the center just found.

12, then rotate to the appropriate position. It is important to note that the angle of rotation must be divisible by 360.

13, then more press a few ctrl+shift+alt+t, again transform, the outer ring sound hole.

14, adjust the rotation angle, repeat the steps, the sound hole to finish. At the end of the time, the middle will appear more dense, you can change the Circle center of the small circle diameter to 9px.

The sound hole is done, delete the reference line, and then do the knob. Creates a new ellipse, fills the color #ebebeb, moves to the appropriate location, and adds a layer style.

16, copy a layer of "Ellipse 3", ctrl+t deformation, press and hold Shift+alt ratio scaling 85%, add layer style.

17, and then copy a layer of "Ellipse 3 copy", change the fill transparency to 0, add the inner shadow.

18, the right knob is done, copied to the left, the entire icon is almost done.

19, but if you look carefully, you will find the wood grain of this icon still have problems, so finally to do a simple perspective. The first is to choose the more bright wood grain, ctrl+t, right button Select "Perspective", adjust to this appearance.

20, and then use the same method to adjust the darker wood grain.

Final effect:

Well, the above information is small to give you photoshop this software users brought to the detailed production of exquisite wooden border sound icon method to share the whole content of the No, you won't. Users, small knitting I believe you see here is very clear the way to make it, So now go and open the software and try it out on your own.

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.