Photoshop Stereo UI icon making tutorial sharing

Source: Internet
Author: User
Give users of Photoshop software a tutorial on how to share a stereo UI icon.
Tutorial Sharing:
First, let's create a new height of 560, with a width of 420.

Fill background is: #fbf5e7

Select Rounded Rectangle Tool

Draw a 180*180, rounded rectangle with a radius of 10
Fill Color is: #a9d0e1

Ctrl+t, then right click to rotate, rotate 45 °, then right click to distort (in which you can not double click to cancel deformation OH)

You can pull the auxiliary line, hold down the ALT key, select one of the points, to move horizontally, this is the center for the point of the extension of the two sides, ah, specifically how the term I am not very clear, that is the meaning of it, haha

Well, it finally turned out like this.

Then we ctrl+alt+↓ a few more times, about 88 times, this is called light shift. Look, is not there is thickness out, the specific thickness according to their preferences to set, can be thick and thin, hehe (*^__^*)

And then we hold down the SHIFT key and select all the light removed copies.

Then Ctrl+g, so the copies are all in one group.

Click anywhere in the green section of the Group 1 layer to

Open the layer style, color overlay, color #63a8c7

Put the group 1 layer below the rounded Rectangle 1 layer

The effect is this, is not stand up,

Then copy the rounded Rectangle 1 layer to place the group 1 layer underneath

Open the layer style to overlay the color: #345469, move to the lower right, exposing the shadow

Reduce the opacity to 50%

Now let's make the little paws and open the self-shaping tool.

Find the little paws.

If not, click on the side of the small gear, and then click on the animal, click Append, this pattern is from the belt. You can also choose or make a pattern that you like.

Fill Color is: #f3cfd3

Again, we do some distortion-distorting adjustments

Thus achieving this effect

Ctrl+alt+↓ multiple layers, Shift-Select all replica layers, ctrl+g into a group

Open the Layer style for group 2, color overlay, color #efa9b1

Copy the Shape 1 layer underneath the Group 2 layer

Color overlay, color for #eb8894, moving to the lower right, so that the shadow exposed

Reduced opacity to 50%

Select the Ellipse tool, draw an ellipse, fill color to #fbf5e7

Ctrl+alt+↓ multiple layers, Shift-Select all replica layers, ctrl+g into a group

Color overlay for Group 3, color #fe12be

Copy the small meat cushion layer and move to the bottom of the Group 3 layer

Open the layer style for color overlay, the color is #e1c789 to the lower right, so that the shadow exposed

Reduced opacity to 50%

It's done, it's simple.

Well, the above information is small to give you photoshop this software users of the three-dimensional UI icon of the production tutorial to share all the content, you see here the users of Photoshop software, small series believe that you are now very clear the method of making it, Hope that the small series to share the help of everyone.

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.