Using PS to teach you how to build a metal speaker

Today's tutorial may disappoint, because a lot of things are not written out. Should the tutorial not be written in detail the better? In fact, I also want to write in detail, but on second thought, who is required to write this? I said the method is good, a number of specific values of what everyone to adjust it, cultivate the feeling of the software, as the object is the same. So you just have to remember the way. Source files will be released after, please pay attention to learn the UI Web Yo!

This time to bring you the 100 icon in the "Metal sound" of the drawing process. The last IX male God in which the "Bamboo Digital Board" icon released to everyone to copy, I found some problems, then these problems in the drawing of the icon will also mention, now we follow the steps of wolves to do it, here we go!

Demolition team to pull!

Tense table tense, we just first to break down this icon.

We divide the subject into 4 parts. Arrow 1 is the part of the text; Arrow 2 is the light part; Arrow 3 is a soundproof board (I don't know what to call it); Arrow 4 is the box. Well, we can do it all after we know the components. Remember to group layers Yo!

First of all, of course, from the bottom of the start! First or New canvas, the shortcut key is CTRL + N, the parameters are set as follows:

PATR1: Box part

STEP1:

Draw a 512x512px with rounded rectangle tool (note shape OH), a rounded rectangle with a radius of 80px, put it in the center of the canvas, and pull a few guides to support the work behind it.

(Please forgive me for using the elliptical tool + Rectangle tool to draw this rounded rectangle to make it easy to align the guides.) I hope you can understand why so draw the guide line. )

STEP2: Adding Layer Styles

Then add the layer style (gradient overlay + inner shadow), which is done after:

箱体部分就算做完了，各位跟着做的同学是不是想问：我擦!这就完事了?解说呢?图样式呢?渐变怎么加?我想，这种小小的问题，应该难不倒聪明的小伙伴们吧?所以，狼哥觉得这部分不说也罢(咬我啊)......

(Tip: The characteristics of a metal gradient are high contrast, so in contrast to the settings on the gradient to come.) Also, the type of the gradient selection symmetry, so that you can save a lot of things, do not believe you to adjust the test?

PART2: Insulation board

The soundproof panel consists of two rounded rectangles, which are similar to the one previously put on the work of the bamboo, which many small partners draw:

The right thing to do:

Is the bottom of it more comfortable than the top? The above is only modified the size of the rounded rectangle, and did not modify the radius of the fillet or the radius of the change is not correct, then how to do it like the following without Shong feel pinch? In fact, the method is very simple, I only say 4 words: concentric circle! No picture no truth, please see!

4 rounded corners to do with a circle (know the difference between radius and diameter?), and then use the rectangular tool to fill up the blank space. This should be a clear picture, right? As long as the center of the Circle is aligned, the radius of the inside circle can be arbitrarily adjusted is not strange. So it's easy to say? You don't have to calculate what the radius is (I can't even count ...).

Effect Start!

STEP1:

Creates a new layer between two rounded rectangles made up of rounded rectangles and rectangular rounded corners, fill the gray, turn the smart object, and perform the filter-noise-add noise (the color and the value of the filter filled here I don't say it, because I want everyone to think about it and cultivate a feeling, anyway, when I do it, it's not conclusive, There's no need for everyone to be exactly like me.

STEP2:

A a copy of a layer, placed on top of the light-colored rounded rectangle above, and then set up a clipping mask (or at the beginning of the smart object to do vector mask also OK, how convenient how to come?).

STEP3:

Then add the layer style to the rounded rectangle above: Bevel relief + outer Glow (black outer glow, also can use projection to replace, how to do please start your little head to think, don't have to rust yo!)

PATR3: Lights and surroundings

First to do the outside of this ring, in fact, the swish of the Thief ~ ~ ~ Boolean operation can be. Then add the layer style, inner Shadow + projection (white projection Oh, very magical!)

The effect of this layer of depression I do not say (how lazy I am), because the effect is too simple. We recommend that you do a positive circle, and then compress into an ellipse, pay attention to perspective can be.

Then use the Ellipse tool to draw an ellipse, the color is dark gray (such as #1b1b1b), set the layer blending mode to "soft light" and add layer style (inner Shadow + light projection)

Then there is the lighting section, which can be used in a lot of places, so it's important to say.

Draw a circle, pull the guide line:

Press the ALT key to pull an oval out, don't let go, and then press the SHIFT key to become a positive circle:

Free transform, resize and position (the size of the circle inside and out is recommended to use even, convenient alignment):

Do not change the layer, with the rectangular tool, press the ALT key to draw a rectangle (skilled students can one-step, and the next step can be linked together to complete):

Free transform, adjust position and size:

Copy the sticky node, ctrl+t, adjust the angle of rotation (because this is the center of the shape rotation, so you can not set the rotation center point; If you need to reset, press the ALT key to drag the center point, or click at any place)

Then Ctrl+alt+shift+t (repeat last change)

In the same way, draw the other one:

How, is it very simple? What color is different? Go and tune yourself!

Finally, select the two layers, the overall free change, a little deformation, adjust the position, in order to meet the perspective, and then each add layer style (inside and outside glow, nothing else):

Finally, add the middle part of the thing:

Is there a screw (or a nail?) Whatever.)

PART4: The more you try, the luckier you are.

This text effect how to do, in fact also very simple.

STEP1:

Select a font with a thicker stroke, and then add a layer style: bevel relief, stroke, gradient overlay (style is symmetric, blending mode is soft).

STEP2:

When you are done, copy a layer, except the stroke, remove the other two layer styles, change the color of the text to the same color as the stroke, and then turn the smart object to do the projection.

STEP3:

Put the projection layer below the original text layer, perform filter-blur-Gaussian blur, adjust the position with the arrow keys.

STEP4:

Import the material map of the steel plate, put it above the text layer, turn the smart object, resize, and the text layer to create a clipping mask.

STEP5:

Finally plus the high light OK, it's done!

Tip: The production of highlights

Does this high light feel like a lens flare in a filter? Yes, that's what this filter does. A lot of students (including me before) are relying on the figure to get this effect, but it is difficult to see, until I found ...

We create a new layer, and as for all layers, fill the black. Perform a filter-render-lens flare, adjust the values and position, is this the case:

Don't worry, it's time to witness the miracle! We change the layer blending mode, and change to "color filter" ... The black wood has the Ah! magic! That's how it's done.

　Conclusion:

The end of the tutorial, how, Wolf Brother did not cheat you, I really lazy. Ho hahaha ~ ~ But as the saying goes, the uncle led the door, self-cultivation by individuals. I speak so detailed, it seems to have no use AH, because those are my own figure out, which specific values for everyone does not help. Only the experience that you think and try out is what you really have. This is like playing games, I put the equipment to you, your experience is not to follow, this equipment you can not use Ah, is it? (Passerby A: You are lazy to write a lazy write ah, find wool excuses Ah!)

Narrator: If you really do not understand the place, you can ask me in the group, or private chat can do. I am in 1, 2, 3, 5 Group and everybody discuss together. Thanks @ Huang Se7en classmate help me revise this article, thank you!

Category:

• PS Mouse Painting Tutorial