Page 1  |  Page 2  |  Page 3

Old Poster - viewed times

Page 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9


In this Photoshop tutorial we're going to create an old poster. The main purpose of this tutorial is to show you many different Photoshop techniques and a non-destructive approach by using many separate layers.
The photograph that was used can be replaced by any other photograph, so you might even think about using this Photoshop tutorial for posters or cards with friends or family involved.

The tutorial contains 11 different sections

  1. Create the basic shape
  2. Create stains
  3. Add texture
  4. Create a rough edge
  5. Add rips
  6. Darken edges
  7. Add some scratches
  8. Add folds
  9. Add text
  10. Add a portrait
  11. Add a bullet hole

We will make use of many clipped layers (I will explain their function at a later stage).
Several Photoshop techniques will be used to create things like texture, a rough edge, rips, folds, dirt, scratches, etc.
There is little painting involved using the brush, but only in restricted areas, since most will be done with effects.
You don't have to be an experienced painter to achieve descent results with this tutorial and the few moments that you have to use a brush I will show you with screenshots what the result should look like.

Important: some of the steps require some freehand random movements with the mouse (painting, burning, dodging). This will also mean that your results will never be exactly the same as mine. However if you use the images mainly as a guideline then you can't go wrong, at least that was my experience after testing the finished tutorial.

1. Create the basic shape

Open a new file, 800x600 pixels.

Click on the Create a new layer icon New layerin the layers palette to add a new layer and rename it Basic Shape by double clicking on its name.

Select the Rectangular Marquee tool Rectangular Marquee Tooland draw a rectangle like this:

Rectangular Selection


Double click on the foreground color in the tool bar marked with red in this screenshot:

Foreground Color

In the Color Picker window that opens enter the value EEE0C5 (beige) in the area marked with red.

Note: to save you time and to avoid mistakes, just copy/paste the number.

Color Picker Window

Click OK

Select the Paint Bucket tool Paint Bucket Tooland fill the rectangular selection with the current foreground color:

Filled Rectangular Selection

Select in the menu Select / Deselect to remove the current rectangular selection.

2. Create stains

In this section we're going to use Photoshop to add two random stains to our poster. You can paint them by hand using a brush, but I will show you that you can also use the clouds filter instead.

Change the foreground color again like we did previously but his time use a value of EECE93.

Click on the Create a new layer icon New Layer in the layers palette to add a new layer and rename it Medium Color by double clicking on its name.

Select the Paint Bucket tool Paint Bucket Tooland fill the layer with the current foreground color.

Clip this layer with the previous layer by pressing Ctrl+G (command + G on the Mac).

CS2 Note: If you use Photoshop CS2 you have to press Ctrl + Alt + G (Command + Option + G on the Mac) instead.

Layers Palette

Note: a layer that is clipped will only affect the pixels of the layer to which it's clipped (attached) and transparent areas will be ignored.

Add a mask to this layer by clicking on the Add layer mask iconAdd Maskin the layers palette.
Press the letter D on your keyboard to make your fore- and background color white and black.
Go to the menu and select Filter / Render / Clouds:

Layers Palette


Return to the menu and select Image / Adjustments / Levels...

Move each of the three sliders...

Levels Adjustment


...to the same location below the histogram (the sliders should overlap):

Levels Adjustment - Moved Sliders

It depends on your personal preference and the result of the clouds filter where you want that location to be.
Keep an eye on your document window to figure out which location gives you the preferred result. In my case I was happy with the following:

First stain added

Click OK.

This is how our layers palette looks like at this stage:

Layers Palette


Continue on the next page.

Page 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9
Home | Training | Reviews | Tutorials | Articles | Tips | FAQ | Links | Blog
Partner Sites
W3C XHTMLW3C CSSExplorerFirefoxOperaRSSRSS Valid