In this tutorial, I’ll show you how to create a realistic IES (photometric) lighting effect. We’ll be using Photoshop CS4 as well as some free plugins and software. Let’s get started!

Final Image Preview

Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.

Tutorial Preparation

In order to complete this tutorial you’ll need the following software:

• Photoshop CS4
• Karbaras’s IES Generator 3 (Download)
• Richard Rosenman’s Grid Generator 1.7 Plug-in
• Cybia AlphaWorks Plug-in (Download)
• 1589835-nice.IES Profile (Download)

Prior to beginning the tutorial, make sure you have installed the Grid Generator and the AlphaWorks Photoshop plug-ins, and that you’ve downloaded Karbaras’s IES Generator (a standalone app) and the 1589835-nice.IES profile.

Step 1: Setting Up the Texture PSD

This PSD will serve as a place to create certain textures used in the final layout. I find it helpful to create textures in a separate document. It’s like a sandbox for experimentation.

Make a new document in Photoshop that is 1024px wide by 1024px high at 72dpi.

Set the foreground color to #34240f by clicking the topmost color swatch in the Tools palette and entering this number at the bottom of the Color Picker dialog box. Set the background color by the same method to #825826. Fill the “Background” layer with this color by pressing Command + Backspace.

Step 2: Making the Corkboard Texture

Now go to Filter > Distort > Glass. In the Glass filter dialog box, set Distortion to 15, Smoothness to 1, Texture to Frosted and Scaling to 100%. Click OK.

Go to Filter > Render > Fibers. In the Fibers filter dialog box set Variance to 8.0 and Strength to 47.0. You will probably need to click the Randomize button several times to get a texture that has an even distribution of Step 1’s foreground and background colors. The best way to get a feel for the overall effect is to reduce the magnification of the preview image by clicking the minus sign below it until the minimum is reached, in this case 16%.

When done, click OK. The result will be similar to this:

Now go to Filter > Distort > Glass. In the Glass filter dialog box, set Distortion to 15, Smoothness to 1, Texture to Frosted and Scaling to 100%. Click OK.

Name this layer “corkboard.” The result will be similar to this:

The corkboard texture is complete. Save the PSD as “textures.psd” but don’t close it.

Step 3: Setting up the Main Layout

Create a new document that is 500px wide by 300px high at 72dpi. These dimensions are arbitrary and meant for the tutorial only. Save this document as “main_layout.psd.”

Rename the “Background” layer to “floor_color” and fill it with #1a211c. This can be accomplished by setting the foreground color in the Tools palette to #1a211c and pressing Alt + Backspace.

Step 4: Bringing in the Corkboard Texture

Go back to the “textures.psd” document. Right-click the “corkboard” layer and select “Duplicate Layer…” from the contextual menu.

In the resulting dialog, name the copied layer “corkboard” and select “main_layout.psd” as the destination document.

Go back to the “main_layout.psd” document. The new “corkboard” texture layer should appear above the “floor_color” layer.

Step 5: Resizing and Repositioning the Corkboard Texture

With the “corkboard” layer selected in the Layers palette, press Command + T, the keyboard shortcut for the Edit > Transform > Scale command. In the Transform Tool Options palette click the Maintain Aspect Ratio icon (noted with a red arrow in the image below) between the width and height fields, and enter 75.00% for the width. Press Enter twice and the transform will be complete.

Clicking the “Maintain aspect ratio” icon ensures that the layer will be scaled equally in both directions. Alternatively, 75.00% can be entered in both fields without clicking the icon; the result would be the same.

The scaling operation will cause the texture layer to shift out of position so that it’s located awkwardly in the lower right of the layout. With the “corkboard” layer selected, use the Move tool (V) and drag the texture around until it’s in a position that looks pleasing, without great variations in tone across the layout:

Step 6: Revealing the Floor Layer and Adjusting the Corkboard Color

