Do you want to learn how to pixel stretch in Photoshop? Today I will show you how to stretch pixels in Photoshop using standard Photoshop tools! Let’s go!
If you are looking for a pixel stretch plugin, take a look at StretchMatic on Envato Elements—it's a great tool with endless creative possibilities. Stretch your images, shapes, or text layers in a few simple clicks.
What You Will Learn in This Pixel Stretch Effect Photoshop Tutorial
- How to prepare an image to create a Photoshop stretch effect
- How to create a pixel stretch Photoshop effect
- How to add effects to your pixel stretch image
The following image was used during the production of this pixel stretch Photoshop tutorial:
If you prefer to learn via video, watch how to stretch pixels in Photoshop on our Envato Tuts+ YouTube Channel:
1. How to Prepare an Image to Create a Photoshop Stretch Effect
Let’s start by opening our image. Hit Control-O and select the image you want to use.
Go to Select > Subject to select the snowboarder.
Refine the selection using the Lasso Tool (L). Hold Shift to expand the selection or Alt to decrease the selection.
Once you’ve finished making the selection, hit Control-J to create a duplicate of it.
Now, we need to pick the Rectangular Marquee Tool and make a vertical selection, as shown in the image below:
Cut out the selection using Control-J, and then Move this new layer to the left.
Hit Control-R to activate the Rulers, and then drag a line to the top of the layer.
Make a selection and create another copy using Control-J, and move this new layer to the left. Then put it on top of the previous rectangle.
And finally, select this layer in the Layers panel, and Right Click > Merge Down.
2. How to Stretch in Photoshop
In this section, we'll create a pixel stretch effect. You need to find the Single Column Marquee Tool in the Tools panel. Use it to make a selection in the center of your rectangle.
Then hit Control-J and make the previous layer Invisible.
To use the drag effect Photoshop tool, you need to press Control-T and then hold Shift and drag the frame horizontally.
Put this new layer below the Snowboarder layer.
Now you know how to stretch an image in Photoshop, but let’s make our effect even better. Press Control-T and then activate the Warp Tool.
Select the top-left point of the Warp Tool and drag it down.
After that, take the second point from the top and drag it up.
Drag the bottom right point up and then move it to the right side.
And finally, select the third bottom point and drag it down. Then press Enter.
3. How to Make Your Pixel Stretch Effect Photoshop Image Look Better
Create a copy of your drag effect Photoshop layer using Control-J.
Change the Blend Mode of the first layer to Hard Light and the Opacity to 95%.
Double-click on the first layer and add an Outer Glow with the following settings:
- Blend Mode: Screen
- Opacity: 38%
- Color: White
- Spread: 15%
- Size: 50
Select the second layer and change its Blending Mode to Color.
Let’s go to Layer > New Adjustment Layer > Hue/Saturation and set the Saturation to 15.
Now go to Layer > New Adjustment Layer > Curves and use the settings you can see below:
And for the last step, change the Opacity of the layer to 64%.
Awesome Work, You’re Now Done!
Today you’ve learned how to pixel stretch in Photoshop using simple tools. Try the method we used in this pixel stretch Photoshop tutorial on other images to create more amazing artworks. Let us know if you're also interested in a circular pixel stretch effect Photoshop tutorial in the comments on YouTube!
How to Stretch in Photoshop With Actions or Add-ons From Envato Elements
If you are looking for pixel stretch effects and other creative actions, take a look at this collection of Photoshop products available on Envato Elements:
StretchMatic Photoshop Plugin (ZXP, ATN, HTML, PDF)
Wondering how to stretch an image in Photoshop? Use StretchMatic! This creative add-on will give you infinite possibilities for creating pixel stretch effects. Creating this kind of effect has never been so easy. Take a look at the demo video to see all the features!
Artistic Pixel Sorter: Photoshop Actions (ATN, TXT)
This is another amazing action with really impressive results! Save your time and choose one of four different actions with a great variety of glitch effects. Besides that, you will find 20 color correction presets and a detailed video with instructions.
Do you like glitch aesthetics? Try these amazing effects to create distorted posters, flyers, and artworks. Try different color options to get the result you like more. This effect will work with any font, and the written guide will help you start creating masterpieces quickly.
Once you've created your artwork by following our pixel stretch Photoshop tutorial, you might want to add more creative elements to your composition. Check out this amazing collection of glitch brushes! All the brushes are in high resolution (up to 2500 pixels) and work in any version of Photoshop. You can use them to create overlays, make visual elements for your digital artworks, or add decorative elements to your photos.
Liquid melting effects are still a big trend! This PSD effect is extremely easy to use and will create impressive results in a few simple clicks. The three different PSD files with beautiful effects will not disappoint you.
Want to learn how to create more creative effects? Check out these other tutorials from our site:
- Adobe PhotoshopHow to Make a Melting Glitch Text Effect in PhotoshopIvan Gromov
- FontsTrending Distorted Fonts to Create a Glitch Text EffectNona Blackman
- Text EffectsHow to Create an Easy Digital Glitch Text Effect in Adobe PhotoshopRose
- GlitchHow to Create Vector Glitches Using Adobe IllustratorLaura Keung