Grid Tutorial for Paint Shop Pro (PSP) 7 or 8

In this tutorial, you will learn how to add a grid to any image you want. This tutorial was written for Paint Shop Pro (PSP), but can probably be used for other versions as well.

If you are having any trouble at all with this tutorial, please watch the flash Viewlet video of this effect!

		I will show you how to add grids to an image. First start out with the image you would like to add a grid to.

		Now, make a new image that is 10 pixels by 10 pixels with a transparent background. This is very important that it is transparent, otherwise this will not work. You can actually make the image any size. For example: make a 30 by 30 pixel image if you want the grids to be 30 pixels large. With the paint brush size as "1" draw a black border around the outside of the image. You will make a black box. Do not close this image.

		Now switch back to the image that you would like to add the grid to. The next step is to make a new raster layer by going to Layers- New Raster Layer, and label this layer "grid". Now select the gradient tool and set the fill to a pattern fill . In PSP 9, go to the Materials pallete, and click on one of the two boxes of color. Then click on the "Pattern" tab. Then click on the arrow next to the box of the current pattern, and choose the small grid image that you just created. Now click ok, and left or right click (depending if you made the color the foreground or background color), and your grid should be pasted in.

		The last step is to lighten the grid by adjusting the opacity of the grid layer. Slide the slider to the left in the layers palette. You have now created the grid effect. You can chane the grid size by changing the size of the new image. If you are having any trouble at all with this tutorial, please watch the flash Viewlet video of this effect!
Click here to go back to ZimmerTech

Rate this Tutorial

Current Rating:

2.94/ 5.00 with 93 votes.

Current Comments

50 comments so far (post your own)

yeh- well i came on expecting help, and i have no idea how to do layers, but nowhere does it say anything about gradient tools and pattern fill... that's what i need help with, and no one can help me now... i rated this a 3, but it doesn't look like it helps me in anyway than just telling me what i alreday knew...

Posted by rebecca (none)on Friday, 05.14.04 @ 01:00am | #52

It seems like theres a step between 2 and 3. How do I get the grid as a pattern for the fill tool?

Posted by Handicrap on Saturday, 05.15.04 @ 12:45am | #53

Ok I got it to work, email me at keeping@monarch.net if you need help rebecca.

Posted by Handicrap on Saturday, 05.15.04 @ 01:18am | #54

Very helpful. Cheers mate

Posted by Dez on Wednesday, 05.19.04 @ 10:20pm | #58

Hello,
I wanted to make a very simple banner.
I have Windows XP and Paint in the accessories.
I found this tutorial way over my head.
Thanks.