With the “corkboard” layer selected use the Rectangular Marquee tool (M) to select a region that is 500px wide by about 230px high, starting at the upper left of the layout.

Click the Add Layer Mask button at the bottom of the Layers palette. This will add a mask to the texture layer, hiding the layer’s pixels outside of the selection.

With the floor color revealed, the corkboard texture looks a bit oversaturated. This can be corrected using Adjustment Layers.

Select the “corkboard” layer. At the bottom of the Layers palette, click the “Create new fill or adjustment layer” icon, and select Hue/Saturation.

In the Adjustments palette, set Hue to -6, Saturation to -7 and Lightness to -8.

Also, so that the Adjustment layer only affects the “corkboard” texture layer, click the Clip To Layer icon at the bottom of the Adjustments palette (it looks like two intersecting circles stacked one on top of the other). This causes the Adjustment layer to affect only the layer directly below it in the Layers palette, which is indicated in the Layers palette by a downward-pointing arrow on the “Hue Saturation” layer; the name of the layer below it will be underlined.

Step 7: Adding a Shadow Beneath the Corkboard

Make a new layer above the “floor_color” layer by clicking the Create New Layer icon at the bottom of the Layers palette (indicated by a red arrow in the image below). Once the new layer is created, move it directly above the “floor_color” layer and rename it to “cork_shadow.” Layers are rearranged in the Layers palette by clicking and dragging them into position above or below other layers.

With the “cork_shadow” layer selected, use the Rectangular Marquee tool (M) to make a selection region 500px wide by 10px high starting at the bottom of the cork texture.

Change the foreground color to black by pressing D on the keyboard (this resets the color swatches in the Tools palette to the default black foreground and white background). Next, select the Gradient tool (G). In the Gradient Tool Options palette, select the gradient preset Foreground to Transparent and the type Linear Gradient.

To be accurate, zoom in on the selection. Starting at the top of the selection, click and Shift-drag (hold the Shift key while dragging) to the bottom. In this case, Shift-dragging will constrain the Gradient Tool to the X-axis, so that the gradient is at a perfect 90-degree angle. When done, press Command +D to deselect the region.

Change the opacity for this layer to 60%. Do this either by pressing 6 on the keyboard or entering the value directly in the Master Opacity box for the layer in the Layers palette.

Step 8: Adding a Lip on the Corkboard

With the “cork_shadow” layer selected, press Command +J to duplicate it. In the Layers palette, drag the copied layer (automatically named “cork_shadow copy”) to the top of all other layers. Rename this layer “lip.”

Make sure the “lip” layer is selected and invert the color of the layer pixels by pressing Command +I. Now it will be a white-to-transparent gradient.

Flip the layer vertically by going to Edit > Transform > Flip Vertical.

Nudge the layer up 9px by pressing Command + Up Arrow nine times. Now change the layer blending mode to Overlay and change the layer opacity to 50%.

Step 9: Adding a Shadow to the Floor

Make a new layer above the “floor_color” layer and name it “floor_shadow.” Make sure the foreground color in the Tools palette is black.

Using the Gradient tool (G) with the “floor_shadow” layer selected, click at the bottom of the layout and Shift-drag to about three-quarters of the way up to the bottom of the corkboard. Finally, change the layer opacity to 50%.

Step 10: Adding Floorboards

Next, we’ll add some lines to suggest floorboards. Make a new layer above the “floor_color” layer, fill it with black and name it “floorboards.”

This step uses the free Grid Generator plug-in by Richard Rosenman. With the “floorboards” layer selected, go to Filter > Richard Rosenman > Grid Generator. Adjust the settings in the Grid Generator dialog box to match those shown below:

This is the result:

Step 11: Adding Perspective and Highlights to the Floorboards

Go to Edit > Transform > Perspective. Adjust the perspective of the “floorboards” layer by dragging the handles in the upper and lower corners of the transformation box left and right (indicated by red arrows) until it looks something like the image below. Note that the handles will need to be dragged beyond the edges of the document. When done, press Enter to apply the transformation.

