Let There Be Lines pg 4: Production Graphics with Wendy Peck at webreference.com | WebReference

Let There Be Lines pg 4: Production Graphics with Wendy Peck at webreference.com


Let There Be Lines 4: PhotoShop Quick Grids



  Grids can add a wonderful touch to a site design. They tend to fade to the background nicely, but add a lot of style. TV scan lines have become very popular, with good reason. They add a touch of style to a photo or graphic without compromising the image. As a bonus, both effects are easy to create in PhotoShop.

Grid as defined at right, with Fade Fill 25%.

Grid as defined with Fade Fill 50%, Mode Dissolve.

Grid as defined, but with fountain fill as grid color.

Grid as defined, but texture filter added to fill.

Grid as defined, but fill with texture filter, colored background (color on delete) and 2 pt grid lines.

Let's make a grid. Do you have a minute? That's all it takes. We are going to create half of a grid cell and define it as a fill pattern. The fill pattern will create our grid automatically.

Create a fixed sized marquee of 20 px by 20 px (see page 2). Fill with your grid color.

With the Marquee Tool selected, use your arrow keys to move the selection down by one pixel and one pixel to the right. Your sample will look like this.

Delete. The sample now looks like this.

Use your arrow keys to move the selection back to the original position, up one pixel and one pixel to the left.

This is your grid pattern. Choose Edit>Define Pattern from the main menu.

You can now define an area and fill with your grid pattern (Edit>Fill>Pattern). Note: Pattern fills start from the top left hand corner of the document, so for a complete grid, start the selected area there. You can move the selection once it is filled without affecting the position of the grid.

Often, you want a less defined grid. Immediately after filling, choose Filter>Fade Fill from the main menu and reduce the opacity as desired. If you want a broken grid, try using the dissolve mode in the Fade Fill window.

To save this grid pattern, copy the selection at the point where you defined your pattern. Choose File>New from the main menu. The exact size of your copy will be presented in the New window. Accept this size, paste the selection and save the file. You can open this file at any time. Select>Select All from the main menu, then Edit>Define Pattern. The pattern will be retained when you return to your document. Fill as above.

That's it. Have some fun filling any shape with your own grid.



Next page

Let There Be Lines Tutorial Index

Let There Be Lines Start
PhotoShop Lines
PhotoShop Lines (part 2)
PhotoShop Quick Grids
PhotoShop Scan Lines
PaintShop Pro Lines
PaintShop Pro Grid/Scan/Dots
CorelDraw and Freehand Lines
CorelDraw Grid Tool
Gallery and Resources

Front page2345678910

URL: http://www.webreference.com/graphics/
Created: Mar. 15, 2000
Revised: Mar. 15, 2000