{"id":256,"date":"2010-08-23T08:15:31","date_gmt":"2010-08-23T12:15:31","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=256"},"modified":"2010-08-23T08:15:31","modified_gmt":"2010-08-23T12:15:31","slug":"flaming-text-effect","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/flaming-text-effect\/","title":{"rendered":"Flaming text effect"},"content":{"rendered":"

So let\u2019s start with a new document of 3300 px width and 2336 px height at 300 resolutions. I created large document because I wanted to print it on A4 size.\ufeff<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-257\"\r\n <\/div><\/a><\/p>\n

Press U and select rectangle tool and create a rectangle of document size and apply gradient overlay with colors 890000 & ffb400. Now select transform tool and increase rectangle size from document size to 4515 px width and 3196px height.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-258\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-259\"\r\n <\/div><\/a><\/p>\n

Duplicate the rectangle and apply 10% transparency with normal mode. Your gradient will automatically transform and results will be like this.<\/p>\n

Now select type tool and write letter \u201cH\u201d. Font is your choice but I used here font Akashi of 180 pt weight. Go to the layer style option and reduce the Fill Opacity to zero in Advanced Blending. Now apply these layer styles.<\/p>\n

Gradient overlay: color c00000 & ec7272<\/p>\n

Inner glow: color fba8a8, opacity 76%, blending mode screen.<\/p>\n

Inner shadow: color ffc7c7, 65% opacity and size 13px.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-260\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-261\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-262\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-263\"\r\n <\/div><\/a><\/p>\n

Now duplicate the letter H and name it emboss. Remove all layer style and fill opacity to 100%. Shift it slightly right and down to give it emboss look. Now ctrl + click on text layer \u201cH\u201d and press delete to remove unwanted area.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-264\"\r\n <\/div><\/a><\/p>\n

Ctrl + click emboss layer, right click and click on \u201cMake Work Path\u201d. Now select direct selection tool by pressing A and select anchor points. Adjust them and fill it with color d90000 to give it a real 3d look.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-265\"\r\n <\/div><\/a><\/p>\n

Now isolate all the faces of emboss layer like right face, bottom faces, and apply these layer style.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-266\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-267\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-268\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-269\"\r\n <\/div><\/a><\/p>\n

Apply layer style same as in step 5 here.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-270\"\r\n <\/div><\/a><\/p>\n

Now select the bottom of letter H and apply gradient overlay same as in step 5 with 90 degree angle.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-271\"\r\n <\/div><\/a><\/p>\n

Repeat step 3,4,5,6 & 7 in letter O and T. The result will look like this.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-272\"\r\n <\/div><\/a><\/p>\n

Merge all layers of text HOT and name it hot. Change its blending mode to overlay. Duplicate the HOT layer and change blending mode to darken name it HOT 1. Duplicate this HOT1 layer.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-273\"\r\n <\/div><\/a><\/p>\n

Ctrl + click HOT1 layer, select a soft brush of color black and size 100 px and paint the shadow of text considering the source of light on top left. Change its opacity to 10% and blending mode to multiply.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-274\"\r\n <\/div><\/a><\/p>\n

Now ctrl + click letter H, O, and T and save this selection to HOT and apply layer mask. Create new layer & name it shadow, load selection HOT and fill it with black color. Apply motion blur of -36 degree and decrease its opacity to 25% with multiply mode.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-275\"\r\n <\/div><\/a><\/p>\n

Copy HOT layer and change its blending mode to dissolve. Create a new Hue\/Saturation adjustment layer with setting; Hue 6, Saturation 3, Lightness 0. Create clip mask by pressing alt + click on between the adjustment layer & HOT layer.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-276\"\r\n <\/div><\/a><\/p>\n

Duplicate HOT layer again and keep it on top go to Filter gallery choose Reticulation filter with these settings:<\/p>\n

Density: 3
\nForeground Level: 40
\nBackground Level: 5<\/p>\n

Change its blending mode to soft light. Name it R filter.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-277\"\r\n <\/div><\/a><\/p>\n

Looks good! Now select brush of 15 px size and 100% hardness, press F5 to access brush option and increase size jitter to 100% on Shape Dynamics. On the scattering option keep scatter 90%. Now click layer mask button bottom to layer pallet. Click on the layer mask, choose black color and hide the area where we\u2019ll burn it.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-278\"\r\n <\/div><\/a><\/p>\n

Create a level adjustment layer below R filter layer with these settings.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-279\"\r\n <\/div><\/a><\/p>\n

Click on layer mask, press ctrl + I. It will mask everything; now select a soft brush of size 20, color white, and opacity 70% and paint around hidden areas of R filter layer. Now ctrl + click on R filter layer and hide selected area. The result will look like this.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-280\"\r\n <\/div><\/a><\/p>\n

Add layer mask to HOT layer and hide the area outside burned texture. This will give a warmer feel to the text inside burning texture.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-281\"\r\n <\/div><\/a><\/p>\n

It\u2019s time to add some fire on it. <\/a> Drag images into document and change color mode to screen and duplicate image twice to get desired result.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-282\"\r\n <\/div><\/a><\/p>\n

We\u2019re near to complete. Now it\u2019s time to add some finishing. Create a new layer select gradient tool and use colors cb0b0b, f89d9d and f2acac. Add noise of 3px, monochromatic, distribution Gaussian. Keep color mode to multiply. Add layer mask and mask areas around text HOT by a smooth brush.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-283\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-284\"\r\n <\/div><\/a><\/p>\n

Create a level adjustment layer with these settings. Now we are facing a problem that is letter H & O is darker then T. To fix this problem add layer mask and hide area of H & O by painting soft 70% opacity brush.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-285\"\r\n <\/div><\/a><\/p>\n

Create curve adjustment layer with input 84 and output 100.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-286\"\r\n <\/div><\/a><\/p>\n

Now create another level adjustment layer with these settings and name it level 2.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-287\"\r\n <\/div><\/a><\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-288\"\r\n <\/div><\/a><\/p>\n

Nearly finished the whole effect but not looking very impressive right? Ok, apply layer mask to \u201clevel 2\u201d adjustment layer, select large soft brush with color black and hide the area around fire. This will add life to the scene because we added fire\u2019s light refracted on text and texture.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-289\"\r\n <\/div><\/a><\/p>\n

That\u2019s the tutorial finished! I hope you\u2019ve enjoyed it and learns something useful. Click on the image below if you would like to view the full sized final image:<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-290\"\r\n <\/div><\/a><\/p>\n

That\u2019s all friends!<\/p>\n","protected":false},"excerpt":{"rendered":"

So let\u2019s start with a new document of 3300 px width and 2336 px height at 300 resolutions. I created large document because I wanted to print it on A4 size.\ufeff Press U and select rectangle tool and create a rectangle of document size and apply gradient overlay with colors 890000 & ffb400. Now select […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-256","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-photoshop-tips"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=256"}],"version-history":[{"count":2,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/256\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/256\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}