top of page

Color Pixel Stretch Effect | Photoshop Effect | Photoshop tutorial

Updated: Nov 6, 2022

In this tutorial , you will learn how to create this awesome Color Pixel Stretch Effect in Photoshop. Creating this Pixel Stretch Effect might look a bit difficult but it is not so just follow the steps mentioned below and learn how to create it for yourself . So let's get started!








  • Youtube Video :-



Ads :-


Steps on how to Create this awesome Color Pixel Stretch Effect in Photoshop :-


  • So the first step is to remove the background from the Original Image , so that select the model in Image using Quick selection tool (Note : Press ALT and click to deselect a selection)


quick selection tool photoshop
Select quick selection tool

Select model in the image using Quick selection tool
  • After that click on Refine edge and then using brush hover over the edges of model to get smooth selection of edges and then click on OK


Click on Refine Edge

After hovering over edges
  • After the selection is complete click on Add layer mask icon which will remove the background keeping only selection


Click on Add layer mask icon

After clicking on Add layer mask icon
  • Then right click on the mask of the layer and select Apply layer mask over there


Right click on the mask of the layer and select Apply layer mask over there

  • Now crop the image accordingly using Crop tool and then hit the enter key to confirm it and then rename the layer to Model


Select Crop tool

After cropping the image and hitting the enter key
  • Now select Rectangular Marquee tool and then using it make the selection of Part of the model as follows


Select Rectangular marquee

Using tool make selection of part of the model as shown
  • After that press CTRL + J which will create a duplicate of selection into new layer


After pressing CTRL + J
  • Then press CTRL + T and scale the image horizontal till both the ends of image as shown below and then click on tick icon


After pressing CTRL + T

After scaling and clicking on tick icon
  • After that bring this layer below the model layer and then again make the model layer active by clicking on it


Bring layer below model layer

After bring the layer below model layer

Now make model layer active by clicking on it

  • So like this way select different parts of the model and repeat the same steps and then make sure that it covers the whole model as shown below


Image after different selections

Layer after different selecitons
  • So now we need to merge all the layers into a group , so for that make the layer below model active by clicking on it and then press SHIFT and click on the bottom layer so this will give you selection of 2 layers and all layers in between and then press CTRL + G to put all the layers into a single group


After pressing SHIFT and clicking on bottom layer

After pressing CTRL + G
  • After that press CTRL + J to create a duplicate of the group and then hide the original group by clicking on eye icon and rename the layer as backup as we can use this if we screw up somewhere further


After creating duplicate of group , hiding original group and renaming it
  • Now make the group layer active by clicking on it and then right click over there and select Convert to smart object over there


Right click on the group and select Convert to smart object over there
  • Then make the model layer active and then using move tool place the model properly


Make model layer active

Select move tool

Place model properly using move tool
  • Now make the group layer active by clicking on it and then press CTRL + T and then right click on the image and select Warp over there


Right click on the image and select Warp over there
  • After that drag from the left bottom corner as follows and then adjust it using the inside dot of the corner to place it properly


After dragging from the left bottom corner and using dot where mouse is in image to place it properly
  • Then drag from the left top corner and then adjust it using the dot beside it


After dragging from the top left corner and adjusting it using dot where mouse is in image
  • After that drag the dot from top left side to the bottom which will create the effect as shown below and then click on tick icon to place it


After dragging dot of top left corner (See image above to find that dot) below

After clicking on tick icon
  • So this looks good , but we still need to remove the stretched image from behind the model , so that click on Add layer mask icon


After clicking on Add layer mask icon
  • After that make the foreground color as black and then select brush tool and brush as hard round


Select foreground color as black

Select brush tool

Select brush as Hard round
  • Then using the brush tool click and hover over the part of the image which we have to remove


After removing part of the image using Brush tool
  • Now we need to add some shadows so for that make the model layer active by clicking on it and then Click on Add layer style icon and select blending options over there


Click on Add layer style icon and select Blending options over there
  • Then in the pop up click on Drop shadow and then set the following and then click on OK


Then click on Drop shadow and set as shown above and then click on OK

After adding drop shadow
  • Now we also need to Add shadow below the curve part so for that create new layer by clicking on Create new layer icon which will create a layer above model layer


Click on Create new layer
  • Then select brush tool and brush as soft round and then foreground color as black and opacity of brush as as 15%


Select brush as soft round

Reduce opacity of brush
  • Now using brush click and hover over the are where you want to add shadow


After hovering over that part
  • Now we need to fill the image with a nice background , so for that set the foreground color as white and background color as any color from image


Set the foreground color as white and background color any color from image
  • Then click on Create new fill or adjustment layer icon and select Gradient over there and then in the pop up set the Gradient as Foreground to background ,


Click on Create new fill or adjustment layer icon and select Gradient over there
  • After that in the pop up set the Gradient as Foreground to Background , Style as Radial , Scale as 250% and then click on OK


Set the following and click on OK
  • Now bring the Gradient layer at the bottom


Drag the gradient layer at bottom

So this will give you your Awesome Color Pixel stretch effect in Photoshop!


So that's it guys!


Now if you guys liked the tutorial then hit the like button also share it to the ones who might be interested in such videos !


Happy Learning!


  • Youtube Video :-








645 views0 comments
bottom of page