View Full Version: Pixel Sretch

Digital Tutorial > Photoshop tutorials > Pixel Sretch


Title: Pixel Sretch
Description: Full sig tutorial


kasy_05 - August 23, 2005 02:31 AM (GMT)
Well its like a full sig tutorial about pixel stretch... i have used photoshop CS only for the doubt...You can find this effect in a lot of sigs... or maybe this tutorial in others sites ^^ but this is officialy for pixel art.. so enjoy ;)

Ok first open a new document.. mine will be of 400x150 pxls With transparent background.
Press D to reset colors..
Go to filter > render > Clouds
user posted image

Now create a new layer and strart brushing... i will be using grunge brushes, remember to brush with black and white always switching the colors... And this is my result:
user posted image
If you dont want to make your background... click here to download some grungy bakcgrounds

Now open your render... im going to use this one:
Copy all and paste in your sig... and you will have something like that.. remember to make it more little for fit in the sig:
user posted image
Now lets blend the image with the background...lets Ctrl+Click in your render layer in your renders pallete....
user posted image
Now lets go to Select..Feather and choose 10 pix radius... this will depen of the sixe of your render...
user posted image
Now it will take an a soft selection... now lets go to Image > Add layer Mask > REVEAL SELECTION... and will look like this:
user posted image

Now if you dont like the result you can check out more blending options for a image here....Or you can choose your brush tool with black...and make shure the layer mask of your render is selected... and strart to brush in the places you want to dissapear the render..

lol... now lets go again
Now lets make the pixel stretch effect... its easy... take your Single marque tool... and choose a place in your render... that you want to stretch...
Dont deselect and press Ctrl+C and Ctrl+V and it will be pasted in a new layer
user posted image
Now go to Edit > Transform > Scale... and press Shift to stretch the pixel correctly...
Now you should have something like this:
user posted image

Move your pixel stretch layer above your render... and set the blend mode to overlay.. I also change the opacity to 80%
user posted image

Thats all... i add to the sig some render effects... a contrast/brightness layer, text, border, and other effects... thats all... now you have your pixel stretch sig....
If you want to know a detailed step... just post it and let me know ;)
Final Result:
user posted image

G3RRY - August 23, 2005 03:29 AM (GMT)
good tut :D
the blendign mode of the pixel strectch also looks good in soft light, ell.. I accustom to use this way it :lol:

fedekiller - August 23, 2005 10:00 AM (GMT)
yea xD i like it, its simple :P

Horizon - August 23, 2005 12:09 PM (GMT)
i think i'll do that for my next sig, thx kasy!









edit> dry.gif i must be really dumb cus i follow ur directions but it looks totaly different
sad.gif


edit2: nvm i got it :/

fedekiller - August 23, 2005 02:51 PM (GMT)
lol u couuldn make it?! lol xD

Horizon - August 23, 2005 05:57 PM (GMT)
;) nvm photoshop mode was accidently set onn 'grayscale' xD im so dumb

fedekiller - August 23, 2005 06:13 PM (GMT)
xDDDDDDD

Horizon - August 23, 2005 06:57 PM (GMT)
:lol: yeah im pretty stupid :D

randomkid - August 23, 2005 07:27 PM (GMT)
nice tut, ive seen a lot of tuts on this but they make it so complicated, and i am like this :huh: but with yours i am like :hyper: IT WORKS!!!! WOOOOOOO

fedekiller - August 23, 2005 07:52 PM (GMT)
lol i seen this tut b4, ^^ i like the effect

kasy_05 - August 23, 2005 09:59 PM (GMT)
Dont worry nero ^^

I make it 4 you randomkid,,, i have said it before... obiously this is not my idea... but pixel art deserve a pixel stretch tutorial

fedekiller - August 23, 2005 10:03 PM (GMT)
yea xD




Hosted for free by InvisionFree