PS teaches you to draw a classic itunes icon

Source: Internet
Author: User
Tags reflection

In Photoshop, the layer style is the most intuitive thing, all the effects can be quantified, in numerical form, is a variety of obscure contour can also be used to show the number. With the blending mode in the layer style, you can get an ever-changing effect, with many UI and icon-style effects mostly based on layer styles.

Today's itunes icon is a classic icon, but you can't see it now. The current version can only be said to be out of possession, the promotion of flat, said it is not beautiful, say ugly also not ~

Here's what I've done, but I've made some spoof changes to its outer contour. This shape is between a square and a circle, and it is not a concept with rounded rectangles that caters to the present "aesthetic":

The following start the production process, first I Baidu a map as a reference ~

Create a new 1000*1000 canvas ~

Paste just copied itunes original image, moved to the corner as a reference ~

Press Ctrl+r to open the ruler, right-click the ruler to select a percentage ~

Shortcut key alt+v+e (press ALT, press V and then press e) to enter 50%~ in vertical position

Continue transverse position is also 50%~

After setting the reference, click on the shortcut button below the layer bar to add a gradient adjustment layer.

Choose the color mix that you think is more appropriate. Originally I was going to give the color code, then think or forget, everyone has their own alone good. I think the good-looking you may not agree, so here you do not have to follow my choice.

Select the Ellipse tool in the Graphics tool ~

Draw a circle that is about the size of the canvas, centered on the intersection of the guides. As for its color big can not care, any color can be, I just as long as the shape of it ~

Right-click the Select tool and select the direct Selection tool, which is the white arrow. If you are familiar with this tool, you can combine CTRL to build a quick conversion ~

Two anchor points in horizontal direction for box selection ~

Right-click "Free transform point" ~

Enter 80% size in set horizontal zoom. This time you see the circle turning into an ellipse.

The same box chooses two anchor points in the vertical direction and enters 80% in the vertical direction. Now you see the shape of my penthouse.

Press ESC to hide the path. Double-click to open a layer style to add a gradient. If your imagination is rich enough, you can fill in what you think is a beautiful color combination ~

Continue adding strokes. In fact, bevel relief effect is similar, but I think the linear gradient of the stroke to simulate the "chamfer" more delicate ~

Ctrl+j copy a layer, ctrl+t free transform. Open "maintain aspect ratio" and shrink to 95%~

Re-modify its layer style values, first is the gradient fill ~

It also has a linear gradient of the stroke, note that its color to deepen ~

Ctrl+j copy a layer, right-click on the layer thumbnail to clear the layer style ~

Ctrl+t free transform. Also, open the keep aspect ratio to 95%~

Press ESC or click the vector mask to hide the path. Double-click into the layer style to add a radial gradient. Everyone's taste is different, here I want to try to simulate the original style, so I chose to close to the original color ~

Add in the glow, we want to discard a concept, "glow" is not necessarily bright, sometimes also can be dark ~

Add "projection" again, and now I get an effect that looks softer on the edge. In fact, you can use the "outside glow", the effect is exactly the same, but the control of the projection more flexible, it also has the "distance" option, "outer glow" compared with the rigid ~

There is also the reflection of the following shape, I used to have seen in other sites PS fans copy this icon when more formal, he also uses the selection of deduction to achieve this effect, here I think you can despise, in contrast to his understanding of the layer style without my thorough, I'm just going to blow it like this. It probably doesn't affect my image, does it? Open the inner shadow to simulate the following reflection, here I would like to remind you to pay attention to the "use of global light" option ~

Continue copying a layer, right-click on the layer to clear the layer style ~

Ctrl+t this shape down to 98%~

Classification:

    • PS Image Processing
    • PS Icon Production 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.