Posted by Skippy (http://moneymaker1.opportunity.com)on Thursday, 05.27.04 @ 03:28am | #63

Hey skippy you can't make such things in simple windows paint prog, and well this tuturial says on the top that its for the prog called paint shop pro you should dl it first from jasc.com i'm not sure if they still allow you to dl it for 30 days free trial.

Posted by hunniah on Saturday, 05.29.04 @ 12:28pm | #64

thats really very easy and clever,,
in second step he made a 10 by 10 pixel image and if you're aware of how to use gradients and pattern tools you would know that gradients tool would have all the images that you're working on in PSP as images and the others that are inside the gradient folder in psp folder, he made an image in step two to use as a gradient and after choosing it as a gradient he floodfill the first image.. very clever!!

Posted by hunniah on Saturday, 05.29.04 @ 12:38pm | #65

I've been wanting a quick and easy way to achieve this effect for ages...and now I have one :) Thanks a lot

Posted by Ben on Wednesday, 06.23.04 @ 11:05pm | #90

This tutorial was great! It took long to find a grid tutorial, but this one was excellent!

Posted by Hannah on Saturday, 07.3.04 @ 10:15pm | #98

You know, there is a very easier way to do this.All you have to do is copy the picture you have on your canvas, then paste it as a new layer.After that, go to Effect---->Texture Effects---->Tiles

Posted by Lucky on Friday, 08.6.04 @ 04:30am | #129

Man I just got Psp 8 just and I coulnd't figure out this tutorial, then I look at Luckys post and then at the tutorial and with Luckys advice I had the grid i wanted in 10 sec I rated you guy a 0, thought it was a good effort!!!

Posted by Chic on Wednesday, 08.25.04 @ 03:31am | #144

*lol* maybe the tutorials were for earlier versions of psp. I know in psp 7.0, you can also get the scan lines effect by just going to Effects>textures>blinds its so much easier. You guys should explain the easiest way before you go into too much detail. For some people its way over there head, if they are new to psp.

Posted by V on Wednesday, 08.25.04 @ 03:49pm | #145

You Know... I think its absolutely fantastic that this person has gone out of his way to post this tutorial (I mean afterall, he didnt have to), and I think its a bit rude to whinge about it. If you found it to hard, go to www.google.com search for other tutorials and be on your merry way.

THANKYOU for your wonderful tutorial, and for going out of your way to make your knowledge available for others to use, such as myself - it was very clear and concise.

Thankyou from Australia.

Shel.

Posted by S on Saturday, 08.28.04 @ 10:34am | #147

I did try this tutorial. And did not learn anything, my image was not gridded.

Posted by Maizy on Sunday, 08.29.04 @ 12:20am | #148

Thanks!

Posted by Person who doesn't know anything on Monday, 08.30.04 @ 04:15pm | #149

Hey there, well I must say this tutorial made me swear a bit.. but it was a good idea to make comments below it, without it, I would'nt have managed to make my grid. Hunniah posted a comment explaining how to make it in a more understandable way - thank you. But I think you have made a mistake.. when you go to make fill, you don't have to choose gradient.. but instead Pattern (I have psp 8). Anyway, I don't want to ennoy you guys, but I'm going to explain it again:

1] Open the image you want to add a grid to.
2] Make a new image with pixels 10 by 10 with a transparent bakcground.
3] With the brush tool (size 1) make a black background round the border.
4] (Still with this image selected - not the one you want to add a grid to) go on Layers - New Raster Layer, and name it grid (leave the rest of the options as they are).
5] Select the image you want to add the grid to, choose the fill tool, and set it to Pattern. Now click on the image, and a box will pop up. In this box, click again on the image (or arrow pointing to the right) and select the grid. Click ok and close the dialog..
6] Now, click Layers - New raster layer (name it whatever you want) and fill the image! There goes your grid.
7] Now we want the grid to be lighter.. If you dont have the layers palletes open, click on View - Pallets - Layers (F8). We are gooing to adjust the opacity of the grid layer. Slide the slider to the left..
8] ..........Grid Completed..........

Pleaseeeeeee do send me comments and tell me what you think about my explenation :) .. I hope someone learns from it - my email is psaila_mike@yahoo.com or psaila_mike@hotmail.com thanks for reading!