Change the “floorboards” layer’s blending mode to Multiply and its opacity to 30%.

Duplicate the “floorboards” layer and rename the new layer to “floorboards_highlight.” Move this layer directly below the “floorboards” layer.

Invert it by pressing Command +I, change its blending mode to Overlay and its opacity to 10%.

Finally, nudge it 1px to the right by pressing the Right Arrow once. This will give a subtle highlight to the floorboards.

Step 12: Adding an Overall Highlight to the Floor

Make a new layer and name it “floor_highlight.” Move this new layer to the top of the Layers palette, above all other layers.

Change the foreground color to white by pressing D, then X, on the keyboard (this resets the Tools palette color swatches to default and then reverses them). Select the Gradient tool (G), and change its preset to Foreground to Transparent and its type to Radial Gradient.

Starting at the center of the layout, click and Shift-drag to nearly the top edge of the layout.

Press Command +T to transform the layer. Use the top center handle of the transform region to adjust the layer’s height. Adjust its width outward from the center by Shift-Alt-dragging the left or right center handle. Press Enter to apply the transformation.

Move the “floor_highlight” layer to the spot directly above the “floor_shadow” layer in the Layers palette. Change its blending mode to Overlay and its opacity to 50%.

Step 12: Creating the Light Housing

Make a new layer and move it to the top spot in the Layers palette. Name this layer “light_housing.”

At the very top of this layer, use the Rectangular Marquee tool (M) to make a selection that’s 500px wide by 10px high. Change the foreground color in the Tools palette to #17150e and fill the selection with this color by pressing Alt+Backspace.

Duplicate the “lip” layer by selecting it in the Layers palette and pressing Command +J. Move this new layer above the “light_housing” layer in the Layers palette and rename it “housing_highlight.”

Use the Move tool (V) to move the layer up so that its bottom is in the same position as the bottom of the “light_housing.”

Press Command + T to transform the layer. Adjust it from the top so that it’s roughly half its current height.

Step 13: Adding a Shadow Beneath the Light Housing

Select the “housing_highlight” layer in the Layers palette and press Command + J to duplicate it. Rename the layer “housing_shadow” and invert it by pressing Command +I.

Flip the layer vertically by going to Edit > Transform > Flip Vertical. Then, nudge it down 1px by pressing the Down Arrow once.

Finally, change its opacity to 80%.

Step 14: Creating a Light

Launch IES Generator. At the bottom left of the application window, click the Load button and locate the “1589835-nice.IES” profile that you downloaded in the Tutorial Preparation.

Using the sliders at the lower left of the window, adjust Brightness to 1.11 and Away From Wall to 3.00 so that the image on the right side of the window looks something like this:

Step 15: Bringing the Light into Photoshop

IES Generator doesn’t have an export or save function, so a screen capture is needed to paste it into the Photoshop layout. You can use a screen capture utility if you have one. Otherwise, press Alt + Print Screen (this is a Windows key-combination which captures the active window to the clipboard). After making the capture, return to Photoshop.

Open the “textures.psd” document created in Step 1, if it isn’t already open. Press Command +V to paste the screen capture into the document. It will appear in a new layer above the “corkboard” layer. If for some reason it ends up below the “corkboard” layer, just move it up in the Layers palette.

With the new layer selected, use the Rectangular Marquee tool (M) to make a selection around the IES image as shown:

Go to Select > Inverse to invert the selection. Fill this region with black.

Step 15: Extracting the White Pixels from the Light Layer and Positioning It

Now we’ll use the free AlphaWorks plug-in by Cybia to remove all the black from this layer, so that we end up with just the white pixels that make up the light pattern.

Go to Filter > Cybia > AlphaWorks. From the drop down menu at the upper right of the filter’s dialog box, select “LINEAR BlackOut – remove from BW lineart.” Click OK.

This will be the result:

With this layer still selected, press Command +A (Select > All), copy it, then switch to the “main_layout.psd”.

