Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Pixel Stretch


Trendwhore or not, Pixel stretch effects have been enjoying a bit of a renaissance lately.  Their ease of use, flexibility, and general funkiness when used properly makes them a useful tool for budding interface and wallpaper designers alike. Best of all, you can create them too in 3 simple steps...

Step 1: Open up a photo or picture of your choice.  The best results undoubtedly come from symmetrical or 'head-on' images, but this is not always the case. Now, using the Single Column Marquee Tool, make a 1px wide selection.

Step 2: Select Edit > Copy from the Photoshop menu, and then Edit > Paste.  This will create a new layer on top of the others, which you should now select in the layers palette.  With this layer active, go back to the Photoshop menu once more and select Edit > Transform > Scale. Now move the cursor over one of the central nodes (little boxes) and click-drag it to either the left or right to create your stretch effect.

Step 3: When the stretch is of the desired size, press ENTER on the keyboard to make the effect permanent.  Et Voila, your finished effect!

Variations: Pixel stretches have been done to death over the last few years, so consider them a framework to build around, rather than a production-quality effect by themselves.    Layer effects can make modifications easy, of course.  The fade on the left, for example, is created by a gradient overlay with the blend mode set to colour dodge.  For more information, just read the Photoshop manual or some more of my tutorials - I'm rather fond of gradients myself too u'know... ;)

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  Sharon9280 (#27555)
Date: Sat May 13, 2006. 14:26:04

Post #1 of 1

The effects look good if it's done nicely
Thanks for the tutorial :)

Reply to this post


--- View Entire Thread ---
Featured Content

Warps & Vortexes
Warps & Vortexes
- Adobe Photoshop -
Planetary Masses
Planetary Masses
- Adobe Photoshop -
Simple Shape Tween...
Simple Shape Tween...
- Macromedia Flash -
Realistic Gears
Realistic Gears
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Download Source File
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 54 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 56 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 119 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 94 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 28 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415