yangxcdl 2009-4-18 22:12
几个很强的PS教程
[align=left]Create a new layer and select the above mentioned brush of white color to draw a kind of ornament like that one from the next image:
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/45.jpg[/img]
The layer抯 parameters: [b]Blending mode-Overlay[/b]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/46.jpg[/img]
Create a new layer again and use on it the same brush used before for drawing several more elements of the same ornament, started at the beginning. The color is white.
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/47.jpg[/img]
Select the parameters from here for the layer: [b]Filter>Blur>Gaussian blur[/b]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/48.jpg[/img]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/49.jpg[/img]
Set the parameters from below for the same layer: [b]Fill 50%
[/b]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/50.jpg[/img]
Using the [b][color=#008000]Pen Tool (P)[/color][/b] and the[b] Convert Point Tool[/b] by turn, it抯 possible to represent three more elements on the ornament, having the color [b]#545E4E[/b]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/51.jpg[/img]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/52.jpg[/img]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/53.jpg[/img]
[img]http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial381/54.jpg[/img] [/align]A few days ago I took sometime to try some tutorials I read such as the really cool [url=http://psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/][color=#0000ff]Dramatic Text on Fire Effect in Photoshop[/color][/url] by Collis from PSDTUTS, and put some 3D typography ideas into practice. My idea was to create a 3D text with fire coming from the inside of the document like a hole.Step 1The first thing you will have to do is create the 3D text. To do that you can use Illustrator. It has a very nice 3D filter and it will work just fine.
Type the text you want and go to [b]Effect>3D>Extrude & Bevel.[/b] Change the [b]Position to Off-Axix Bottom.[/b] Then you just rotate the X,Y, and X Axis until you get the result you want. Follow the image below for reference. [i]Tip: It's very important that you select [b]Draw Hidden Faces. [/b]Otherwise Illustrator will not create some faces that will be very important for the end result.[/i]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_1.jpg[/img]
Step 2Now you will have to expand the 3D effect in order to select and change the color of the faces you want. Go to [b]Obejct>Expand Appearance. [/b]First select the top faces, and move them away. Then select just the outer faces and fill them with black.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_2.jpg[/img]
Step 3 - PhotoshopCreate a new document in Photoshop and fill the background with Black. Copy the 3D text without the top faces and paste it in Phothoshop. Position it in the middle of the document and reduce its size.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_3_-_Photoshop.jpg[/img]
Step 4With the [b]Magic Wand Tool (W) [/b]select the black faces and delete them.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_4.jpg[/img]
Step 5Go to [b]Images>Adjustments>Hue/Saturation[/b], change the color of the text to Orange.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_5.jpg[/img]
Step 6Make sure you have black and white for the background and foreground colors. Then go to [b]Filter>Render>Clouds[/b]... After that, resize the layer. Make it smaller just to cover the word. Then just change the [b]Blend Mode to Color Dodge[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_6.jpg[/img]
Step 7Now create a new layer on top of the others and fill it with black, then with the [b]Brush Tool (B)[/b] select a regular brush, very soft, like 0% hardness, and white for the color. Then just paint over some ares to make them brighter. (1-4)
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_7.jpg[/img]
Step 8Apply a Layer Style to the 3D word, use [b]Stroke[/b] with [b]1px Size, 40% Opacity and Black for the color.[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_8.jpg[/img]
Step 9Let's add a [b]Gradient Overlay[/b] to the background. It will be necessary in order to make some of the light effects work. Use [b]Radial [/b]for the [b]Style[/b] and use [b]Black and #412e1d(brown) for the colors.[/b]
[url=http://abduzeedo.com/images/Hell_of_Tutorial_in_Photoshop/Step_9_lg.jpg][img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_9.jpg[/img][/url]
Step 10Now duplicate the 3D layer and go to [b]Filter>Blur>Gaussian Blur use 30px for the Radius. [/b]Position this layer beneath the Hell layer.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_10.jpg[/img]
Step 11With the [b]Ellipse Tool(U) [/b]create an ellipse like the image below, then go to [b]Filter>Blur>Gaussian Blur. [/b]Use 70px for the Radius. After that, just change the [b]Blend Mode to Overlay.[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_11.jpg[/img]
Step 12Create a new layer on top of the Backgroud layer. Fill it with white and go to [b]Filter>Texture>Texturizer. [/b]Use [b]60% for Scaling, 15 for the Relief and Top for the Light. [/b]Change the[b] Blend Mode to Multiply.[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_12.jpg[/img]
Step 13Here I wanted to add a nice texture to the floor, so I used a wooden texture. You can find the one I used at [url=http://www.sxc.hu/photo/947335][color=#0000ff]http://www.sxc.hu/photo/947335[/color][/url]. Or you can check the Great Wood Textures at [url=http://abduzeedo.com/great-wood-textures][color=#0000ff]http://abduzeedo.com/great-wood-textures[/color][/url].
Paste the image in the document and resize it to make it cover the gradient area. Then go to [b]Edit>Transform>Distort.[/b] Move the vertices to apply a nice perspective to the wood. After that just change the [b]Blend Mode to Multiply.[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_13.jpg[/img]
Step 14 - FireNow let's create the fire. To do that I will use what I learnt from the awesome [url=http://psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/][color=#0000ff]Dramatic Text on Fire Effect in Photoshop[/color][/url] by Collis from [url=http://psdtuts.com/][color=#0000ff]PSDTUTS.com.[/color][/url] Basically we will get a photo of fire with flames and use the Warp tool to create different variations of the flame.
Download the image at [url=http://www.sxc.hu/photo/985088][color=#0000ff]http://www.sxc.hu/photo/985088[/color][/url] and paste it in the document. Make sure that it's in front of the other layes. Then with the [b]Eraser Tool (E) [/b]delete some areas. Also go to [b]Edit>Transform>Warp [/b]and distort the flame to get a nice effect. Then just change the [b]Blend Mode to Screen.[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_14_-_Fire.jpg[/img]
Step 15Create more flames using the same technique, you can even use the [b]Smudge Tool (R)[/b] to change the form of the flames.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_15.jpg[/img]
Step 16Create a new layer in front of the other layers and go to [b]Filter>Render>Clouds[/b]. Make sure you have selected Black and White for the Background and Foreground colors. Then you can resize the layer a bit to make the smoke smaller. With the [b]Eraser Tool (E) [/b]delete some areas and just leave smoke over the text. Then change the [b]Blend Mode to Soft Light.[/b]
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_16.jpg[/img]
Step 17Repeat the same thing as the previous step, this time however use [b]Hard Light for the Blend Mode. [/b]This step will create a more volumetric smoke to the image.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_17.jpg[/img]
Step 18Let's create the cracks on the floor. To do that let's use another image from sxc.hu, you can download it at [b][url=http://www.sxc.hu/photo/995884][color=#0000ff]http://www.sxc.hu/photo/995884.[/color][/url][/b] Place the image on the document and resize it to cover the gradient area. Then like we did before with the wood texture, go to [b]Edit>Transform>Distort.[/b] Distort the image until you get a nice perspective, then change the [b]Blend Mode to Multiply[/b].
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_18.jpg[/img]
Step 19This step might look complicated but it's not. Actually it's quite simple. Duplicate the crack layer and change the blend mode to Normal again. Go to[b] Image>Adjustments>Invert, then go to Image>Adjustments>Desaturate.[/b] This will invert the colors so what was once black will now become white and vice-versa. Now go to [b]Image>Adjustments>Levels[/b] and use [b]40, 1.00, and 226. [/b]
Right after that select the [b]Magic Wand Tool (W)[/b] and select the black part of the image. Then go to [b]Select>Similar[/b], Photoshop will select all the black from the layer. Then delete the blacks and you will have the cracks in white. Now just apply a Layer Style. Go to [b]Layer>Layer Styles>Color Overlay.[/b] Use [b]#ffba00[/b] for the color.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_19.jpg[/img]
Step 20Select the [b]Eraser Tool (E) [/b]with a big soft brush, use 0% hardness. Then start deleting the layer. Leave just a small area close to the word. After that go to [b]Filter>Blur>Gaussian Blur.[/b] Use a small [b]value 0.5%.[/b] Then the last thing here, move this layer 2 pixels left and bottom, so it will create a nice 3D effect.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_20.jpg[/img]
Step 21Here you can duplicate the yellow crack layer and apply a another gaussian blur, this time use a greater value and change the [b]Blend Mode to Color Dodge. [/b]If you want you can duplicate it one or two more times to make the effect brighter.
[img]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Step_21.jpg[/img]
ConclusionYou can add more cracks or change the flames, now it's up to you. The idea of this tutorial was to create an image using fire coming from hell, like a deeper place using 3D typography. It's basically a mix of tutorials and techniques. It's all about playing and looking on the web, there are really great tutorials out there.
[url=http://www.flickr.com/photos/azeected/2698135925/sizes/o/][img=600,744]http://www.abductit.com/files/tutorials/Hell_of_Tutorial_in_Photoshop/Conclusion.jpg[/img][/url][i]Click on the image to see a full preview[/i]
[[i] 本帖最后由 yangxcdl 于 2009-4-18 22:23 编辑 [/i]]
中区二排 2009-4-18 22:29
相当的专业,看来要想发精品的图,不是件容易的事情,值得收藏的佳作。
dada1216 2009-4-22 21:44
收藏了,有时间好好的学学,以前看过一些PS的书,但没有做火焰这么好的教材。
rnze1 2009-4-22 23:44
不错不错,很好啊,不过我不懂英文
只能下载中文的软件~
sambird 2009-4-24 04:32
我的哥啊。你是外国人吗?怎么全是外语啊。不懂不懂。:faint
色中魂 2009-4-24 05:59
很佩服.. 这些都是真正的强人啊.. 没有多年的苦功是做不到如此出神入化的地步的..
conanwhh 2009-4-24 11:17
完 对于新手的我 完全看不明白
不过下来漫漫研究了!!
邪风曲 2009-4-24 17:31
很强啊
一看就知道是高手
像我这样的菜鸟得好好学学
dxgah 2009-4-24 17:48
不过是英文,要是汉字就好了。英文也能看懂,不过有专业名词啊。看来学习他还要花点时间。谢谢楼主了,有时间一定要好好研究研究。~~~~`·`~~~~
calambre 2009-4-24 22:18
额 完全看不明白啊··阁下英文真是厉害- -! 图解不是很清楚
sdzbhdy 2009-4-27 01:43
说的是你东西啊。一点也看不懂啊,又谁看懂了所一下啊
mmhao705 2009-4-27 07:31
楼主,有没有全中文的这个软件呀,我看不懂这个英文的?
254307545 2009-4-28 16:51
怎么都是英文啊,学起来有点困难,楼主太厉害了,只有找人帮忙研究了
zzzyyyttt222 2009-4-29 06:52
强烈支持PS``` 就是软件是英文` 弄起来要费很大功夫`
chengxina 2009-4-29 11:36
晕倒,纯ENGLISH啊,楼主你太牛了,崇拜你啊,麻烦您给翻译下好不