Creating and Defining Seamless Polka Dot Pattern
February 9, 2010
I will show you how to create and define seamless polka dot pattern with three different color combination. I will give you also a tip for one color and two color combination.
1. Open a new blank document of 900x300 pixels with 300dpi. I used this size for the benefit of 12x12-inch layout.
2. Then turn on the grid. Go to Edit>Preferences>Guides, Grids, and Slices. From this option, set Gridline every .1 inch with 1 subdivision. Click OK.

1. Open a new blank document of 900x300 pixels with 300dpi. I used this size for the benefit of 12x12-inch layout.
2. Then turn on the grid. Go to Edit>Preferences>Guides, Grids, and Slices. From this option, set Gridline every .1 inch with 1 subdivision. Click OK.

3. Grids will become visible. You can hide and appear it by pressing CTL+'. Get now the center. If the ruler is not displayed, turn it on by pressing CTRL+R. Drag a vertical and horizontal guide.


4. This time create a new layer and rename it as color1. Click the Brush tool from the tool palette and set the size to 170 with 100% Opacity and Flow. With the color1 layer selected, make a single click on the center.


5. Click the Rectangular Marquee tool
from the tool palette and select the right bottom of the circle. Create a copy of this part by pressing CTRL+J in your keyboard.

from the tool palette and select the right bottom of the circle. Create a copy of this part by pressing CTRL+J in your keyboard.
6. After pressing CTRL+J, it is automatically created a copy in a separate layer, rename it as color1_right-bottom. With this layer selected, click the Move tool
and move this to the upper left which is the opposite side.


and move this to the upper left which is the opposite side.

7. Do the same thing in the three sides of the circle. Make sure when making a copy, select first the color1 layer.
For the left bottom:


For the left bottom:


For the upper right:




For the upper left:




8. Be ready with your 2nd and 3rd color. Create new layer for 2nd color and another layer for third color. Drag again ruler guides in 150, 300, 600, and 750. Click the Brush tool
with a size also of 170 and with your chosen color, select the color2 layer and make a single click on the center of the 150 guide. And for your 3rd color, click on the center of the 750 guide, as shown:

with a size also of 170 and with your chosen color, select the color2 layer and make a single click on the center of the 150 guide. And for your 3rd color, click on the center of the 750 guide, as shown:
9. Select the color2 layer. With the Rectangular Marque tool, select the bottom part of the color2 circle. Make a copy of this part by pressing CTRL+J and move this to the upper part of the guide 600.




10. And for the upper part of the color2, do the same in the opposite side.




11. This time select the color3 layer. Do the same process with the color2 layer but in the opposite side as shown:


**Note: Please make sure when making a copy, you are on the respective layer.
12. Almost done. We can now delete the background if we want to have a transparent seamless, or set your background. Now, hide the guide and grid by pressing CTRL+H. To define it as pattern, go to Edit>Define Pattern and set your pattern name. Click Ok. Then open a 3600x3600 document. Click the Create New Fill or adjustment layer button at the bottom of the Layer palette, choose Pattern.

12. Almost done. We can now delete the background if we want to have a transparent seamless, or set your background. Now, hide the guide and grid by pressing CTRL+H. To define it as pattern, go to Edit>Define Pattern and set your pattern name. Click Ok. Then open a 3600x3600 document. Click the Create New Fill or adjustment layer button at the bottom of the Layer palette, choose Pattern.

You can see if there is something wrong with your alignment because it will not appear perfect. In that case you can go back to your file and set in the proper alignment. In this sample, I used a very light background to blend with my 3-color combination of polka dots.
So what about polka dots with single color? The process is the same of what we have done in the color1 layer. In the example below, I used 400x400 and used with one color. Just make a copy for each quadrant and move them accordingly. You can see the respective number with its corresponding copy:

So what about polka dots with single color? The process is the same of what we have done in the color1 layer. In the example below, I used 400x400 and used with one color. Just make a copy for each quadrant and move them accordingly. You can see the respective number with its corresponding copy:

For two color combination, either change the inner circle or change the color of the four corners. Just make sure that the color of the four corner images are the same. This one example below will produce two color combination:

You can set your desired polka dot size or spaces between them depending on your needs. This tutorial will serve only a basic guide. If you have a better and easiest way of doing this, I would appreciate if you able to share it with me, too.
Whatever you produce from this tutorial will be absolutely yours. For a while here are the some samples from what I have made out of this tutorial:


You can set your desired polka dot size or spaces between them depending on your needs. This tutorial will serve only a basic guide. If you have a better and easiest way of doing this, I would appreciate if you able to share it with me, too.
Whatever you produce from this tutorial will be absolutely yours. For a while here are the some samples from what I have made out of this tutorial:

