Smoke On the wood
-
Upload
feri-ahmadi -
Category
Documents
-
view
225 -
download
0
Transcript of Smoke On the wood
-
8/7/2019 Smoke On the wood
1/30
Step 1
So here's the image we're going to be creating, it's a sort of Wild West wood sign with
some bullet holes for extra effect.
Step 2
First up, we need a wood texture. I used the excellent EveryStockPhoto search tool thatsearches a bunch of free stock image banks to find an image. We have to be particularly
careful here on PSDTUTS because of usage agreements and what not. This image is from
ImageAfter(SRC) who kindly allow you to use their images in commercial projects, yay!
http://www.everystockphoto.com/photo.php?imageId=275731http://www.imageafter.com/http://www.imageafter.com/http://www.imageafter.com/image.php?image=b4woods005.jpg&size=full&download=nohttp://psdtuts.s3.amazonaws.com/54_WoodText/final.jpghttp://www.everystockphoto.com/photo.php?imageId=275731http://www.imageafter.com/http://www.imageafter.com/image.php?image=b4woods005.jpg&size=full&download=no -
8/7/2019 Smoke On the wood
2/30
Step 3
So here's my lovely wood texture!
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
3/30
Step 4
First, we need some text. In a new layer, add your text in a nice brown color (#803508).The color is important because we're going to set it to Multiply to get a nice darkening of
the wood texture behind it.
The font I've used is Anatole Display SSi, it's kind of Western-looking without being too
over the top. Use whatever you please.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
4/30
Step 5
Basically, next I added a whole bunch of layer styles. Here's how it comes out; in the nextstep I'll show you all the styles I applied.
Before we get to the styles though, there are two settings you need to apply:
Set the Fill of the layer to 90%. (If you're not sure what Fill is, it's right below
Opacity. Opacity controls how transparent everything on the layer is, while Fillcontrols how transparent only the layer and not the layer styles are)
Set the layer blending mode to Multiply
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
5/30
Step 6
Ok there are a bazillion styles here. The main points to take away are:
Drop Shadow I've used the drop shadow in an unusual way here. It's set to puta 1px highlight on the bottom right. This is where the light (which in this example
we're going to have coming from the top left) hits the edge.
Inner Shadow I've used the inner shadow to make it seem like the text isstamped on to the wood.
Inner Glow This is used to give a general stamped-in look on top of the inner
shadow.
Bevel / Emboss I've used this to double-over the drop shadow highlight and
give it even more of an embossed feel.
Gradient Overlay This is used just to give a bit of variation in the color of theitem it's applied to.
And of course, if you're too lazy to copy that many styles, you can always buy the sample
PSD and just copy them :-)
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
6/30
-
8/7/2019 Smoke On the wood
7/30
Step 7
Now this is looking pretty good. One problem, though, is it's a bit too clean cut. It would
be nicer if the text looked a bit worn down. To do that, we'll apply a Displacement map.
Actually, we're going to do this step quite a few times over during the rest of the tutorial,
so it's quite important to learn (and quite simple).
Step 8
First, create a new file and paste in the wood texture. Press Ctrl+Shift+U to desaturate it
and then save it as Displacement.psd
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
8/30
Step 9
Now back on the main file, duplicate the Wanted text. Rasterize one copy by going toLayer > Rasterize > Type. Then set the other non-rasterized layer to 40% Fill. Then
switch it off for the time being so it doesn't get in the way. Now back to the rasterized
version, go to Filter > Distort > Displace and use values of 5 and 5 for the scale as shownbelow. Press OK and then it will ask you what file to use as the displacement map,
choose Displacement.psd from the previous step.
You can read a bit about displacement maps and how they work in this post at
Worth1000. They can be quite powerful. For our purposes, we're mainly using them toroughen up edges to match the background.
http://www.worth1000.com/tutorial.asp?sid=161117http://www.worth1000.com/tutorial.asp?sid=161117http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://www.worth1000.com/tutorial.asp?sid=161117http://www.worth1000.com/tutorial.asp?sid=161117 -
8/7/2019 Smoke On the wood
9/30
Step 10
Now we switch the other non-rasterized layer back on, and together they make a rougher-looking version of the original.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
10/30
Step 11
Now I wanted to add some shapes and more text to embellish my wanted text. I usedPhotoshop shapes like stars and added some extra text below. Then I just copied steps 4-
10 for each one.
The one difference is that because the objects/text is smaller, I adjusted the layer styles to
suit. So, for example, I made the inner shadow 1px instead of 3px for the distance, and soon.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
11/30
Step 12
So here we are. It's looking pretty cool already! But to make this image really kick, we'regoing to need a bit more bazoomph!
At this point, I selected all the layers so far except the background wood texture and
stuck them in a Layer Group and called it Wanted Text or something like that. The utility
of this is that I can now switch it on or off while doing the other parts of the imagewithout it getting in the way. I suggest you do the same.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
12/30
Step 13
So with the Wanted Text group switched off for the time being, it's time to make thebullet holes.
First, we create two new layers. On the lower one, we draw a largish circle of grey. Then
in the upper layer, we draw a smaller circle of black. You should have something like
shown.
The idea here is the black bit will be the actual hole, the grey bit is going to be the
roughed-up wood texture around the hole.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
13/30
Step 14
Now we need some neat layer styles to make this work. Here I've applied them already;in the next steps I'll show you the actual settings.
Note that the bullet-hole part is set to Normal and 100% Opacity / Fill, but the outer
circle is set to Screen, 100% Opacity, 30% Fill.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
14/30
Step 15
For the bullet hole part it's really simple, we use an Emboss with these settings. Note thatthe highlight I've used a beige color that I picked out of the wood texture so it would
match.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
15/30
Step 16
The back layer is more complicated. The main points to notice are:
I've used the Drop Shadow in the same way as with the text earlier (i.e. to create ahighlight) but much fainter this time
I've used Color Overlay to lighten it up
I've used the Gradient to make it seem indented
I've used Inner Shadow to generally make it seem depressed
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
16/30
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
17/30
Step 17
Now that we've got our main bullet hole, I suggest making a layer group out of it, then
duplicating this layer group. Because all our bullet holes need to look different, we need a
bunch of these and then we apply some randomizing stuff (like displacement maps and
wave distortions) to each of them, in turn, to make them different.
So duplicate the pair of layers. Then select the black hole layer and go to Filter > Distort
> Displace. Again use the same Displacement.psd as your map. This time I set the scale
to 10,10.
Step 18
Next, we select the back layer and apple a Filters > Distort > Wave transform. You mayneed to fiddle with the settings, as you don't want to distort it too much. I've never fully
understood the wave tool, I just move sliders around and press Randomize a lot until I getthe look I want ... makes you wonder if I should be teaching Photoshop really :-)
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
18/30
Step 19
After that, apply a Filters > Distort > Displace to this backing layer too. This time use ascale of 50,50 to make it really rough (see image).
Additionally, I found that because of the wood texture it actually looked best when I
placed the bullet holes on the natural grooves of the wood. You can see an example
below where I have the same bullet hole layers in two different places on the wood. Theright one looks more natural because it uses the texture to good effect.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
19/30
Step 20
Now we do this whole bullet thing a few times over. Make sure to move them around andthen use the displacement maps so that they come out differently. Also make sure to press
"Randomize" on the wave distortion so again they come out differently. Here's what I've
got now...
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
20/30
Step 21
One drawback to the current image is it looks flat, so it'd be a good idea to apply a bit oflighting and shadow. I put all the bullet layers into a Layer Group called Bullets, and then
in a brand new layer above all the others, we draw a Radial Gradient going from White to
Transparency as shown.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
21/30
Step 22
I then set that layer to Overlay and 50% Opacity, then duplicated it and set the duplicateto Soft Light and 50%. This gave me a nice subtle lighting as shown below.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
22/30
Step 23
Next, I duplicated the very back texture layer, pressed Ctrl+Shift+U to desaturate, placedit above all the other layers, then set the layer to Overlay and 40% opacity. This basically
ups the contrast on the image.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
23/30
Step 24
This is it so far already looking much better!
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
24/30
Step 25
Now create one more layer above the others and draw a Radial Gradient going fromwhite to black, looking something like this. You don't want too much black because that's
going to be the shadowy part.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
25/30
Step 26
We set this latest layer to Soft Light and 50% Opacity, and finally we have a nice lightingeffect. All of a sudden our image is really coming to life.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
26/30
Step 27
We have one last mission, and that is to add smoke! For this effect we're going to use thesmoky effect from my previous Slick Supernatural Text Effect tutorial.
First create a new layer and with a small soft brush, just draw in some wavy lines like
shown.
http://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpghttp://psdtuts.com/text-effects-tutorials/a-slick-supernatural-text-effect/ -
8/7/2019 Smoke On the wood
27/30
Step 28
Next, we go to Filters > Distort > Wave and mess about to make a nice wave distortion.When that's done we press Ctrl+F to redo the same filter (the wave) again a couple of
times to make it look even more distorted. Occasionally use the eraser to erase bits that
are looking weird.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
28/30
Step 29
Basically, we repeat those steps over a few times, fade out the layer, do it again withanother one, and you'll get some small smoky waves like this.
Just keep going and make a bunch more to add to the other bullet holes. You can learn a
bit more about the effect in the supernatural tutorial that I linked to earlier.
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
29/30
Final Image
And voila! One awesome Wild West Photoshopped-to-the-max image. Hope you enjoyedthe tutorial and learned something useful, or failing that, at least found out where to get
good wood textures :-)
http://psd.tutsplus.com/tutorials-effects/how-to-put-smokin-bullet-holes-and-a-wanted-sign-into-a-piece-of-wood/final.jpg -
8/7/2019 Smoke On the wood
30/30
http://psdtuts.s3.amazonaws.com/54_WoodText/final.jpg