A slightly more advanced pattern.
I like to stick to the basics when I am writing a tutorial so I go over each step very carefully.
Nothing makes me crazier than to be half way through a tutorial and not know what to do.
So read on and enjoy yourself. If it’s not fun, what’s the point?
Welcome back or just plain welcome. If you followed my previous tutorial on simple patterns, then this will be a breeze. If not you can find it here,
In the last tutorial, we started out with this,
And we ended up with this,
In this tutorial we will start with this.
And end with this.
This is where it gets interesting. We need to start out with the red ball as an image. The image is available
Open it up in photoshop.
The first thing we need to do is remove the white area around the big red dot.
Go up to the tool bar and select the MAGIC WAND TOOL.
Click on the wand tool and hold down the mouse button until a drop down box appears.
Select the MAGIC WAND TOOL from the choices.
Use this tool and click anywhere in the white portion of the image. You will now see this.
Notice the moving dotted line around the big red dot? These are called marching ants. Really. they are.
At this point you need to figure out if your image is on a background layer or not. If it is you will not be able to remove the white portion.
If it is, simply double click on the layer in the layer palette and this box will pop-up.
Name it whatever you want and click OK.
Secret tip, If you hold down the ALT key as you double click the layer, it will change the layer without bringing up the NEW LAYER BOX.
Your layer will now look like this. But you don’t have to name it if you don’t want to.
The image will change to this.
Notice that the white portion has changed to a gray and white checkerboard? This is photoshops way of telling you that the background is now transparent.
Now lets set up some things on your Photoshop desktop.
First go to VIEW> RULERS and make sure there is a CHECKMARK next to it.
If not then click on it. One will appear.
Everytime you click on the “Rulers” choice, it will either turn it on or turn it off.
Check mark = on. No check mark = off.
Now, after clicking on it, you should see a set of rulers. One along the top of the image, and one going down the left hand side. Here they are in red. Yours will be gray.
Now with the Red Ball Image selected, Go up to the MOVE tool. It looks like this.
Once you have your MOVE tool ready and selected, you will see 7 small boxes around the image and a cross in the middle. Like this.
Go to the ruler on the top and click and hold mouse button while you move the pointer down from the ruler. You will see a thin line moving as you move the mouse. This is a guide. Move it down so that it lines up with the cross in the middle of the Red Ball.
So now you have a Red Ball with a horizontal guide right through the middle.
Go to the tool bar and pick the MARQUEE TOOL.
What you want to do now is select half of the Red Ball with the marquee tool. Start at the top left hand corner of the ball and drag the MARQUEE TOOL down and across to the bottom right side where the guide you just placed is. The guide will help you place the marquee tool in the right place.
At this point you will see a border around the top half of the red ball. These are our old friends the “marching ants”.
Now go to LAYER> NEW> LAYER VIA COPY. Or you can click ctrl+j as a short cut.
If you look at your layer pallet at this point you will see that there is a new layer above the red ball. You have just copied the top of the red ball to its own layer
You will also see that the new layer is blue instead of grey, this is because it is now selected. Go up to your layers pallet and click on the bottom layer to select it. It will now be blue. Now we will do the same thing as before, with the MARQUEE TOOL, but we are going to select the bottom half of the red ball and move it to a new layer. Either Go to NEW> LAYER> VIA COPY, or use the keyboard shortcut Ctrl+j. When you do, you will see a new layer just above the red ball layer that is the bottom half of the ball.
At this point what I do is go up to the layers pallet and click on the little eye next to the bottom layer. You see that there is an eye next to every layer in the pallet. Its job is to turn off or turn on its layer each time it is clicked. After you turn off the eye on the bottom layer, you can now select the top layer. Now your layers pallet should look like this.
With all that done, go to your original image. It will look exactly the same except it is actually two half’s.
You’re going to have to believe me on this one.
Now it’s time to go back to the TOOL BAR and select the MOVE TOOL.
Now go back to the LAYERS PALLET and click on the top layer. If you look at your red ball you will see a square around the top half.
Place your pointer anywhere in the box, Hold down the shift key, Click and drag the top half down until it is resting on the bottom of the image.
By holding down the shift key you can drag the layer in a straight line.
Go back up to the layers pallet and select the middle layer, which is the bottom of the dot, and shift and drag it up to the top of the image.
We are now going to repeat the last step except we are going to slice it vertically.
So the first thing is to merge the top two layers. Click on the top layer and press ctrl-E.
This will merge them together.
Next go to the ruler on the left side and drag out a guide.
Place it right in the middle.
Take your MARQUEE TOOL and select the left side of the image just as before.
Now press ctrl+j to form a new layer.
Click down from the new layer to the reversed halves layer, and do the same thing with the right side.
After turning off (click on the eye) the third layer, your layers should now look like this.
Slide layer 3 over to the opposite side. Then do the same thing with layer 4. Here is what your layer pallet should look like now.
Here is what we have so far.
If we make a pattern from this, it will look just like our simple pattern from the last tutorial.
Please Click Here for that tutorial.
Let’s add something to it. It can be any other image that you want.
I am going to use our original big red dot. And I am going to place it in the middle of our new pattern.
Start by clicking on the move tool
Than set up two new guides as shown here.
We are almost there.
Go up to the tool bar, click in the markee tool and hold it. In about a second, a drop down box will appear and offer you four choices. Choose the ELLIPTICAL MARQUEE TOOL.
Next go down to the bottom of the layers pallet and click on the new layer symbol.
Place the mouse pointer on the center of the small cross in the middle of the new pattern.
While holding down the shift and alt keys at the same time, pull out from the center of the new pattern until the circle is the size you want it.
To give it a color, go back to the tool bar and making sure that the color you want is in the primary color indicator.
You can click alt+ backspace and it will fill your circle with that color.
To change the primary color, click on the indicator and this box will pop up.
In this case it shows the red we have been using.
Your color picker may look different, it depends on how your photoshop is set up.
From this box you can pick any color.
Learn more here(coming soon)
In this image you can see the box around the small dot in the center.
That tells you that the move tool is being used. The MOVE TOOL is great for making an item larger or smaller.
To make it bigger or smaller, just click on one of the tiny boxes on the corners of the box and move it in or out. If you hold down the shift key down while you are doing this the dot will stay perfectly round.
If you would like to learn more about the move tool, you can go here(coming soon).
Also by clicking inside the box, but not on the little cross in the middle, you can drag the dot anywhere you want. I’m going to leave it right in the center.
OK here comes the magic. Now we can transform the image into a pattern just like we did in the last tutorial.
Go to EDIT> DEFINE PATTERN,
When you click the button this box will appear,
Name it whatever you want.
Now to use your new pattern, First go to FILE> NEW.
When you click on it, this box will show up.
Fill the box in with these numbers. Depending on what you are going to use the pattern for will determine how large to make your new canvas. CLICK OK.
A new canvas will appear.
Now you can go to EDIT> FILL, and this box will appear.
You are first going to click the little arrows next to the box that says USE.
When this box drops down,
Now click on the choice that says pattern. When you do you will see this box,