Select the “Hue/Saturation 1″ layer in the Layers palette and press Command +V to paste. The new layer will appear between the “lip” layer and the “Hue/Saturation 1″ layer. Rename it to “ies_light.”

Nudge the “ies_light” layer up 6px by pressing the Up Arrow six times. Now change this layer’s blending mode to Overlay.

Step 16: Intensifying the Light

Duplicate the “ies_light” layer twice by selecting it in the Layers palette and pressing Command +J twice. Change the opacity of the topmost copy (”ies_light copy 2″) to 50%.

The three layers, “ies_light,” “ies_light copy” and “ies_light copy 2″ make up a single effect. Collect them into one layer group by clicking the “ies_light” layer, holding down the Shift key and selecting “ies_light copy 2.” Click the icon at the top right of the Layer palette and select New Group from Layers. In the dialog box that pops up, name the group “light.” Click OK.

Now the three layers will be in a single group.

Step 17: Controlling the Extent of the Light

Select all the layers within the “light” group, and group them again by the same method described in Step 16. It’s not necessary to rename this new layer group.

Select “Group 1″ in the Layers palette and create a layer mask for this group by clicking on the “Add a layer mask” icon at the bottom of the palette. The mask will appear ahead of the group name – it looks like a white box.

In the Layers palette, click the layer mask thumbnail (the white box) to select it. Select the Gradient tool (G).

As described in Step 6, make sure the gradient preset is Foreground to Transparent and the type is Linear Gradient. Starting at the middle of the floor, click and Shift-drag to a spot approximately as shown in the image below. A preview of the mask just created will appear in the layer mask thumbnail.

Step 18: Adding a Highlight Spot on the Floor

Collapse “Group 1″ within the “light” layer group by clicking the gray arrow to the left of its name.

Select the “floor_highlight” layer in the Layers palette and duplicate it by pressing Command +J. The new layer will be named “floor_highlight copy.”

Move this new layer into the “light” group by dragging and dropping it directly on the “light” group’s name.

Press Command +T to transform the “floor_highlight copy” layer until it’s approximately 50% of its current width. Press Enter to apply the transformation. Rename the layer to “spot” and change its opacity to 70%.

Step 19: Duplicating the Light

Two more copies of the “light” group are needed. Select and collapse the “light” layer group in the Layers palette. Drag and drop it on the “Create a new layer” icon at the bottom of the palette. A copy of the group, named “light copy” will appear above the original in the Layers palette.

Copy this new group by the same method. There will now be three groups in the Layers palette named “light,” “light copy” and “light copy 2.”

Step 20: Moving the Lights into Position

With the “light copy 2″ layer group selected in the Layers palette, nudge it left 140px by pressing Shift+Left Arrow 14 times (holding the Shift key down while using the arrow keys nudges 10px at a time). Next, select the “light copy” group and nudge it right 140px by the same method.

Rename “light copy 2″ to “light_left,” “light copy” to “light_right” and “light” to “light_center,” to coordinate with their positions in the layout.

Step 21: Spilling the Lights onto the Housing

Select the layer groups “light_center,” “light_right” and “light_left.” Drag and drop them onto the “Create a new layer” icon at the bottom of the Layers palette. Three new copies of these groups will appear above the originals in the Layers palette.

Press Command +E to merge the groups into one layer.

Rename the layer “spill.”

Move it to the top of the Layers palette above the “housing_shadow” layer and change the layer’s blending mode to Overlay.

Flip it vertically by going to Edit > Transform > Flip Vertical.

Nudge the “spill” layer up 230px by pressing Shift+Up Arrow 23 times.

Using the Rectangular Marquee tool (M), make a selection that’s 500px wide by 10px high, starting at the upper left of the layout.

Click the “Add layer mask” icon at the bottom of the Layers palette to add a mask to the “spill” layer. This will restrict its effect to the light housing area.

Step 22: Adding a Shadow Behind the Lights (optional)

Next, we’ll darken the area around the top of the lights against the corkboard to give them a little more emphasis. This step is optional.

In the Layers palette, select the “lip” layer and click the “Create a new layer” icon at the bottom of the Layers palette. The new layer will appear above the “lip” layer. Rename it to “top_shadow.”

Using the Gradient tool (G), with the preset Foreground to Transparent, type Linear Gradient and a foreground color of black, Shift-drag in the “top_shadow” layer as shown:

The “top_shadow” layer needs to be masked so that it excludes the lights.

Select the layer groups “light_center,” “light_right” and “light_left.” Duplicate and merge them into a single layer.

Command-click the layer thumbnail in the Layers palette to load the layer’s transparency as a selection.

Go to Select > Inverse to invert the selection. Now select the “top_shadow” layer in the Layers palette and click the “Add layer mask” icon at the bottom of the palette.

Change the “top_shadow” layer’s opacity to 60%, and its blending mode to Overlay.

Finally, delete the “light_left copy” layer.

Step 23: Adding Text, The Final Step

As the final step, inlaid text will be added to the corkboard. Any font(s) can be used, but this example uses Arista 2.0 Light and DIN Mittelschrift. (How to use Photoshop’s Text Tool will not be covered in this part of the tutorial.)

The text layers should be placed above all other layers in the Layers palette.

In the Layers palette, double-click in the area to the right of the text layer’s name. This will open up the Layer Style dialog box.

In the Layer Style window, adjust the settings as shown.

Drop Shadow:

Inner Shadow:

Color Overlay:

Final Result

This is the final result:

Further Suggestions

I recommend that this effect be used sparingly. For example, use it only to highlight a logo in the header of a website, or to emphasize a few elements on a page.

Angling the light(s) can further enhance the effect; flipping the effect vertically gives the impression of footlights.

You can also colorize the lighting by use of a Color Overlay or Gradient Overlay layer style.

For this tutorial, I selected an IES profile that has been very popular in 3D art, as it has such a distinct appearance. For this reason it has become overused and clichéd. However, there are hundreds of other IES/photometric profiles freely available:

• ERCO Light Scout
• GE Photometric Files

Karbaras’s IES Generator also allows you to create your own profiles.

I hope you enjoyed this tutorial!

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.

In this reader tutorial Nikola Lazarevic aka Colaja from Nis, Serbia will show us how to create a very stylish vintage traveler diary in Photoshop. We will mix brushes with stock photos and blend modes to achieve the effect.

Let’s take a look at our final image.

STEP 1:

Let’s start by creating new document in photoshop. Mine is 1680×1050 pixels. Name this file diary.psd. Fill the background with #e5dfd3.

Download soft grunge texture from Bittbox. I picked up second one (free_high_res_texture_102), and palce it above the background layer. Command + T to resize it the way You like, and lower the opacity to 70%. Let’s name this layer “background texture”.

Now download Waterlogged Map Brushes by ~Arbenting. Create new layer above “background texture” and name it “map”. Set foreground color to #463003. Now pick up the brush tool (B), load Waterlogged Map Brushes by ~Arbenting, choose map3, set master diameter to around 1557 and place the map in the middle of layer “map”. Lower the “map” opacity to 75%.

Select all three layers (background, background texture and map) by holding the command key (or control on PC) and left mouse click on every layer, then hit command + G (ctrl + G on PC), and group these layers in Group and named this Group “BACKGROUND”.

STEP 2:

I found excellent picture of old Notebook. Download it and open in photoshop. Now we’re going to cut out the notebook. Use Magic Wand Tool (W) to select white background, hit command + shift + I to inverse selection, so that the nootebook is now selected. Command + C to copy selection, and paste it into our diary.psd file. Name this layer “notebook”, resize it and rotate a bit (Command + T) and place it somewhere in the center, but a little on the left.

Now, we want to have same pictures between pages. To achieve that effect we need to do the following steps:

• Duplicate “notebook” layer (Command + J);
• Name this layer “notebook top”;
• Now pick up the Polygonal Lasso Tool (L) and start selecting around notebook pages.

Inverse the selection by pressing Command + Shift + I and delete the part that we don’t need.

We’ll going to give a life to a pages. Set the foreground color to #463003, create new layer above “notebook top”, pick up the brush tool (B), and choose the map you like, I picked it map2, set diameter around 330px and paint with this brush in the lower right page part of notebook. Rotate this layer to match notebook paper orientation, lower opacity to 50% and name this layer “right page 1″.

Create new layer, name it “right page 2″, use the brush tool (B), choose another map, I choose map3, set the diameter around 450px, and paint upper part of right notebook paper. Rotate this layer to match notebook paper orientation. Lower the opacity to 50%.

Create another new layer, name it “left page”, pick up the brush tool (B), choose another map, I choose map4, set the diameter around 600px, and paint over left notebook page. Rotate and move this layer so you get something like this.

Lower the opacity to 50%. Now we should have something like this.

Apply the following layer style to “notebook” layer:

STEP 3:

Download the polaroid photo and open it in photoshop. Double click on background layer and then clik OK so that this layer become editable. Save this file as ploaroid.psd because we will be using it for creating our polaroid photos.

For creating polaroid photos I used some of my pictures that I took this summer in Greece. You can find some of them on a flickr. So picked up photo you want, open in photoshop, copy and paste it in polaroid.psd. Command + T (Ctrl + T) to rotate a bit to catch polaroid orientation. Name this layer “photo”.

Now hide photo layer, click on layer0, use magic wand tool (W) to select black square in polaroid.

Unhide photo layer, select it, inverse selection with Command + Shift + I, and hit backspace to delete unwanted parts of photo. Now deselect (Command + D). You should have something like this.

We want our photo to look old, so download Heavy Scratch brushes, open the brush tool (B), load Heavy Scratch brushes, pick up Scratch Heavy brush, set diameter to max 2500px, create new layer above “photo” layer, and paint with brush tool. Name this layer “scratch”. Resize it to be bigger then the polaroid.

Then hide “scratch” layer, select “layer0″, use magic wand tool (W) to select white background, Command + Shift + I to inverse selection, unhide “scratch” layer, select it, inverse selection once again and hit backspace to delete unwanted part of “scratch” layer. Lower the fill to 30%.

Photo now look scratchy but not old enough. To give more vintage look do next: Choose Create new fill or adjusment layer, choose photo filter, warming filter (85) for filter, set Density to 77% and click OK.

This one is now look pretty good and old enough.

STEP 4:

Select all layers, choose Layer>Merge Layers. Now pick up magic wand tool (W), select white background, inverse selection,

Copy it, and paste it in diary.psd between “notebook” and “notebook top” layers, and name this layer “photo 01 bp”. Resize it and rotate, and place it on the left between pages like this.

Apply drop shadow layer style to “photo 01 bp”.

Now create another polaroid photo and place it also between pages, using the above method. Name this layer “photo 02 bp” and apply Drop Shadow layer style to this layer, same as previous. We should have something like this.

Create another polaroid photo using the above method and this one we’re going to place it on open pages. Name this layer “photo03″.

Create paperclip to hold this photo. Set the foreground color to #583f0d, open custom shape tool, find paperclip shape, and draw paperclip. Hold Shift key to constrain proportions. Resize it and rotate. Name this layer “paperclip”. Be sure that this layer is above “photo03″ layer. Rasterize this layer and apply following “Bevel And Emboss” style to this layer.

We need to delete some parts of paperclip, choose eraser tool (E), pick Hard Round 5px, and start erasing.

Ok, let’s continue. Create another polaroid photo, insert it in diary.psd, name this layer “photo04″, and place it below “photo03″ layer.

Let’s add more details. Download Sticky Tape Photoshop Brushes, load into photoshop, set the foreground color to #dab05d, pick up brush tool (B), then pick up brush SpoonGraphics Tape2, set diameter to 116px, create new layer above “photo04″, paint with brush tool. Name this layer “sticky tape 1″ and apply drop shadow effect.

Duplicate “sticky tape 1″ layer and clear layer style. We should have something like this.

With this, the left page is finished.

Now let’s move on to the right page. Let’s add Paragraph layer. To add a Paragraph layer you must create the bounding box first. You can Click and Drag the cursor diagonally until you’ve got your desired size. Write some text into Paragraph layer. I used font Journal. Set the text color to #463003, rotate and resize it to fit the right page of notebook. Name this layer “text”.

Make this page a little more dirty and grunge. Download Coffee Stain 1 photo, open in photoshop, copy and paste it into dairy.psd. Name this layer “caffe strain page”. Change the Blend Mode to Multiply. Resize it and palce it above “text” layer.

Now download Torn PostCard, open it in photoshop, select white background with Magic Wand Tool (W), inverse selection,

copy and paste into our photoshop file. Name this layer “map background”. Resize it, rotate and place it on top of the right page. Add Drop Shadow Effect.

Select “map background” with Command + Click on thumbnail, create new layer, make sure that foreground color is #463003, pick up Brush Tool (B), choose any of the Waterlogged Map Brushes by ~Arbenting and paint it over. Name this layer “map1″ and lower the opacity to 60%.

Add sticky tape, using the above method, to hold “map1″ to the page.

Let’s add a small detail to the pages. Download Italian Flag, open it in photoshop, with Rectangular Marquee Tool (M) make a selection, copy and paste it into diary.psd.

Name this layer “italian flag”, resize it, rotate it and place it below “photo03″. Now go to Image – Adjusments – Photo Filter.

And apply Drop Shadow Effect.

With this we finished notebook.

STEP 5:

Let’s add more details! Create couple of polaroid photos, palce it into BACKGROUND group, in separate layers, above layer “map”, give them a names starting with “photo 05 bg” respectivly. Apply Drop Shadow Effect to every layer.

Now add Cofee Stain over top picture. Create new layer, name it “caffe strain big”, use Coffee Stain 1 photo, change the Blend Mode to Multiply, resize it and place it over photo.

STEP 6:

We’ll add a cup of coffee now. Download Isolated Cup of Strong Coffee, open it in photoshop, open Paths, hold Command Key and click on Path thumbnail to select cup of coffee.

Copy and paste it into dairy.psd, name this layer “caffee” and place it on top. Resize it, apply Drop Shadow Effect.

Make it old. Go to Image – Adjusments – Photo Filter.

This is what we have now.

STEP 7:

Let’s add compass. You can download compass from my flickr photostream. Extract compass from background, copy and paste it into diary.psd. Name this layer “compass”. Place this layer below “caffee” layer. Go to Image – Adjusments – Photo Filter.

Add Drop Shadow Effect.

Make it a liitle bit scratchy. Create new layer above “compass” layer, name it “compass scratch”, set the foreground color to #000000, pick up the brush tool, choose Scratch Heavy brush, select compass by holding Command Key and click on compass layer thumbnail, select “compass scratch” layer, and paint it with brush tool. Change the Blend Mode to Soft Light.

This one is looking pretty good right now.

STEP 8:

It’s time to finish. Let’s add the final detail. Write out the word abduzeedo using some random font. I used HumstSlab712 Blk and set it in this colour #c5c6ba. Set the font size to 120px. Change the blending mode to Colour Burn and add a 1px stroke.

Now duplicate this layer, and lower the opacity to 65%, blend mode is still Colour Burn.

And this is it.

Hope You all enjoy this tutorial.

About the author

Hi! My name is Nikola Lazarevic aka Colaja from Nis, Serbia. I’m web designer and photoshop addict! I started webexpedition18 less then a year ago. And of course, You can find me on Twitter!