
Seamless backgrounds can be used in just about any type of project. You will commonly see them used in fashion design, print design, web design, and even architectural design. I've always enjoyed creating seamless backgrounds, and in this tutorial, I will show you how to create a really interesting circular, geometric background pattern using Photoshop's vector tools. Let's get started!
1. Set Up Your Canvas
Before we get started, the first thing that you will need to do is to set up your canvas. Setting precise measurements for this pattern is important, so in this tutorial, we will rely heavily on grids.Step 1
To set up your grid, browse to Preferences > Guides, Grids & Slices.

Step 2
Now that your grid is set, create a new document that is 350 x 350 pixels in dimensions. Use the settings below.


2. Draw Shapes
Step 1
Before you get started, make sure that Snapping is enabled by going to View > Snap. This will make sure your shapes are placed properly.
Step 2
This pattern will be created using basic vector shapes. Select the Ellipse Tool (U) and click anywhere on the canvas. Create a circle that is 200 x 200 pixels in dimensions.




Step 3
Place your first shape in the top left corner of your canvas, as shown. It should snap in to place.
Step 4
With the Path Selection Tool (A) selected, and while pressing Alt on your keyboard, select the circle shape and drag out a duplicate circle, as shown.





3. Build Pattern Shape
Step 1
With the Path Selection Tool (A) selected, select the new shape, and with the Alt key pressed, drag out a duplicate of the shape and place it, as shown.

Step 2
Now we need to fill in the center of the pattern. To do this, select the Rectangle Tool and click directly onto the intersection of the two Gridlines in the center.







Step 3
Our pattern is almost complete. Before we move on, take a look at your Layers panel. If your paths are broken up onto several layers, like mine, select all the shape layers and Merge them by right-clicking on them and selecting Merge Shapes. This will combine all your paths in to one.


Step 4
Now that we have simplified our layers a bit, we can now start duplicating the shapes to fill the screen. Select the Path Selection Tool (A) and select the shapes, as shown. You can select multiple shapes by shift-clicking on them. Don't click the far left shape. It's not necessary.


4. Make the Seamless Pattern
At this point, we are pretty much done with the tutorial. All we need to do now is turn it into a pattern preset.Step 1
Select the Rectangular Marquee Tool (M) and draw a selection in the center of the canvas as shown below. Your selection should be 150 x 150 pixels.



5. Apply the Pattern
Once you are done, the next step is to apply the pattern to see how it looks and to make sure it actually works.Step 1
Create a new document in whatever size you like. Mine is 2000 x 2000 pixels.
Step 2
Select the Background layer in the Layers panel.


Conclusion
In this tutorial, I showed you how to quickly and easily create a seamless, geometric, circular pattern using Photoshop's vector tools. I hope that you learned something from this tutorial and can use these techniques to create your own beautiful patterns in Photoshop.



Thanks for making a wonderful share!
ReplyDeleteClipping path service in Bangladesh
Enjoyed reading the article on top of, explains everything in detail, the article is extremely fascinating and effective to Clipping Path Lab. Thank you and smart luck for the approaching articles.
ReplyDelete