Photoshop create Background pattern - Skin Investigation

Photoshop create Background pattern

Create a Seamless, Circular, Geometric Background Pattern in Photoshop


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.

Set a Gridline every 50 pixels, as shown below.

Step 2

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

Once your document has been created, go ahead and show your grid by going to > Show > Grid (Command/Ctrl-')

Your document should now look similar to the image below with Gridlines placed every 50 pixels.

Before you get started, make sure that Snapping is enabled by going to > Snap. This will make sure your shapes are placed properly.

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.


Your circle should look similar to this shape. My circle currently has no color applied to it.

Activate the Path Selection Tool (A), select the circle shape that you just created, and change the color to black, or any color you prefer.

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.

With the new circle selected, select the Intersect Shape Areas option from Path Operations, as shown.


Your new shape should look like this.

To simplify things, select Merge Shape Components, as shown. This will get rid of all the excess paths.

Your canvas should now look similar to this.

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.

Select both shapes with the Path Selection Tool (A) and make duplicates of them by Copying and Pasting (Command/Ctrl-C and Command/Ctrl-V). Then, rotate them and place them, as shown, by Pressing Command/Ctrl-T on your keyboard, using the appropriate Transformation handles.

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.

Create a square shape that is 70 x 70 pixels in dimensions. Make sure to enable the From Center option.

Your shape should now look similar to this image.

Now, let's Inflate the center shape a bit by going to Edit > Transform Path > Warp.

Select Inflate from the Warp dropdown menu. Set the Bend to 10%.

Press Yes.


Your shape should now look similar to this.

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.


All shapes layers are now merged onto one layer.


More about Photoshop create Background pattern

Free Indesign/Illustrator brushs like Photoshop?

by SFlocal35

I have downloaded all kinds of cool patterns and brushes for Photoshop CS3 from brusheasy.com.
I am creating some print work (newsletters etc.) in inDesign and Illustrator. Is there anywhere that I can dowlnload brushes and patterns for those programs?
Can I import PS brushes into Illustrator?
Thanks!

PhotoshopCAFE How to do Cartoon Illustrations & Techniques tutorial DVD - Adobe Photoshop training video
Software (PhotoshopCAFE)
  • Lessons Include: Document Setup The Layers Palette Brush Basics Sketching in Photoshop Importing a Sketch Freehand Inking The Pen Tool Inking with the Pen Tool Ink...
  • 5 Hours. Step-by-Step Walkthrough. Full Screen Playback.

CorelDRAW X7 review: Customizable features make this robust design program ..  — PCWorld
.. purchase, as well as a $25 monthly subscription. People miffed by Adobe's wholesale move to subscriptions will find a great alternative here. ..

Galaxy 61 Delivers Show Open for VH1's 'The Fabulous Life  — Animation World Network
VHI recently called upon Galaxy 61 to create a show intro for the new 2014 season of The Fabulous Life, the hit series that reveals the extravagant places, possessions and pastimes of pop-culture's most famous celebrities. The Brooklyn-based ..

Hunterdon County Polytech students bridge the gap thanks to local Rotary Clubs  — Hunterdon County Democrat
This year's Job Fair, on March 25, attracted the Dave Gansfuss Allstate Agent for an agency logo; G&H Publishing and author Katherine Kurz for children's book illustrations; Artiste Salon for a new logo, brochure and social media materials; St.

FAQ

Lala
Photoshop tutorial to create this background effect?

Is there a photoshop tutorial for replicating the type of effect used to produce the "red swirly background" on this page? (I'm not talking about the floral prints, just the red background on that image.)

http://jsbox.net/


Thanks!

Note: site takes forever to load cause of java scripting,

red swirl effect,
you say the shape of the swirl, and not pattern within, you could mask that area or outline with pen tool and convert, then place as overlay to pattern the apply to photos, also could design in illustrator, then open in photoshop later,
..

elohel
How to create desktop backgrounds in Adobe Photoshop?

How do you create desktop backgrounds.. such as this one http://i74.photobucket.com/albums/i269/mette1987/ScreenShot048-1.jpg ..in Photoshop. I'm only assuming it is made in photoshop.

Just wondering how you get all the patterns and stuff, and the birds and the white dots.

Or does anyone know of any programmes that are better for creating things like this?

Thanks

I'm sorry, but uninstall photoshop now if it's installed and stay the hell away from it.

Ginevra.
Photoshop - how can I create these types of things?

I just got Photoshop CS4 and want to know how I can create things similar to these:

http://i60.photobucket.com/albums/h38/gothicangel_07/jason-1.png

http://i297.photobucket.com/albums/mm238/Tale-Weaver/Examples%20and%20my%20signatures/Examples/Lily-1.png

you know, blending/the layering ect!
I'm a bit clueless and am dying to learn!

That's really just a cut and paste over text. There is a background with the text and the color pattern. Then there are two separate cut and pasted pictures ....the larger one on the right and the smaller one where the guy looks like he's sitting on the text.

That is the first pic. The next is likely similar simple techniques.

Related Posts