{"id":2195,"date":"2017-07-03T10:37:16","date_gmt":"2017-07-03T10:37:16","guid":{"rendered":"http:\/\/isophal.info\/?p=2195"},"modified":"2017-07-03T11:43:46","modified_gmt":"2017-07-03T11:43:46","slug":"create-a-magma-hot-text-effect-in-adobe-photoshop-cc","status":"publish","type":"post","link":"https:\/\/isophal.com\/news\/2017\/07\/03\/2195.html\/","title":{"rendered":"Create a Magma Hot Text Effect in Adobe Photoshop CC"},"content":{"rendered":"<p>First of all Open The &#8220;Background Texture&#8221; with Photoshop, then using the Type Tool (T) write your text. For this tutorial I`ve used the font Helvetica LT Std, but you can apply these techniques using any other font or shape.<!--more--> To achieve the same result as mine, create the text using the font Helvetica LT Std. In the Character panel Window &gt; Character, change the Size to 425 pt and the kerning to -25.<\/p>\n<p>The following assets were used during the production of this tutorial.<\/p>\n<ul>\n<li><a href=\"http:\/\/www.morguefile.com\/archive\/display\/679833\">Smoke photography<\/a><\/li>\n<li><a href=\"http:\/\/www.cgtextures.com\/texview.php?id=21894&amp;PHPSESSID=q1r1fmao9uljgpkdvf2318pcn4\">Sparkles by cgtextures.com<span class=\"Apple-converted-space\">\u00a0<\/span><\/a>(choose image 1)<\/li>\n<li>Magma Texture (included in the download file)<\/li>\n<li>Background Texture (included in the download file)<\/li>\n<\/ul>\n<h2 class=\"nolinks\">Step 1<\/h2>\n<p>First of all Open The &#8220;Background Texture&#8221; with Photoshop, then using the Type Tool (T) write your text. For this tutorial I`ve used the font Helvetica LT Std, but you can apply these techniques using any other font or shape. To achieve the same result as mine, create the text using the font Helvetica LT Std. In the Character panel Window &gt; Character, change the Size to 425 pt and the kerning to -25.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_1.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 2<\/h2>\n<p>Note that the letter &#8220;D&#8221; is still a bit close to the letter &#8220;S&#8221;, to fix that, place the Type Tool cursor between the letters &#8220;D&#8221; and &#8220;S&#8221;, then change the Kerning value to -305. The distance between letters must be consistent.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_2.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 3<\/h2>\n<p>Double-click on the thumbnail of the Layer &#8220;PSD&#8221; to open the Layer Style panel. Apply these effects.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_3.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 4<\/h2>\n<p>Duplicate this Layer with Command\/Ctrl + (J), right-click on the Layer`s thumbnail and choose &#8220;Clear Layer Style&#8221;. This way the text below matches exactly the one above, and now we can add more effects.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_4.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 5<\/h2>\n<p>Place the &#8220;Magma Texture&#8221; into the document, behind the text, and modify it using the following Gradient Map. It is an Adjustment Layer that you can find under Window &gt; Adjustments. Apply this gradient only to the texture.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_5.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 6<\/h2>\n<p>Be sure the texture is just above the background in the Layers Panel, then change the Blending Mode of the Layer to Linear Dodge (Add) and its Opacity to 36%. This will intensify the colors and the details of the background. Erase the edges using a big soft Brush (B) with hardness 0%, to have the brighter area just below the Text.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_6.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 7<\/h2>\n<p>Select the two &#8220;PSD&#8221; Text Layers, right-click and choose &#8220;Convert into Smart Object&#8221;. Create a new Layer &#8220;Shadows&#8221; and with the use of the Brush Tool (B) add some shadows below the text: use a black Brush Tool (B) with hardness 0% and size around 280px.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_7.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 8<\/h2>\n<p>Now add some orange bright spots using again the Brush Tool (B), apply a Gaussian blur, change the Blend Mode to &#8220;Linear Dodge (Add)&#8221; and its Opacity to around 45%.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_8.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 9<\/h2>\n<p>Select the &#8220;PSD&#8221; Smart Object, Duplicate it, call it &#8220;Smudged Layer&#8221; and finally Rasterize it (right-click &gt; Rasterize). We`re going to blur the edges of the text, where is hot and burning. We`ll use the Smudge Tool (R), 30% strength, with a circular brush with hardness 0%. Smudge the edges like they\u2019re melting\/blurred.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_9.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 10<\/h2>\n<p>Continue smudging this Layer, follow the texture`s shape, don&#8221;t apply randomly. Use a bigger &#8220;Smudge&#8221; (R) for orange areas. Add some contrast with a &#8220;Curves&#8221; Adjustment Layer.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_10.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 11<\/h2>\n<p>Create a New Layer and with a black Brush (B), hardness 0%, draw some shadows over the text. Finally reduce the Opacity of this Layer down to 40%<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_11.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 12<\/h2>\n<p>Add some orange lights, the same way we previously created some shadows. This time set the blending options &#8220;Color Dodge&#8221; and we use a bright orange color. Use the Gaussian Blur under Filter &gt; Blur &gt; Gaussian Blur to get these soft initial tones.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_12.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 13<\/h2>\n<p>Add some highlights on top, paint with a soft white Brush, then set their Blending Options to Overlay<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_13.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 14<\/h2>\n<p>Now Place the<a href=\"http:\/\/www.morguefile.com\/archive\/display\/679833\"><span class=\"Apple-converted-space\">\u00a0<\/span>Smoke texture<\/a>, remove color by going to Image &gt; Adjustments &gt; Desaturate (Shift + Command\/Ctrl + U). Adapt it to the text by removing unnecessary parts using the Eraser Tool, and deforming with the Warp Tool (Command\/Ctrl + T). It`s very important to set the Blending Mode to &#8220;Screen&#8221; of every smoke image, to hide their blacks. Use also Levels (Command\/Ctrl + L) to increase or decrease the contrast and the Smudge Tool for final touches.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_14.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 15<\/h2>\n<p>Continue adding more photos of Smoke to the composition: deform and smudge, this part is mostly experimental. Continue experimenting until you get a satisfying result. Place this photo of<span class=\"Apple-converted-space\">\u00a0<\/span><a href=\"http:\/\/www.cgtextures.com\/texview.php?id=21894&amp;PHPSESSID=q1r1fmao9uljgpkdvf2318pcn4\">sparkles<\/a><span class=\"Apple-converted-space\">\u00a0<\/span>into the document.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_15.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 16<\/h2>\n<p>Switch the Blending Mode of the Sparkles Layer to &#8220;Color Dodge&#8221;, then using a Layer Mask delete the some areas, specially the ones outside the letters, because we don`t need as many.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_16.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Step 17<\/h2>\n<p>Below you can see the Layer Mask (on the left) and the final effect (on the right), with Sparkles Layer in Color Dodge Mode and with a Layer Mask applied to it. To view a Layer Mask Alt + click on its thumbnail.<\/p>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_17.jpg\" alt=\"\" \/><\/div>\n<h2 class=\"nolinks\">Final Image<\/h2>\n<div><img decoding=\"async\" src=\"https:\/\/cdn.tutsplus.com\/psd\/authors\/grant-friedman\/0819_Fire_final.jpg\" alt=\"\" \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>First of all Open The &#8220;Background Texture&#8221;&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38],"tags":[41],"class_list":["post-2195","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adobe-photoshop","tag-adobe-photoshop"],"_links":{"self":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/2195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/comments?post=2195"}],"version-history":[{"count":1,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/2195\/revisions"}],"predecessor-version":[{"id":2196,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/2195\/revisions\/2196"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/media\/2200"}],"wp:attachment":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/media?parent=2195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/categories?post=2195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/tags?post=2195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}