Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

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. 15: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 Tutorialsmore

Wrinkle Removal
Wrinkle Removal
- Adobe Photoshop -
Layer Masks
Layer Masks
- Adobe Photoshop -
'Out Of Bounds' Im...
'Out Of Bounds' Im...
- Adobe Photoshop -
Artistic Color Iso...
Artistic Color Iso...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links

Special Options
Download Source File
Printer Friendly Version
Forum Threads

 Link Pop Up
Author: Rtouch
Posted: Aug 28th, 12:59pm
Activity: 5 replies, 0 views
Tips and Tricks on how to speed up rendering
Author: heartscool
Posted: Aug 21st, 6:42am
Activity: 0 replies, 0 views
Hello
Author: goingtothedogs
Posted: Aug 17th, 5:42pm
Activity: 3 replies, 0 views
3ds,zbruh,texturing help
Author: heartscool
Posted: Aug 16th, 5:06am
Activity: 0 replies, 0 views
3dsMax-autocad question
Author: heartscool
Posted: Aug 03rd, 7:02pm
Activity: 0 replies, 0 views
Car texturing
Author: heartscool
Posted: Aug 02nd, 5:28am
Activity: 0 replies, 0 views
 Hi Everyone!! :)
Author: StarMania
Posted: Jul 31st, 5:30pm
Activity: 3 replies, 0 views
Fire text effect in 3ds max
Author: heartscool
Posted: Jul 24th, 1:56pm
Activity: 0 replies, 0 views
Where did everyone go!?!
Author: LemonTree
Posted: Jul 22nd, 12:15am
Activity: 6 replies, 0 views
Protecting Email Addresses from Spammers in HTML
Author: LemonTree
Posted: Jul 22nd, 12:13am
Activity: 0 replies, 0 views
3ds max wireframe render ?
Author: heartscool
Posted: Jul 20th, 2:51pm
Activity: 0 replies, 0 views
Site issue
Author: Jormi_Boced
Posted: Jul 07th, 8:40pm
Activity: 11 replies, 0 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    438
Total Fonts:    4673