Worn Look Tutorial
In this tutorial we will take a look at creating one of those small details which can really make a design. Once you have read this tutorial it is our hope that if you ever have to create a "grundgy" looking design you will automatically adopt this technique for areas of it. We are going to take a look specifically at applying rough texture to type but the way in which we do this can also be applied to imagery, logos and anything else that may need to look worn out or distorted.
This is a simple technique but one we have found must useful to know about as it gives you another card to play in a creative brief. Also we hope that this tutorial sparks off other ideas and that others can write in and let everyone know about how they create worn out graphics
For this little exercise you will need a computer, vector and bitmap software (we suggest Adobe Illustrator and Photoshop), an old fork or blunt instrument, and a scalpel or sharp knife.
First start by creating your desired text - we have done this text using Adobe Illustrator but any package will do. We are going to transform this clean vector type on the left, into the worn grungy vintage looking text on the right. It is always important to keep in mind the end result in projects like this, as the text still needs to be legible (unless you really want to go wild!). Have a think about which areas could do with more of a worn appearance then others. The last thing you want is to have to redo it from scratch when you realise that you've completely destroyed a word.
So print out the text you have created. The better the paper the easier to wear it down without it tearing it. We have used quite light weight paper in this tutorial (80gsm) because this is most common but would recommend higher. Card is really good because you can scrape the ink away from the top and still have paper underneath.
We always find that using a combination of techniques as always better then simply using one on its own. In this case we will start with some defined scratches and then give a worn look a little later.
Use the scalpel to add scratches. Don't overdo it and try not to actually cut the paper - what we are aiming for is to simply take away the surface of ink. After a few minuets the piece should start taking shape. Now to wear it out!
Time to go to town. Use your blunt instrument (We've used a fork) to take away the top surface of the ink in key places. Change the areas in which you do this and try to make it look as natural as possible. If you do put holes in the paper don't worry - but try not to as we need to keep it in one piece. Try to make the result organic and natural looking - not manufactured and fake.
After a few minuets your results should look similar to the above. Go back in with the scalpel if you feel the need but make sure you don't over do it. Experience will tell you when enough is enough. So - now we have a pretty cool piece of artwork eh? We are not finished yet though - one last thing remains.
Scan it in (see image on the left) then use brightness, contrast and the levels in Photoshop to give it the effect on the right hand side.
The brightness and contrast can be found in from the top level Photoshop menu. go to "Image" > "Adjustments" > "Brightness/Contrast". It really "does what it says on the tin" and if you find it a little too primitive finish your effect off using the levels palette ("option" and "L"). Have a play with the sliders - what you really want to be doing is bringing the arrows to the foot of the "hills".
Now we are there! We have created a worn and vintage looking text in under 15 minutes!
I hope you would agree that the effect is very powerful and works well on a layer with the "multiply" effect on it. Try it.
So get creative and remember a computer is not the only thing you need to produce hot graphic styles. Sometimes going back to basics can bring some really interesting results...