Ahoy! There seems to be some interest in a written guide for Intersecting Word Art. I don't have much free time, but really like to help give back when I can so I decided to take a stab at this for everybody.
I tried to keep it as short and to the point as possible, so if you are unsure of something or need further explanation just let me know. It was made for Photoshop users, but I'm sure can be applied to other programs. There are many ways to do things, the way I show is what I believe to be one of the easiest. Once you see the method, I'm sure you'll say "Is that it?!"
So wipe the sawdust off, grab a drink and lets get this started!
Click on images to view them larger!
Lets start by making a new document. You can do this by hitting Ctrl + N, or going to File > New.
I use the "U.S. Paper" preset for projects I'm going to print. So select that preset from the dropdown menu, give it a name if you want, and then hit OK. You should end up with something like this...
Now in the top menu, go to Image > Image Rotation > 90 CW (Clockwise). This is just to make it landscape rather than portrait. You could of also of swapped the Width and Height while creating the document to avoid this step.
Now lets select the Text Tool from the toolbar.
Then while clicking and holding the left mouse button, make a text box from one side to the other. You can just single click as well, but I like doing it like this because it's easier to center. Just preference, no matter how you do it you'll end up with something like this.....
Now go to the bar at the top ( might be elsewhere for you). Select a font you like (I chose a Sans font for this), choose a size, center it, make it black, and hit enter or the little check mark.
Now lets take it one step further and edit the text a bit more. Go to your character window. If you don't see it, in the upper menu go Window > Character (make sure it's checked). With this we can change the spacing (kerning) of our text, size, height, and all sorts of things. Most commonly you're going to want to adjust the spacing between the letters.
To adjust the spacing between the letters, you need to select the letters you want to adjust. It can be all of them, or maybe just a few need adjusting.
So once you select the letters you want to space, you can type a number of into the kerning box, select a number from the dropdown menu, or even click/hold the little icon next to the box while moving your mouse left and right. You can enter a negative number if you want to make them closer together.
You can also make the text taller, wider, and all caps here. The little icon with the two capital "TT" is what you hit if you want to make all your text caps. Again, make sure you have all your text selected for this.
All numbers will be different based on font, project size, etc.. So just play around a bit to get a feel for it all. Make sure to hit enter, or hit the check mark to apply all your changes. Below is what I came up with.
Now is a good time to move/center your text if you haven't already done it. If you did the text like I did, it should already be centered left and right. To move it up and down select the text layer, in the layer panel. ***If you don't have it, go to the top menu again under Window > Layers (or hit F7)
Select your move tool, from the toolbar (or hit the "V" key).
At this point you can move your text layer. Assuming you already have it centered left/right... hold the Shift key, then while left clicking and holding you can move your text up and down. Holding the shift key prevents you from moving it left and right. So go ahead and eyeball it in the center and that will be fine. Depending on how you cut this, you don't really need to even center it to the page, it's good practice though.
Now using the same methods before, lets create another text layer. For now make it under your current text. Pick a nice script font, black, make it smaller than the first of course (this is the overlay text). I'm going to use Birds of Paradise font for this tutorial, I think people are are most familiar with that. This is about what you should have by now....
As you can see, this font is indeed a bit wonky. We need to fix the kerning on it. So back to the character panel as before, and make your changes! As you can see, it's a bit of an improvement....
Now, it's time to move this new text layer over our big old one. Make sure the new textt overlay layer is above our old one in the layer panel (you can drag and drop it above it if need be), select the layer and move it over using you've learned so far.
Yes! I know it's hard to see, you're probably freaking out at me "WHY DID YOU HAVE US MAKE BOTH OF THEM BLACK?!?!"
Don't worry, if it looks like the above picture you're doing great. The magic will happen in the next step!
Double click your text overlay layer (the smaller one) in the layer panel. Make sure you double click the layer and NOT the layer's icon/thumbnail. This will open up the Blending Options window. You can also get to this by right clicking the layer, and then going to Blending Options.
Once there, make sure the preview box in the upper right is checked. This lets you see the changes live (without having to hit OK). Now click "Stroke" on the left hand side. Choose a size that looks good to you (probably around 30), make sure the position is set to "Outside" and set the color to white. Once everything looks good to cut, hit OK and bask in the easy magic you just learned! Here is what you should have...
Almost done, just a little cleanup is all that's left.
Now is a good time to save, once you do this step you can no longer edit your text. You can undo it, but for simplicity sake, just finish editing your text and save your work.
Now you're going to right click the background layer, in the layer panels. Remember to NOT to right click the layer icon/thumbnail. Then choose "Flatten Image." You should be left with one layer; background and text all combined.
Now choose the paint bucket tool from the tool bar.
Now click on the foreground color swatch (on the bottom of the toolbar), and picking a nice easy to see color (I use red).
With your one and only layer selected, click anywhere on the background of your image to fill it all (or most of it!) with red. This is going to help reveal any islands/cleanup. You should have something like this....
As you can see, it has revealed all islands to us. So if we were to cut this how it is; we would have some fallout.
Make a new layer by going to your layer panel, and hitting the new layer icon. Make sure your new layer is above your background layer. You can also make a new layer with Shift+Ctrl+N, or make a new one via the menu up top under Layer...
(You don't HAVE to make a new layer, but it's so easy and can be helpful....I would just do it)
Now select the Brush Tool from the toolbar. Then change your foreground color back to white (same as our background color).
With the Brush Tool selected, go to the brush settings up top. Click the little dropdown menu to access basic brush settings.
Choose a circle brush, set the hardness to 100% and choose a brush size. This is going to be used to make the bridges, so something big enough to actually work when cut, but not so big it takes away from the work. I chose 18 for the tutorial, but probably should of done it a tad bit bigger. Just look to see what's right fro your project.
Now with your brush, and new top layer selected go to your islands and draw some bridges to get rid your project of those pesky things. Don't worry about going over the letter into the red, just don't go into ANOTHER letter. Try to keep the line going through the letter as straight as possible. What's on the red doesn't matter.
Now I'm going to share a quick tip for general use, and for "O" or letters/numbers alike. How to make a straight line easy! Start by taking your brush and clicking once on the outside of your chosen letter. Like below...
Holding shift, go up top diagonally and click your brush once. What this does is makes a straight line between the two points. You can use this method for all islands or anytime you don't trust your hand to make a straight line. See below...
The random patches of white you see is me just cleaning up some of the little left over black text. You can see them a few pictures back.
Alright, so here we are at the end. I'm sure you're itching to get back to your saw by now.
Go back to your layer panel, right click the background layer and flatten the image again. Just like before. Then select your paint bucket tool, make sure your foreground color is white, and I'm guessing you know what to do by now. Turn it from red back to white! Like below...
Sit back, and enjoy your new pattern! I know it seems kind of daunting and perhaps like a lot of work, but once you get the hang of it you can make these in minutes!
I hope you learned something, and I hope you enjoyed this tutorial. I worked on it pretty much all day because I love the Village so much! Sorry if I failed to explain something in more depth. I was really trying to keep the images down to a minimum. If you have any questions don't hesitate to ask.
- Mar 11, 2015 04:54 PM
- by Fishman