burnt wood text effect - photoshop tutorial

Upload: henricuseramawanto

Post on 13-Feb-2018

222 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    1/18

    Advertise Here

    Burnt Wood Text Effect Photoshop

    Tutorial

    Posted by Chris Thurmanon Mar 2nd

    In this photoshop text effect tutorial well be creating a grungy,

    burnt wood text treatment. Well go over some basic blendingmodes and use some filters and layer styles to create a look that

    would be perfect for a Hollywood movie poster.

    In this photoshop text effect tutorialwell be creating a grungy, burnt wood text treatment. Well go over

    some basic blending modes and use some filters and layer styles to create a look that would be perfect for

    a Hollywood movie poster .

    Looking for more photoshop text effects? Check out this Graffiti Text Effect Tutorial

    Final Image Preview

    Our finished product will be a nice burnt wood text treatment cleared out of a charred and smokey piece ofaged wood.

    https://buysellads.com/buy/detail/20563/zone/1263326?utm_source=site_20563&utm_medium=website&utm_campaign=adhere&utm_content=zone_1263326https://buysellads.com/buy/detail/20563/zone/1263326?utm_source=site_20563&utm_medium=website&utm_campaign=adhere&utm_content=zone_1263326http://www.visualswirl.com/tutorials/tutorial-burnt-wood-text-effect-photoshop/http://www.visualswirl.com/tutorials/graffiti-text-effect-photoshop-tutorial/http://www.visualswirl.com/author/chris/http://www.visualswirl.com/tutorials/tutorial-burnt-wood-text-effect-photoshop/https://buysellads.com/buy/detail/20563/zone/1263326?utm_source=site_20563&utm_medium=website&utm_campaign=adhere&utm_content=zone_1263326
  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    2/18

    Gathering Materials

    Just a couple of downloads required for this tutorial. And theyre both free:

    Wood textureby Beyond-Oddities (available at Deviant Art)

    Rough Edges brush packfrom Brusheezy

    Step 1

    The first thing we need is the background texture. Im using a roughed up wood imagecreated by Beyond-

    Oddities. Open the texture in photoshop. I resized my texture to 1200800 for a more manageable file size.

    http://beyond-oddities.deviantart.com/art/Local-Texture-Three-by-One-77137822http://www.brusheezy.com/brush/639-Rough-Edgeshttp://beyond-oddities.deviantart.com/art/Local-Texture-Three-by-One-77137822http://vvb961nrfaq3b2ysa1aohurk7.wpengine.netdna-cdn.com/wp-content/uploads/2010/02/step19.jpg
  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    3/18

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    4/18

    Were going to work our way from the outside inwards. Lets first create the singed effect surrounding the

    actual text. Command+Click the Text Layer to Make a selection of the outline of the text.

    Step 4

    From the Select Menu choose Modify > Expand. Expand the selection by 25px.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    5/18

    Step 5

    Create a new layer (singed) with this layer selected fill the selection with a dark gray (#222222). This will

    be used for the singed area around the burn text.

    Step 6

    Now we need to bring some life to the singe with a few filters. First clear the selection by pressing

    Command+D. With the singed layer selected, choose Filter > Blur > Gaussian Blur. Add a 1.8 Radius

    Gaussian Blur. This will help take away the hard edge.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    6/18

    Step 7

    Next we need to add some variation with a wind effect. With the singed layer still selected, choose Filter >

    Stylize > Wind. Set the direction to from the left.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    7/18

    Step 8

    Apply the same filter, this time with the direction from the right. Now we have a nice grainy look to

    complement the burnt text.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    8/18

    Step 9

    Change the blending mode of the singe layer to Color Burn and set the opacity to 30%. We just want the

    hint of burning.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    9/18

    Step 10

    Now lets focus on the main text. Change the blending mode of your text layer to multiply. Now you can start

    to see our burn effect.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    10/18

    Step 11

    Lets add an inner glow to emphasize the burn. Double click the layer to bring up the layer styles. Select

    inner glow and apply the following settings:

    Blend Mode: Multiply

    Opacity: 60%Color: #111111

    Size: 21px

    Step 12

    Now weve got nice burned in text but it still looks to clean. Were going to add some textured roughness to

    the edges. Add a vector mask to the text layer by clicking on the add vector mask at the bottom of the

    layer panel.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    11/18

    Step 13Download and open the Rough Edges brush setfrom Brusheezy.

    http://www.brusheezy.com/brush/639-Rough-Edges
  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    12/18

    Step 14

    Choose the 433 horizontal brush. With the layer mask selected and black set as your primary color,

    roughen up the edges of the text.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    13/18

    Step 15Rotate the brush and continue around the edges until you have a nice roughed up burn.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    14/18

    Step 16

    Lets finish up by adding a charred effect to the background. Set your foreground color to black and your

    background color to white. Create a new layer called charred. Go to Filter > Render > Clouds. Set the

    blending mode of this new layer to Multiply.

    http://vvb961nrfaq3b2ysa1aohurk7.wpengine.netdna-cdn.com/wp-content/uploads/2010/02/step15b.jpghttp://vvb961nrfaq3b2ysa1aohurk7.wpengine.netdna-cdn.com/wp-content/uploads/2010/02/step15.jpg
  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    15/18

    Step 17

    With the charred layer selected, grab a large, roughed up eraser and clean up the area around the text.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    16/18

    Step 18

    Lets make the entire image pop. Create a new Levels adjustment layer (Layer > Adjustment Layer >

    Levels). Set the Black input level to 15 and the white input level to 223.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    17/18

    Final Image

    And were done. A smokey burnt text treatment ready for your next project. I hope you enjoyed this tutorialand maybe picked up a technique or two. Let me know what you think in the comments below.

  • 7/23/2019 Burnt Wood Text Effect - Photoshop Tutorial

    18/18

    You may also like: