website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Pixel Stretch Navigation
rss

Pixel Stretch Navigation

Author: PhotoshopStar More by this author


1. Create a new document.

First of all create a new document, use any regular banner size (I've used 530x140)

Download this 3D render and open it in Photoshop, now copy it into the new document.

image 1

2. Duplicate the render

With the Single Column Marquee Tool image 2 do some pixel-streching to the render.

image 3

Duplicate the main render, apply Filter > Brush Strokes > Spatter with any old settings, set the layer mode to Lighten and erase a few parts with a soft brush.

image 4

Duplicate the render again, move it up to the right a bit and set the layer mode to Darken

image 5

Pixel stretch a part of the document again to the right

image 6

To bring out the detail a bit apply Filter > Sharpen > Sharpen

image 7

This is what it would look like if you applied Spatter to the pixel stretched layer and stretched it again

image 8

3. More details

Duplicate the render layer again and set the layer mode to Lighten

image 9

Stretch a part again and maybe use the Dodge tool to lighten up a part or two

image 10

Create a Curves Layer ( Layer > New Adjustment Layer > Curves... )

image 11

image 12

This is what I made from that particular part:

Pixel Stretch Navigation Tutorial: Final Result (Click to enlarge)
Click to enlarge

You can download .psd1 and .psd2.



Author's URL: www.photoshopstar.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Pixel Stretch Navigation"