页面载入中...

Photoshop设计火焰燃烧艺术字教程【英】

xingphotoshop, 2018-01-090
 来源: Tutsplus  作者: RosePyrophobia is an inordinate fear of or hatred of fire. This tutorial will show you how to use Photoshop's Flame filter, along with some flame, smoke, and spark image textures as well as blending options, filters, and adjustment settings, to create a blazing, fiery text effect. Let's get started!先看看效果图Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网1. How to Create Background and Text LayersStep 1Create a new 1200 x 850 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Solid Color, and use the Color #1e100c.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Create the text in All Caps using the font Aller Light. Set the Size to 350 pt and the Tracking to 100.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网2. How to Create a Stroke Path and LayerStep 1Right-click the text layer and choose Create Work Path.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Hide the text layer by clicking the eye icon next to it, and create a new layer with the name Stroke Flames.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网3. How to Use the Flame FilterStep 1Go to Filter > Render > Flame, and click OK if you get a message telling you that the path is long.Next, you'll be playing around with the different options and settings' values to stroke the path with flames, until you get an outcome you like.The values used here are:BasicFlame Type: 2. Multiple Flames Along PathLength: 115Check the Randomize Length box.Width: 35Interval: 50Check the Adjust Interval for Loops box.Quality: High (Slow)Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网AdvancedTurbulent: 35Jag: 20Opacity: 50Flame Lines (Complexity): 29Flame Bottom Alignment: 20Flame Style: 2. ViolentFlame Shape: 5. PointingCheck the Randomize Shapes box.Click OK to apply the filter. It might take some time, so just wait a little bit for it to be rendered.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2When you like the outcome, pick the Direct Selection Tool (A) and hit the Return key to get rid of the work path.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网4. How to Create a Texture Overlay LayerStep 1Create a new layer on top of the Stroke Flames layer, name it Flame Texture, and fill it with White.Make sure to set the Foreground and Background Colors to Black and White.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Right-click the Flame Texture layer and choose Convert to Smart Object.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Right-click the Flame Texture layer again and choose Create Clipping Mask.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 4Go to Filter > Render > Clouds.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网5. How to Create a Texture Using FiltersStep 1Go to Filter > Filter Gallery to apply the following Filters:Sketch > Bas ReliefDetail: 13Smoothness: 3Light: BottomPhotoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Click the New effect layer icon in the bottom right corner to add another filter, and apply Bas Relief with the same values again.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Add another new effect layer.Brush Strokes > SpatterSpray Radius: 10Smoothness: 5Click OK when done.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网6. How to Adjust a Layer's Blending OptionsStep 1Change the Flame Texture layer's Blend Mode to Soft Light.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Double-click the Flame Texture layer to adjust its Blending Options. We are going to adjust the This Layersliders under the Blend If section.Press-hold the Option key, and click-drag the right slider to split it. As you move the slider's ends, you'll notice how the texture starts to blend better with the flames.What this slider does is prevent the lighter areas of the texture from interacting with the content below it.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Try different values until you like the outcome.We will get back to the texture at the end of the tutorial to blur it, so you can also modify the values some more then.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网7. How to Add Flame ImagesStep 1Use any of the flame images from the Flames0032, Flames0036, and Flames0043 sets to add to the text.It is better to add the images as Smart Objects so that you can apply changes to them non-destructively.To do so, go to File > Place Linked, and open the image you want to add.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Change the image layer's Blend Mode to Screen.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Press Command-T to enter the Free Transform Mode, and move, resize, and rotate the image to place it over a part of the text.Hit the Return key to commit the changes.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 4Go to Image > Adjustments > Hue/Saturation, and change the Hue to 3 and the Saturation to -35, or use any other values to match the color of the image's flame with the stroke's flame color.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网8. How to Add More FlamesStep 1Place another flame image over another part of the text, change its layer's Blend Mode to Screen, and transform it as needed.To duplicate the adjustments, expand the first flame image layer's filter list, press-hold the Option key, and click-drag the Smart Filters tab to the newly added image layer.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Repeat the steps to add as many flame images as needed to the text.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Place all the flame image layers in a group and name it Flames.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网9. How to Add Light Smoke ImagesStep 1Add any of the smoke images you like as a Smart Object, and change its layer's Blend Mode to Screen.Place the smoke image over a part of the text, and transform it as needed.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Press Command-U to adjust the Hue/Saturation. Check the Colorize box, and change the Hue to 215, the Saturation to 25, and the Lightness to -60.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Double-click the smoke image layer to adjust its Blending Options. This time, we are going to adjust the Underlying Layer sliders under the Blend If section.Press-hold the Option key, and click-drag the right slider to split it. As you move the slider's ends, you'll notice how the smoke image starts to blend better with the text and the background.What this slider does is protect the lighter areas of the text from being affected by the smoke texture.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 4Right-click the smoke image layer and choose Copy Layer Style.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 5Add more smoke images to the text, and for each new image you add, right-click its layer and choose Paste Layer Style.You can also duplicate the Hue/Saturation adjustments the same way you duplicated them for the flame images.Double-click the Hue/Saturation tab under the Smart Filters list to use different values depending on the image you add and the effect you want.Repeat the same steps until you like the outcome.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 6Place all the smoke image layers in a group and name it Smoke, and change the group's Opacity to 85%, or any value you like.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网10. How to Add Heavy Smoke ImagesStep 1We are going to add more smoke images to create more depth.So add a new smoke image, change its layer's Blend Mode to Lighter Color, place it over any part of the text, and transform it as needed.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Add a few more smoke images using the same Blend Mode, and keep them a little bit smaller in size than the lighter ones.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Place all the new smoke image layers in a group and name it Smoke 02, and change the group's Opacity to 50%, or any value you like depending on the effect you want.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网11. How to Add SparksStep 1Place one of the Fireworks0023 images over any part of the text, change its layer's Blend Mode to Linear Dodge (Add), and transform it as needed.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Repeat the same steps to add more sparks all over the text.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Place all the spark image layers in a group and name it Sparks.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网12. How to Create an Outer GlowStep 1Press-hold the Option key, and click-drag the Stroke Flames layer downwards to create a copy below the original.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Rename the copy layer to Glow, right-click it, and choose Convert to Smart Object.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Go to Filter > Blur > Gaussian Blur, and set the Radius to 25.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 4Change the Glow layer's Blend Mode to Hard Light and its Opacity to 25%.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网13. How to Add Smoke to a BackgroundStep 1Place a new smoke image on top of all layers and change its layer's Blend Mode to Screen.Resize the image to fill one side of the document.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2Press Command-U to adjust the Hue/Saturation. Check the Colorize box, and change the Hue to 215, the Saturation to 25, and the Lightness to -83.Keep in mind that these values are the ones used in the tutorial, but you can always tweak them to suit your work and images.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Go to Filter > Blur > Gaussian Blur, and set the Radius to 6. The aim here is to create a subtle foggy effect all around the text.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 4Repeat the same steps to add a couple more smoke images.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 5You can also add some more behind the text.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网14. How to Add a Background TextureStep 1Place the Fireworks0017 - Image 2 texture on top of the Solid Color layer, and change its layer's Blend Mode to Linear Dodge (Add) and its Opacity to 50%.Transform the texture as needed to fill the background.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 2If you want to get rid of any parts of the texture, click the Add layer mask icon at the bottom of the Layerspanel, and make sure to select the mask's thumbnail.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Step 3Set the Foreground Color to Black, pick the Brush Tool, and choose a soft round tip. Paint over any areas you want to erase.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网15. How to Apply Final AdjustmentsStep 1Click the Create new fill or adjustment layer icon at the bottom of the Layers panel and choose Color Lookup.Choose FoggyNight.3DL from the 3DLUT File menu, and change the layer's Opacity to 10%.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网AdvertisementStep 2Select the Flame Texture layer, and go to Filter > Blur > Gaussian Blur and set the Radius to 3 so that the texture is not as harsh.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网Congratulations! You're DoneIn this tutorial, we created a text work path and stroked it with flames using the Flame filter. Then, we started adding flame, smoke, and spark image textures to build up the effect. We also used blending options, filters, and adjustments to better blend everything together. Finally, we added the background and some finishing touches to finish off the effect.Please feel free to leave your comments, suggestions, and outcomes below.Photoshop设计火焰燃烧艺术字教程【英】,PS教程,利发国际网 

分享:
设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描 相应二维码打赏设计原,赏金将全部用于网站建设 微信
利发国际