Part 2

WEB LAYOUT AND OPTIMIZATION

Custom Pattern

MAKING CUSTOM PATTERNS Part 2(A)

YES, PHOTOSHOP’S PATTERN libraries include dozens of interesting patterns that you can use to fi ll selected areas of your designs. But what should you do  when you need a different pattern that will precisely fit into your specific design? Make one yourself, of course! Designing your own patterns in Photoshop is super easy once you know the basics of pattern design and how to create seamless repeats using the Off set Filter.

HINT :

Keep in mind that once you add a pattern in Photoshop, its attributes cannot be changed. Therefore, always save the file you used to create the pattern in case you want to create new, similar patterns with different colors, sizes, effects, and so on.

STEP : 1

Press Ctrl+N/Ô+N to launch the New dialog box and create a new Web document with the dimensions of 300×300 pixels. Once the document opens, use the Color panel to set your foreground and background colors to any two colors you fi nd appealing. For example, you might set your foreground to white and your background to a purple with the hex value of #632c82.

STEP : 2

Press U to select the Custom Shape tool from your toolbar (or press Shift +U until you have it), make sure that the Shape Layers option is selected on the Options bar, and then click on the Custom Shape Picker drop-down menu at the top of your screen. You need to access a shape from another shape library, so click the Pattern pop-up panel menu to view the list of available shape libraries. Select Ornaments and, when the dialog box opens asking whether you want to replace the current shapes with the shapes from ornaments, press the Append button. Scroll down in the Custom Shape Picker to the bottom of the ornaments and select the design called Floral Ornament 4, as shown in.

Figure 2-1

STEP : 3

Drag out a medium-sized fl oral ornament shape onto the center of your document while pressing the Shift key to constrain proportions, and then release your mouse. Press V to switch your cursor to the Move tool and reposition the shape so that it is centered inside your document window. If necessary, use the arrow keys, guides, rulers, and alignment tools to fine-tune the shape’s placement. Figure 2-2 shows an example of how this might look.

Figure 2-2

Posts You May Also Like to Read:

• Photoshop cs5 tutorials for Web Templates
• Freedom Fighters CD Key & Cheats Code
• Win A Mashable Style WordPress Theme from HelpNews [Winner Announced]
• How to create Imp/autoexec.bat/config.sys Files