Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this exercise, I am going to show you how to move or otherwise transform objects that are either filled or stroked with tile patterns without affecting the tile patterns themselves. That way if you have multiple overlapping objects that are all filled with the same tile pattern or similar tile patterns as in our case, then you can do anything you want to the filled or stroked objects, and the tile patterns will continue to align with each other. I've saved my changes as Color variations.ai. And currently I have got this central rectangle filled with the bronze men.
I'm going to change that fill by switching it here in the Swatches palette to Troglodytes. And my fill is active, so I end up changing my fill here inside the illustration. Now I am going to add a big circle with the Ellipse tool. And it's going to provide us with a kind of magnifying glass into a different version of these troglodytes. And so I will just drag while pressing the Shift key in order to create this big circle like so and then I'll release. And it comes in filled with the same tile patter. I am going to switch it over to the more colorful Clubsters here.
And then I am going to increase my stroke weight to something like, let's start with 40 for starters, and it comes in as this sort of dingy gray, that's interesting. I am going to click on this little Stroke swatch and switch it to rich black. And then I am going to increase the stroke value from 40 to let's say 44, and press the Enter key or the Return key on a Mac. And I am going to add a drop shadow as well, by going up to the Effect menu, and notice, because the stroke is active, I will assign the drop shadow just to the stroke.
So I will go to Stylize > Drop Shadow, if you load dekeKeys, you can press Ctrl+Alt+E, Cmd+Option+E on the Mac. And these are the settings I want to apply. So Multiply, an Opacity of 100%, X and Y Offset set to 7 points a piece, and Blur set to 0. That's just going to quicken things up. So we don't have to spend a lot of time waiting for that Gaussian blur to resolve. And I will turn on the Preview check box and that may be a little dark, actually let's take the Opacity value down to 75%, let's say, press the tab key; that looks better to me.
And I will click OK. And now I want to add another stroke that contains yet another variation on this tile pattern. So I will drop down to the Add New Stroke icon, click on it, or I could press Ctrl+Alt+Slash, Cmd+Option+Slash on the Mac. I will change the Stroke Weight value to 40 points. So we will have the effect of a two- point black stroke on either side, because 44 point minus 40 is 4, split in half, we have 2 points on either side. And then I'm going to change that stroke from black to this final guy right there, Bronze men.
So we have this effect right here. Now then, notice how we have absolute and impeccable alignment between all of these guys inside the tile pattern. So one flows right into the other. And the analogy I make is to a very nice shirt. If you've ever got a patterned shirt that is tailored nicely, probably very expensive as well, then the idea is everything about shirt should align when you button it up. And the same is true with these tile patterns. They should remain in absolute alignment, no matter what we do. But if I drag this path to a different location, why then, the Stroke & Fill are still in alignment, because they're all part of the same object. However, they are not aligned with the background anymore, because both of the tile patterns, both the Fill & the Stroke got moved along with the object.
If you don't want that - and I'm willing to bet most of the time you don't. All right, so I will go ahead and press Ctrl+Z, Cmd+Z on a Mac to go ahead and undo the movement of that path. Things get even worse if we try to scale the path. So if I press the S key to switch to the Scale tool, and I drag, for example while pressing the Shift key in order to create a smaller circle inside of my illustration, why then, I change everything. I scale the tile pattern. I also scale the stroke, notice that, so it's become thinner. I have scaled both the strokes.
So the top stroke is 26 1/2 points wide, and the bottom stroke is a little over 29 points wide. I don't want that at all. So I will press Ctrl+Z, Cmd+ Z on a Mac to undo that change. And then I am going to press Ctrl+K or Cmd+K on a Mac to bring up the Preferences dialog box. And notice these two check boxes - Transform Pattern Tiles and Scale Strokes & Effects. Effects, meaning things like Drop Shadows and other dynamic effects. Let's go ahead and turn both of those check boxes off. And then click OK.
And now notice what happens if I go ahead and scale this path outline, I don't change the line weight of the stroke, I don't change the size of the drop shadow, and I don't change the size of any of the elements of my tile pattern either, and everything still aligns perfectly. And if I switch back to the Black Arrow tool, and then drag this path outline around, then you can see that everything remains exactly aligned. So I can say you know what, I want to go ahead and inspect this upside down guy right here, and check him out and he is nice and purple now.
And then I might inspect this guy who is on his side, he looks muted purple, but as soon as I release, he becomes orange, and so on. So I have that kind of control. If I drag over him, he becomes green, and so forth. So that's a function of turning those check boxes off. I should show you that they also exist inside the independent transformation dialog boxes. So if I double-click on the Scale tool for example, then in addition to whatever changes I'm applying, I've got these two check boxes, notice, Scale Strokes & Effects and Patterns.
And they are now turned off. And if I were to turn them back on, not only would I go ahead and Scale the Strokes and Effects and the Patterns like so, click OK, but I would also modify, if I press Ctrl+K or Cmd+K on the Mac, I'd to also changed the settings here inside the Preferences dialog box. So they're both linked together. Anyway, I'm going to go and turn these guys off, click OK. And then I'm going to press Ctrl+Z or Cmd+Z on the Mac to undo that modification. So that's how you move and otherwise transform path outlines that are filled or stroked with tile patterns without affecting the tile patterns themselves.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 50918 Viewers
117 Video lessons · 38640 Viewers
113 Video lessons · 81562 Viewers
65 Video lessons · 11572 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.