Posted by mIKe (http://html-tutorial.cjb.net)on Friday, 09.17.04 @ 09:48am | #174

Fairly good tutorial. I had to do a bit of thinking for myself though on how to do things, managed to complete it all in 20 minutes. Learned quite a bit, good job!

Posted by Aaron on Friday, 10.1.04 @ 05:07pm | #182

This really helps. Its a shame that everyone else can't figure out these nice details. People are so greedy ... wanting more details that aren't needed.

Posted by Marc on Monday, 10.18.04 @ 02:32am | #199

I am trying to put the border on the transparent background. . . its pissing me off because the colors are so wierd, I try to make it black, and the left side only goes black, the rest of it is white... i change the color to green, same exact thing, what color im using makes no difference, its pissing me off.

Posted by IceProdigy on Saturday, 11.6.04 @ 06:51am | #210

Make sure the paint brush is only 1px in size, and in the color pallete you have selected solid black.

Posted by Brian Zimmer (http://www.zimmertech.com)on Saturday, 11.6.04 @ 03:57pm | #211

I was wondering...where do i go to set the fill tool to pattern? Im looking all over for this..yet i cannot find it in psp.

Posted by CDM (www.digitalvisionz.tk)on Tuesday, 11.9.04 @ 04:48am | #214

Same here CDM! I cant find it, can anyone help us?

Posted by T.A. on Thursday, 11.11.04 @ 04:52am | #216

How do I set the fill to a pattern fill? I followed the creating a grid tutorial to a "T", unfortunately I cannot set the fill pattern even after going through the program help. Can some help with this easy task. Thx

Posted by Scott on Thursday, 11.11.04 @ 06:50pm | #218

OK, i found a way to do it :)

Its too hard to explain in here, so i will add this tutorial at my site.

Posted by CDM (www.visiondesignz.tk)on Wednesday, 11.17.04 @ 03:17am | #220

humm...this took me a while to understand and carry out the grid pattern, since it seems like my fill effect doesn't have the pattern/gradient thing on it. Ah well, I managed a way without that. took me forever but w/e. Thanks! [<--not sarcastic by the way]

Posted by tiff on Wednesday, 12.29.04 @ 08:51pm | #253

reg artist entering paint prog do you use a tablet Im finding it weird using mouse A place in toronto to buy? Thanks

Posted by tonyw on Thursday, 03.17.05 @ 10:20pm | #390

The step when you raster layer the whole thing is which picture? You did NOT make that clear. ~Is it the little block pattern, or the need-to-be-gridded picture? EH? >=(

Posted by Aira on Wednesday, 03.30.05 @ 06:16pm | #430

It's so nice when you make your steps nice and clear. SO NOT!

Posted by Amber on Wednesday, 03.30.05 @ 06:16pm | #431

this tutuorial must have been created a long time ago. Its pretty weak.

Posted by Sage on Monday, 07.4.05 @ 02:45am | #601

Well i knew one day id get around to wanting to grid an image.

your tut was simple and easy and i grid my pic an 20 seconds

Thankyou :)

Posted by sweetbix on Monday, 04.3.06 @ 11:32pm | #957

This is a great Tutorial, anyone who doesn't understand it is a bit of a retard tbh. You dontk now about gradients and stuff? go and use MS Paint.
don't criticise this guy because you don't know how to do anything...

Posted by Sean on Sunday, 07.2.06 @ 12:15pm | #2234

Any hints on how to do it in PSP7 ?

Posted by Ming on Wednesday, 12.27.06 @ 07:09am | #2695

Is there any way that you could go through the tutorial for PSP X? Many thanks. Mandi

Posted by Mandi on Thursday, 01.4.07 @ 01:37pm | #2706

Thanks so much for the tutorial.
I have been trying to make grids for so long.
With no easy way. Thanks so much for sharing!!!
Geri

Posted by geri-jean on Sunday, 01.21.07 @ 01:55am | #2725

its helpful!!

Posted by jsjshshsh on Wednesday, 03.7.07 @ 03:02pm | #2784

This tutorial doesn't even deserve to be called a "tutorial". In step 3, it says to use the "gradient tool", yet shows a picture of the Flood Fill Tool.

Posted by stan on Sunday, 07.22.07 @ 04:13pm | #2949

A good (if short) tutorial. I have been looking unsuccessfully for a script which will create a grid (of any desired size) over a photo so that I can transfer the detail to a canvas as a guide for painting. This tutorial will help greatly in creating my own script. Thankyou!

Posted by Owlwings on Sunday, 09.16.07 @ 04:30am | #3019

this was an extremely helpful tutourial, however, i had to go to another site to find what all the jargon meant. "gradients" and "materials pallete" are things i found out that i use all the time!

it was excellent, but labelled incorectly, i don't think it is a beginner's level.

Posted by Alaina on Sunday, 09.23.07 @ 08:50am | #3028

I must say that I found the tutorial very easy and had no problems with it all. Apparently the ones that are complaing about it(tutorial)have no idea concerning the basics with PSP. You cant jump right into it if you dont know the basics! LEARN the basics first,them move on. Dont be so rude to the individual who wrote this tutorial. You have no one to blame but youreselves if you dont know the basics! DUH!

Posted by Jake on Friday, 02.29.08 @ 04:38pm | #3224

Posted by Jake on Friday, 02.29.08 @ 04:39pm | #3225

http://www.t7b.com
http://www.chaat.t7b.com
http://www.voice.t7b.com
http://www.games.t7b.com
http://www.gallery.t7b.com
http://www.video.t7b.com
http://www.mob.t7b.com
http://www.topics.t7b.com
http://www.islame.t7b.com
http://www.translate.t7b.com
http://mnw3at.wordpress.com

Posted by t7b.com on Tuesday, 05.12.09 @ 07:59am | #4405

laptop accessories wholesale (Brand New and Genuine) [url=http://www.papatek.com/Acer%2DAdapter/]Acer AC Adapter wholesale[/url] ( Brand New and Genuine) [url=http://www.papatek.com/Toshiba%2DAdapter/]Toshiba AC Adapter wholesale[/url] ( Brand New and Genuine) [url=http://www.papatek.com/Dell%2DBattery/]Dell battery wholesale[/url] (Brand New and Genuine ) [url=http://www.papatek.com/LCDAC%2DAdapter/]LCD AC Adapter wholesale[/url] (Brand New and Genuine) [url=http://www.papatek.com/Compaq%2DAdapter/]Compaq AC Adapter wholesale[/url] (Brand New and Genuine) [url=http://www.papatek.com/Gateway%2DAdapter/]Gateway AC Adapter wholesale[/url] (Brand New and Genuine) [url=http://www.papatek.com/Dell%2DKeyboard/]Dell keyboard wholesale[/url] (Brand New and Genuine ) [url=http://www.papatek.com/Liteon%2DAdapter/]Liteon AC Adapter wholesale[/url] ( Brand New and Genuine) [url=http://www.papatek.com/Delta%2DAdapter/]DELTA AC Adapter wholesale[/url] (Brand New and Genuine) [url=http://www.papatek.com/LCD%2DPanel/]LCD panel wholesale[/url] (Brand New and Genuine ) Laptop Accessories (Supply Genuine laptop Batteries) Acer AC Adapter (Supply high quality Acer laptop AC Adapters) Dell laptop battery (Supply high quality Dell laptop batteries) scooter battery charger (high quality ) laptop AC Adapter (Supply high quality laptop AC Adapters ) Gateway keyboard (Supply high quality Gateway laptop keyboards) Dell laptop keyboard (high quality Dell laptop keyboard) Gateway laptop keyboard (Supply high quality Gateway laptop keyboards ) HP laptop keyboard (Supply high quality HP laptop keyboards) Compaq laptop keyboard (Supply high quality Compaq laptop keyboards) Acer laptop battery (high quality ) IBM battery (specifically designed ) Asus AC Adapter (genuine factory direct ) Toshiba laptop battery (Supply high quality Toshiba laptop accessories ) Compaq AC Adapter (high quality ) Toshiba AC Adapter (Supply high quality Toshiba laptop AC Adapters ) Dell AC Adapter (Supply high quality Dell laptop AC Adapter ) GATEWAY AC Adapter (Supply high quality GATEWAY laptop AC Adapters ) [url=http://www.papatek.com/Apple%2DBattery/]Apple laptop battery[/url] (Supply high quality Apple laptop batteries ) laptop keyboard (Supply high quality laptop Keyboards) Toshiba laptop keyboard (Supply high quality Toshiba laptop keyboard) laptop battery (Supply high quality laptop batteries)

Posted by laptop accessories (http://www.papatek.com)on Tuesday, 05.19.09 @ 12:47am | #4490

http://www.chat.t7b.com/1.htm
http://www.chat.t7b.com/2.htm
http://www.chat.t7b.com/3.htm
http://www.chat.t7b.com/4.htm
http://www.chat.t7b.com/7.htm
http://www.chat.t7b.com/8.htm
http://www.chat.t7b.com/13.htm
http://www.chat.t7b.com/146.htm
http://www.chat.t7b.com/54.htm
http://www.chat.t7b.com/119.htm
http://www.chat.t7b.com/124.htm
http://www.chat.t7b.com/159.htm
http://www.chat.t7b.com/206.htm
http://www.chat.t7b.com/249.htm
http://www.ksall.com
http://www.ksall.com/vb

Posted by sdfsd on Friday, 05.22.09 @ 04:27pm | #4555

TradeTang is the premiere online china wholesale distributor and closeout company helping small businesses and entrepreneurs compete against larger enterprises. We sell bulk wholesale merchandise at the best prices around. TradeTang offers cheap products with high quality at wholesale prices. Our products are sold by the single case or you can buy in bulk. As a wholesale supplier, we pride ourselves on being able to bring business owners high-quality wholesale items at low prices.
We provide popular wholesale products such as <strong>Accessories,Bags &/; Shoes</strong> , Men's Accessories, Women's Accessories and Men's Shoes，/;Men's Sunglasses. Well begun is the half done. Please choose our platform to shorten your way to the success.

Posted by aafaf on Monday, 05.25.09 @ 08:38am | #4638

wow gold, wow gold on line store.ugg boots, world wild ugg boots cheap ugg boots, ugg boot, cheap ugg boot, ugg cardy, ugg cardy for uk, cheap ugg cardy boots are popular,we sell real ugg boots, cheap ugg boots, ugg cardy, cheap ugg cardy boots,ugg boots uk at great prices to people, we are proud to offer you the high quality and low price ugg classic cardy,ugg classic cardy shop, cardy ugg boots, cheap cardy ugg boots, ugg classic cardy boots, ugg classic cardy boots online, and ugg classic tall, ugg classic tall boot, ugg boots uk, cardy ugg boots are using 100% natural sheepskinWe have been producing <a herf=http://www.tpttools.com/]hydraulic tools[/url],hydraulic crimping tool and other kinds of crimping tools PVC pipe fittings, PVC window, PVC sections, plastic sections

Posted by aafaf on Monday, 05.25.09 @ 08:42am | #4642

www.wikishoes.com
Jordan shoes
Air Jordan Shoes
Nike SB Dunks
Addia shoes
Handbag
Chanel Handbag
Fendi Handbag
LV shoes
Louis Vuitton sandals
ED hardy hoodies
ED hardy jeans
ED hardy belts
play boy underwear
bikini
Hoodies

Posted by wholesale (http://www.wikishoes.com)on Sunday, 06.21.09 @ 06:55pm | #5015

Posted by usadapter (http://www.usadapter.com/)on Monday, 06.22.09 @ 02:33am | #5051

Replica Designer Handbags
Designer Handbags
Replica Handbags
Cheap Handbags
Fashion Handbags
Fake Designer Handbags

Posted by Replica Designer Handbags (http://www.fashion-in-bag.com/)on Thursday, 06.25.09 @ 06:59pm | #5109

Posted by cheap laptop battery ( http://www.laptop-power-battery.com)on Saturday, 06.27.09 @ 05:26am | #5139

Posted by sdfsd on Saturday, 06.27.09 @ 11:31am | #5214

Leave your comment:

Learn how to add this comment form to your site with our comment form tutorial!

Name:

Email:

URL:

Comments:

	→ retype that here
Enter the correct letters and numbers from the image into the text box. This small test serves as access restriction against malicious bots. Simply reload the page if this graphic is too hard to read.

Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.