Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Square Grid Pattern Overlay Set

1. Open an image that is 20 pixels by 20 pixels transparent RGB 72 ppi. Magnify your image to about 700 %.

2. Insert a new layer. Click Select =>All

3. Click Edit => Stroke

  • wisth 2 pixels
  • color black
  • location = center
  • mode= normal
  • opacity= 100%

4. Click Edit=> Define Pattern. Name it "square 20"

5.  Click on your rectangular marquee tool. Move the marquee left two nudges and up two nudges so that you have 18 pixels square. Click Edit=> Define Pattern. Name it "Square 18"

6. Click on your rectangular marquee tool. Move the marquee left two nudges and up two nudges so that you have 16 pixels square. Click Edit=> Define Pattern. Name it "Square 16"

7. Click on your rectangular marquee tool. Move the marquee left two nudges and up two nudges so that you have 14 pixels square. Click Edit=> Define Pattern. Name it "Square 14"

8. Click on your rectangular marquee tool. Move the marquee left two nudges and up two nudges so that you have 12 pixels square. Click Edit=> Define Pattern. Name it "Square 12"

9. Click on your rectangular marquee tool. Move the marquee left two nudges and up two nudges so that you have 10 pixels square. Click Edit=> Define Pattern. Name it "Square 10"

10. Click on your rectangular marquee tool. Move the marquee left two nudges and up two nudges so that you have 8 pixels square. Click Edit=> Define Pattern. Name it "Square 8"

11. To use the square grids on your canvas, select the area you want your grid to occur with lasso or marquee, and click Edit=> fill. Select the fill type as SQUARE 10 and set to 50% opacity.

You can treat your grid with distortions and transformations as you would any other lines.

12. Save your grid set by clicking edit=> Preset manager. Select patterns up top. hold your shift key down and and select your grid patterns. then click save set. Call this set Square Grids and save to your pattern presets.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2008 All Rights Reserved
Privacy and Legal