Sunday, October 24, 2010

Photoshop: create three-dimensional text



In this photoshop tutorial, we use light and shadow to make some of the most basic principles of text to produce a beautiful and majestic effect.

Light source

Before we begin this exciting photoshop tutorial, here is a light shining on a simple object diagram. This is a square in the middle of the object and light from the top left. You can see the light shining in the object's surface, while the other side had a shadow. Note that the patch of shadow projection is not a common style in Photoshop, that would make objects appear to float on the canvas. We hope that it looks like a three-dimensional object is fixed on the canvas. Well, let us begin, as seated in the same school class ....






photoshop tutorial Step 1

First of all, we have gray to dark gray canvas capped with a linear gradient, the direction from top left to bottom right, as mentioned earlier: our light in the upper left corner, so the more light the end of the gradient should be located in the upper left corner.






photoshop tutorial Step 2

Next, we type some text, I use a cool font, called the "Agency FB", gives a very compact, tough feeling, and then fill the font is gray blue, could be "# C2C8D4".






photoshop tutorial Step 3

Next, hold down the CTRL key and click the text layer (this step will have a constituency), and create a new layer. Constituency in the just generated, draw the bottom right corner to left by a linear gradient, gradient color # 495a79 to transparent. This will make the lower right part of the letter looks more dark.






photoshop tutorial Step 4

The foreground color set to black (you can press "D" to set the shortcut key);

Then hold down the CTRL key while you click the text layer and create a new layer is located below the text layer. Press down and right arrow keys to the first, and then press Alt + Backspace fills the black, and then down and right arrow keys once, and once again filled with black. This process was repeated thirty times, each time moving one pixel, so this is why the use of shortcut keys Alt + Backspace replace the fill tool to fill an important reason.

Also, note that when you use the arrow keys when the mobile constituencies rather than fill layers, so to keep the Marquee tool. When you switch to move tool when being moved will be the fill layer, rather than constituencies.






photoshop tutorial Step 5

Next, deselect, and determine the current is located in the shadow of the layers, using the filter / blur / Motion Blur, Angle value fill 45, a distance of 30 pixels.






photoshop tutorial Step 6

Merge all of the shadow layer, and set the opacity to 40%, then hold down SHIFT and press down and right direction keys, so every time a unit of 10 pixels for the shift (in the PS where, Shift key mean of 10 pixels per unit). This time, you will find the shadow of the post by the fuzzy filter will be part of the object beyond the top and left, use the soft side, a small excess part of the eraser tool to carefully erase the shadow (which can refer to our section further mentioned that when the chart).






photoshop tutorial Step 7

Then copy the shadow layer, hold down the Shift key and right again and move down 10 pixels, then use the offset is 50 pixels, 45-degree angle of the Motion Blur filter, set this layer opacity to 20%, Under the merger to, so you can make more realistic shadows.






Create a new layer above all layers in the present, hold down the Ctrl key to click the text layer Select all pixels, and then back to just fill the new layer on white. Do not abolish the constituency, the constituency are moving down and right 1 pixel, and then press the Delete key to delete.

Then set the opacity of this layer to 80%.






photoshop tutorial Step 9

As you can see, just the white side of the text block layer formed a high light area, making objects appear more three-dimensional.






photoshop tutorial Step 10

Then we have to create several beams of natural light. Create a new layer, located above all the layers, draw the approximate width of 4 or 5 rectangular white bars (can be gradually increased, as shown below).






photoshop tutorial Step 11

Then hold down the Ctrl + T to do free transform, rotate, stretch, as shown, when satisfied, press ENTER key to exit. But this step can be the first state in no hurry to quit transform the contrary, you can right-click pop-up menu bar, select the other transformation options in there. Select "Focus", to start this step can make the layer change has been out of state. Select the top and left two anchor points, making it more close, making like a rectangular white bars come out from the light distribution.






photoshop tutorial Step 12

As shown, we now have four beams, "white", put this layer on top of other layers, set the transparency of 20%, run Filter> Fuzzy> Gaussian blur, taking fuzzy values 6 pixels.






photoshop tutorial Step 13

After the above steps, you will see the effects as shown below.






photoshop tutorial Step 14

So far, it has been seen as four rectangular white bars of light, then, obviously, the diagram should only show the high part of the light layers, that have been touched by light to show up because the rest is not light shine Thus, it should be hidden 鎵嶅. Therefore, Ctrl and click the light layers, obtained constituency, remain the same constituency, return to high light some of the host layers, new mask, the outside part of the constituency will be kept up.






photoshop tutorial Step 15

In fact, here we have to end, as shown in the results look quite charming. But I would also like to add on this basis the effect of some warm inside.






First of all, above the original background layer to create a new layer, fill pink color - # 9d506c.






photoshop tutorial Step 17

Then change the layer blend mode for the pink color mode, reduce the opacity to 20%, given the background of a very comfortable feeling of warm red, on top of this, we can integrate some of the yellow.






photoshop tutorial Step 18

The next new one in the pink layer above the background, filling is white, use the filter> render> lighting effects. I am not a very common lighting effects, but in fact, a kind of good lighting effects with the effect called "two hour light", you can select the option to side on the left side of the preview window preview, of course, you direct reference to the default effect, but according to our purpose, we have to be stretched oval, making light of light emitted is more divergent and real.






photoshop tutorial Step 19

Now we have to put all the other layers light layers on top, and you will find some of the effect of layer was Zhecang living, such as shadow layer. The light layers opacity set to 40%, so as to ensure lighting effects not only have an effect on the background, but also on the text layer.






photoshop tutorial Conclusion

Finally, copy the top level of the light layers, and set the opacity to 65%, adding masks, and make the mask from the upper left to lower right of the linear black and white gradient, so just add a light layer to the right Under the direction of gradually disappear.

photoshop tutorial effect chart










相关链接:



XP and the INTERNET can not solve the time synchronization



OGM To MKV



ASP.NET 2.0 at the same time to prevent the same user login



FLV to PSP



"Nobunaga's Ambition 13 Heaven," the enemy in depth and around point reinforcements, Waste Chaim



Themes And Wallpaper BRIEF



OGM to MP4



Photoshop to create green landscape picture



IMINDMAP review



Hot Printer



Flash Audio Processing Assistant (2)



Audio Video Tools Expert



"Aion," summed up their experience With the bow trap star



Who stand up ANTI-MONOPOLY



Othee visual Description watchdog works



Flashing title BAR



No comments:

Post a Comment