In this tutorial you will create a file that will allow you to quickly and easily create a polka dot ‘fabric’ in any color combination you wish with just a few clicks of the mouse.
To begin create a new file.
Notice the settings:
- Size: 100 pixels by 100 pixels
- Resolution: 72 Pixels/Inch
- RGB color
- Background: Transparent
Zoom in so you can see your little square.
Create a new layer.
Create New Guides
- New Guide
- 50% Vertical
- Repeat, this time 50% Horizontal
This is what it should look like with the Vertical and Horizontal Guides set.
Create the first polka dot.
Select the Elliptical Marquee Tool.
Draw the Circle.
- Mouse over the center point of your square, where the guides intersect.
- Press and hold Alt and Shift keys, and drag the circle out to the size you want. It will be perfectly centered over the center of your square.
- Be sure to release mouse button before releasing the Alt and Shift keys.
The circle edge will appear pixelated, but that is only because we’re zoomed in so close. It will be fine when you zoom out.
Fill with white (usually the background color.)
Duplicate this layer.
Offset the new layer.
- Offset 50 Pixels Vertical and Horizontal.
Your image should look like this.
Set up the file up so you can quickly change the colors of the polka dots. I like to do this with Layer Styles.
Click on the center dot layer to activate it.
- Layer Style
- Color Overlay
- Pick color
Copy the Layer Style to the layer with the corner dots.
Right Click the Layer Style in the Layers Pallet, Copy Layer Style.
Select Center Dot Copy layer.
Paste Layer Style.
The file is set to make a polka dot pattern with dots the color you’ve selected, in my case hot pink.
Set the background color.
- Select the background layer.
- Fill with the color of your choice.
- Use the color picker to select the color.
To use this save it as a pattern.
Edit, Define Pattern.
The pattern will now appear on your Pattern Presets window.
Refer to other tutorials, such as “Create You Own Textures for Mesh Garments and Shoes,” for information on using this pattern file to texture garments.
Save this Photoshop file to use again for other colors. It is easy to change the dot colors by changing the Color Overlay, and simply refill the background layer to change that color.
This is an example of the pattern applied to a 1024×1024 square. You can see how the dots fill seamlessly.
How did I get 2 different colors of dots? Change the Color Overlay Layer Style on just 1 dot layer! Once your file is saved, play with it and see what other ideas you can come up with to use this principle. Have fun with this. Think of other applications. There are many.