It is currently Fri Apr 26, 2024 10:42 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 59 posts ]  Go to page 1, 2, 3  Next
Author Message
 Post subject: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 2:43 pm  (#1) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
This is one way to do a pixel stretch. The results may be used in the same way any pattern can be used.

Image

Open the image you want to use to do a pixel stretch. You can make your pixel stretch any size you want but if you are using it for a pattern, I'd suggest around 200 to 400px square. It does not need to be large because it will be seamless.

Any image with several colors can be used such as photos and drawings. If you are using a flattened image such as a jpg (layer name will be bold), be sure to add an alpha channel first, and Image > Mode = RGB. Be sure to duplicate the image (Ctrl + D) so you that you have one for the pixel stretch.

I used the Noise filter to do this pixel stretch. It's handy and quickly available. My image is 500x250 pixels and I filled it with a color.

Filters > Noise > RGB noise. Move the three color sliders all the way to the right to 1.00, and be sure Independent RGB is checked. Repeat if you want heavier noise.

Image

With your image open, click the Crop tool :crop and in the Crop Tool Options click Fixed and in the dropdown, choose Size. I made my size 400x1. Click in your image and you will see the selection line. Move it around to where the color seems best to you if you are using another image. Once you have it where you want it, let up on the mouse button. Everything is dark, click in the rectangle and it will crop.

Image

You will see only a dotted line in your image window.

Image > Scale Image. Break the chain in the dialog by clicking it. Make both measurements 400. Click OK. For some reason, GIMP may cut off 1 pixel when you autocrop. Go ahead and make the measurements 400 or whatever width you set the selection.

Image

Your results are ready to use.

When you do stretches using noise, the background color sets the predominant color. The image below shows 4 different colors and the color patches at the bottom show the original color of the image.

Image

Example of using a photograph for a pixel stretch to make a matching frame.

Image

Download a pdf document of the tutorial.


Attachments:
Pixel Stretch tutorial.pdf [257.32 KiB]
Downloaded 418 times

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein
Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 3:30 pm  (#2) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Very nice tute "0". got it saved to my desktop to do next.

_________________
Image


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 4:07 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
for some reason my pixelline wont stretch, i dont know what im doing wrong


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 4:22 pm  (#4) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Esper wrote:
for some reason my pixelline wont stretch, i dont know what im doing wrong

A couple things I'm wondering. First, did you invert the selection before you deleted? Second, did you autocrop your results after deleting?

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 4:24 pm  (#5) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
yes to both

EDIT: ah, im an idiot

i used autocrop layer instead of image


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 4:29 pm  (#6) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
You got me to thinking there Esper. I just tried this and it worked. Use the Crop Tool :crop instead of the Rectangle Selection tool. All you need to do is set the size for the crop tool, move it around on the image where you want and then click it. Image is ready to scale.

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 4:40 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
yeah sorry about the confusion, im using the german version of GIMP and my english translation ability got mixed up

Attachment:
Stretch.png
Stretch.png [ 55.67 KiB | Viewed 9207 times ]


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 4:44 pm  (#8) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Thanks for trying out my tutorial, Esper. Nice job!!! I'm going to re-write it so the Crop tool can be used instead of the Rectangle Selection tool. The Crop tool method is much quicker.

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:01 pm  (#9) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
there is one thing i dislike about playing with GIMP
very often you get "colorful sauce", if you understand what i mean

you play with levels or colorize or put another layer on top and use a layermode like difference and it gets more colorful with every step, but there is very little control and these picture always have the same kind of feeling to them

this pixelstretch technique is a bit like a gradient and i was thinking, what else could you do with it, to make it less random ?

but when i had another look at your pic of the leaf with the pixelstretched border, it dawned to me, you made that border from the picture itself
so one interesting use for pixelstretch is making another detail for your work in matching colors !

or, making a palette from it !


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:17 pm  (#10) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Nice tutorial "O", shall have to try this.

Esper - reading your post got me thinking, I have a script downloaded called path to gradient, you draw a path across your image and it creates a gradient from that pathstrikes me that this pixel stretch could be good for this.

_________________
Image


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:29 pm  (#11) 
Offline
GimpChat Member
User avatar

Joined: Sep 24, 2010
Posts: 12518
Cool idea and nice result O. :)


Attachments:
O_stripes.png
O_stripes.png [ 252.91 KiB | Viewed 1581 times ]

_________________
Lyle

Psalm 109:8

Image
Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:37 pm  (#12) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Oohhh! I like that Lyle. How did you do it?

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:41 pm  (#13) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
Oregonian wrote:
Oohhh! I like that Lyle. How did you do it?


I reckon he used the pan to bow script. :)


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:52 pm  (#14) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Oh, I guess I don't have that script. Here is my attempt to do what he did. :lol

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:53 pm  (#15) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
cant you do that with polarcoordinates ?


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:55 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
You can get the script from http://registry.gimp.org/node/20869


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 5:58 pm  (#17) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Thank you, Erisian. I was looking around with google for the script and found this. I guess I did have the script at one time but my OS and gimp are upgrades now so will have to dl it again. viewtopic.php?p=8257#p8257

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 6:17 pm  (#18) 
Offline
GimpChat Member
User avatar

Joined: Mar 23, 2012
Posts: 7309
Location: Göteborg at last!
You're welcome O. I discovered the script through a thread by Lyle on making droste spirals but I can't seem to find the thread now.


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 6:44 pm  (#19) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
:curtsey

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Pixel Stretch tutorial
PostPosted: Sat Sep 29, 2012 6:56 pm  (#20) 
Offline
GimpChat Member
User avatar

Joined: Sep 24, 2010
Posts: 12518
Erisian wrote:
Oregonian wrote:
Oohhh! I like that Lyle. How did you do it?


I reckon he used the pan to bow script. :)


Erisian figured it out. Did use G'MIC's Anisotrophic smoothing (fake smudge) to clean up the resulting aliasing too and a few other things. The trick is to start with a primary target color before applying the noise. I like orange. :)

_________________
Lyle

Psalm 109:8

Image


Top
Post new topic Reply to topic  [ 59 posts ]  Go to page 1, 2, 3  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) GEGL Circular Pixel Stretch.

14

No new posts Attachment(s) Line/pixel size doesnot correspond with pixel resolution

3

No new posts Attachment(s) curved image (how do I stretch)

4

No new posts How do I stretch a selection (not scale)

4

No new posts Attachment(s) Pixel Art Help

2



* Login  



Powered by phpBB3 © phpBB Group