| Author |
Message |
|
| Jonas M. Rogne |
 Posted: Wed Oct 24, 2007 9:39 pm |
 |
|
Moderator
Joined: 27 May 2007
Posts: 176
Location: Norway
|
Adding texture
This tutorial will show you a way to easily add texture to your images for a "distressed" or worn look. I recommend experimenting with different types of textures.
The result will be these two images:
CLICK AN IMAGE FOR LARGE VIEW!
If you want to follow this tutorial more closely, download this source file (from step 3).
The file might require CS3, but the tutorial itself works with older versions.
- First I make a new document (750x225).
- Add a new fill layer and choose a nice colour.
- I then place an illustrator file I have prepared with my artwork (File > Place...) It will be linked as a smart object.
Tip: Hold down shift when scaling to keep proportions. Also hold down Alt to scale from the middle.
- Now we need to prepare the texture. For this example I download this free texture from http://mayang.com/textures/ and open it in Photoshop. Crop off the text at the bottom.
- Next I remove the colour by desaturating the image.
- Next we need to increase the contrast to bring out the texture. To do this I add a curves adjustment layer:
- Then adjust the contrast until happy. I chose to simply move the black and white point closer together like in the image. Make white the dominant color for this example.
- We now have our texture. Select all (apple-a / ctrl-a / Select>All)
- Next choose Edit>Copy Merged (apple-shift-c / ctrl-shift-c).
- Now we go back to the artwork and choose Edit>Paste (apple-v / ctrl-v).
- The new texture is too big, so we will have to scale it down. To allow us to scale it up/down without loosing quality, right-click (ctrl-click on a mac without proper mouse) on the layer and choose "convert to Smart Object".
- With a selection tool or something similar, right-click the image and choose "Free Transform". You can also choose it from the Edit menu or by pressing ctrl-t/apple-t.
- Scale down to cover the artwork. Remember to hold down shift when scaling to keep proportions!
Now it is time to choose what effect you want; stained or flaked paint (or both).
Stained
- To get the "dirty" look shown at the before the tutorial hold down the alt-key and click between the layers. You will see the mouse pointer change. You can also go to Layer>Create Clipping Mask (with the top layer selected).
- To blend it with the artwork set blending mode to multiply, and lower the opacity a little. Voilą!
Flaked paint
- Ok, we're back at the step where we're done scaling down the texture.
- To do make the effect we must turn the texture into a layer mask. Unfortunately you can't use a smart object as a mask (yet) so we will have to rasterize it. There are two ways of effectively turning a black/white image into a mask, in this example we will use a quick and dirty method.
- Choose Select>Color Range...
- Click a white spot in the image (or black if that for some reason is your dominating colour). Set Fuzziness to max (200). Ok.
- The area you want to retain is now selected. Hide the dirt layer, and select the logo layer.
- In the layers palette click "Add Layer Mask". This will create a mask based on the selection. Voilą!
Please contact me if you see any mistakes or have questions. |
_________________
www.rognemedia.no - Grafisk design / Graphic design
http://chain.deviantart.com |
|
| Back to top |
    
|
| Jonas M. Rogne |
| Posted: Wed Oct 24, 2007 9:43 pm |
|
|
|
Moderator
Joined: 27 May 2007
Posts: 176
Location: Norway
|
|
| Back to top |
|
| xinxinyang |
| Posted: Thu Oct 25, 2007 9:43 am |
|
|
Joined: 27 May 2007
Posts: 27
|
|
| Back to top |
|
| Jonas M. Rogne |
| Posted: Mon Oct 29, 2007 8:43 pm |
|
|
|
Moderator
Joined: 27 May 2007
Posts: 176
Location: Norway
|
|
| Back to top |
|
|
|
