Photoshop Tutorials
The Design Center / Photoshop Tips & Tricks / Tutorials / Photoshop Tutorial: Color Pattern background  

Continued from the previous page

Patterned Monochromatic backgrounds

Generating the Pattern Layer

In the interest of time, without a lot of precision measurements, I'm going to 'emulate' the pattern in the sample, rather than trying to duplicat it. So, we'll need a nice, uniform pattern for the "lines" in the background. Sizing the pattern will be seat-of-the-pants -- looks about like 12 pixels off and 12 pixels on. So I'll generate a pattern and fill a layer with it before blurring.

making a pattern

Open a new file -- set the dimensions to 24 x 24 pixels.
Click 'New Layer' in the Layers palette, and fill half of the layer with black.
Turn OFF the background layer. (We want our pattern to be transparent)
Select Edit > Define Pattern, and give it a name.
This pattern will now be available to your work file. You can close the pattern work file or save it to modify in the event you don't like it and need a different one.

Fill the layer with a pattern

Now return to your work file, click a new layer, and select
Edit > Fill > Pattern, and select the new pattern you just created.
It will now fill the blank layer.

Setting The Monochromatic Color Layer

Next we'll colorize the image using a new blank layer, filled with the blue color. Set that layer in the Layer Blending Modes to "Multiply"

Adjusting colors and patterns

Adjust the Opacity slider for that layer until you like what you see.
Now, adjust the Opacity slider for the Pattern layer until a bit of the image appears through the stripes.

Make a copy of your Pattern Layer. (You may not like what I'm going to do next!) With the Pattern Layer selected, choose the
Filter menu > Blur > Gaussian Blur and add some blur to the stripes.
Experiment with the blue and remember you can always 'undo' the action if you don't like the results. (Open this diagram)

Next, we'll finish up by returning our subject and creating the glow


Or, return to the Photoshop Department, or the Design Center Index


Participate in your Design Center

Lots of fun and information for all... don't forget, any community is only as good as the participation of its members. We invite your tips, tricks, comments, suggestions and camaraderie.
Advertise your products or services among these pages! Call: 540-433-8402 for details.