Photoshop propeller Fan Theme UI icon making tutorial

Source: Internet
Author: User
Give your Photoshop software users a detailed explanation to share a tutorial on the design of a propeller fan theme UI icon.
Tutorial Sharing:

First, let's build a 1667*1250,300dpi canvas. The entire tutorial is divided into five sections on the right, each part is grouped after completion, and each group's layer state is penetrated, and the students should pay attention when doing it. We start with the background layer first.

Background 1: This layer is mainly used with a gradient tool (radial gradient) to pull the same effect on it.

Create a new layer, named Background 2: This layer is based on the original background, in the lower part of the production of a close-up of the bright part. The same is true with the gradient tool, just this time with a "linear gradient". The gradient's color parameters are the same as above.

The effect is relatively weak, but a careful comparison of the top and bottom, or can be seen. After adding this layer, not only does the lower part brighten a little, and we should also be able to see a layer of faint, slightly darker a little bit of color, this is also for the back of the fan to do after, can create a little sense of space overall, so that the overall look more real, background after the completion of the group, remember that the change mode for penetration. Every part of the back is the same, and I won't be reminded.

Use the rounded Rectangle tool to draw a rounded rectangle with a 720*720 radius of 10 pixels, which is named "Fan fuselage", the color fills #e2e1e0, and the layer style fills in the inner shadow "gradient overlay" "projection" with the following parameters:

Copy the fan fuselage one layer, clear the layer style, modify the layer fill to: 0. Name the fan fuselage 2 and add the inner shadow style.

Effect:

Next, we'll make a circular fan box in the middle of the fan. Use the Ellipse tool to draw a 549*549 circle, fill the #e2e1e0 with color, and add a stroke, inner shadow, gradient overlay to the three layer styles.

Effect:

The largest circular fan frame is done, we then use the Ellipse tool to draw a 455*455 circle, the layer named circular fan frame 2, color still fill #e2e1e0. Add a stroke, a gradient overlay, and a projection of three layer styles.

Effect:

And finally, we're going to do some of the most troublesome parts of the fuselage, so you just pretend this thing is called a fan .... Draw a three circle and then delete it.

Add up after the effect:

After painting the color fill #e2e1e0, and then gradually gradient overlay, projection.

Effect:

So the fan fuselage part is finished, and then we do the fan-leaf part.

Effect:

After the basic type of the fan is done, add the inner shadow, the gradient overlay, the projection three styles, and add a shadow effect to the fan according to the light.

The effect is as follows:

Now we derive a light effect from the blades, and draw the shadow with the pen tool.

The fan-leaf Shadow 2 is divided into the above four sections. Our layer is named the fan-leaf shadow 1~4, and the color is arbitrarily populated.

Effect:

Make a group of all the fan-leaf parts and add a mask to the group to cover the extra parts below.

Next, we'll copy the Big Circular fan frame of the fuselage part two layers, put it to the top, and the layer fills 0%, which is used to add two layers of interior projection to the fan frame.

Effect:

Finally, use the gradient tool for the entire layer to add a layer of dark, then a mask, with a soft edge circle brush to erase the middle part. So as to make a bright effect around the dark.

Finally, add a radioactive projection and wire to the entire fan. Make the overall details more detailed, more realistic.

Layer Style parameters:

Okay, the above information is small compiled to you photoshop this software users bring the detailed propeller fan theme UI icon of the production of a tutorial analysis of the entire content of the share, you see the users here, now you are very clear the way to make So you guys just go and try to make it yourself.

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.