New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Designs dekeConstructed: Gradient Dot Patterns with Illustrator
Illustration by John Hersey
Watching:

Loading, applying, and scaling a dot pattern


From:

Designs dekeConstructed: Gradient Dot Patterns with Illustrator

with Deke McClelland

Video: Loading, applying, and scaling a dot pattern

In this movie, I'll show you how to load, assign, and scale one Now at this point, we need to load the dot pattern, And notice in my top row, I've got 10 DPI Now, this is all very well and good, and you can see,

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Designs dekeConstructed: Gradient Dot Patterns with Illustrator
1h 19m Intermediate Feb 11, 2014

Viewers: in countries Watching now:

Designs dekeConstructed, featuring best-selling author Deke McClelland, is a new series in which Deke breaks down the creation of cool designs so you can create them on your own. In this installment, Deke shows you how to make a custom gradient dot pattern with Adobe Illustrator. He begins by showing you how to load, apply, and scale the preset patterns that ship with Illustrator, and then demonstrates how to make your own gradient patterns with round and square dots. Last, he shows how to infuse your designs with energy using dynamic rotations that make your own specialized pattern wave.

Topics include:
  • Using Illustrator's preset gradient dot patterns
  • Creating a pattern of custom halftone dots
  • Filling editable text with a dot pattern
  • Turning circular dots into squares
  • Using dynamic rotations to create specialized patterns
Subjects:
Design Design Techniques
Software:
Illustrator
Author:
Deke McClelland

Loading, applying, and scaling a dot pattern

In this movie, I'll show you how to load, assign, and scale one of the custom dot patterns that believe it or not ships along with Illustrator. So, for starters here, I'll go ahead and click on the text with the Black Arrow tool in order to select it. And incidentally, you can always get to the Black Arrow tool by clicking it on the first tool icon at the top of toolbox, or by pressing its keyboard shortcut, the V key. Now, in the name of full disclosure, I'll go ahead and click on the word Character here in the Control panel to bring up the character panel so that you can see that I've set the tracking for my characters to negative 80.

Which moves them closer together. You may want to do so as well, or you can apply any formatting attributes that you like. I'll go ahead and escape out of there. Now because I want to come back to this original text over and over again, I'm going to make a copy of this layer by clicking on the layer here inside the Layers panel. And then, I'll click on the Flyout menu icon in the upper right hand corner, and I'll choose Duplicate Test, which actually duplicates that entire layer as you see here. Now I'll turn off the original layer to keep it safe.

And I'll double-click on an empty portion of this layer to bring up the Layer Options dialogue box. We'll go ahead and call this layer, custom dots, and I'll change the color to light blue. And then I'll click OK. Alright, now to add those custom dots, we need to switch over to the Appearance panel. In this case of my workspace, the Appearance panel is next door. If you are not seeing it, you can go up to the Window menu and choose the Appearance command in order to bring it up. Now, notice that we are not seeing the fill and stroke attributes as we normally do when we're working with the standard path outline.

And that's because those are hidden away inside this item called Characters. But that's okay because we need to add another fill. And you do that by clicking on the Add New Fill icon in the lower left corner of the Appearance panel. And that will change your characters to black, because after all, this black fill is now sitting on top of the orange fill. Which might not make any sense, but we're going to change this black fill to a dot pattern by clicking on that swatch right there. And notice that I have medium thumbnails in my little Swatch's Pop-up panel.

And I achieve this just so that I can better see my swatches, by clicking on a little fly out menu icon there and choosing Medium Thumbnail View. Now at this point, we need to load the dot pattern, and you do that by clicking on this little library icon. Notice, it looks like a bunch of books down here in the lower left corner of the panel. And then you want to choose Patterns, then go to Basic Graphics, and then choose Basic Graphics Dots. And that'll bring up this floating panel right here. Now, I've gone ahead and scaled my panel so that I can see my patterns nine swatches wide.

And notice in my top row, I've got 10 DPI dots, and in the bottom row, I have six DPI. So, if you select the smaller value, six DPI, you're going to get bigger dots. So this is six DPI, 50%. If you want smaller dots, then you would go with 10 DPI, 50% for example. If you want tighter dots, you'd go with a higher percentage value. If you want lighter dots, then you go with the lower percentage value. I'm going to go with ten DPI, 50%, and then for now, I'll go ahead and close this floating panel.

Now, this is all very well and good, and you can see, by the way that all of the dots are uniform in size. So, in other words we're not expressing a gradient at this point in time. But let's say my dots are still too big for my taste. How do I go about scaling them? Well, you want to make sure that the Fill is selected here inside the Appearance panel. So, go ahead and give it a click. And then go up to the Effect menu, choose Distort and Transform, and choose Transform in order to bring up the Transform Effect dialog box.

And this will allow us to scale the fill independently of the letters. So, let's say I decide to take the horizontal value down to 50%, then I'll take the vertical value down to 50% as well. Now I'm not seeing anything happen on-screen. And that's because the Preview check box is off. As soon as I turn it on, however, things have gone terribly awry. We're now making the letters themselves, that are filled with a dot pen and smaller. And the dot pattern is remaining the same size as it was before, so that's exactly the opposite of the effect we want.

In order to get the effect you want, you want to turn off the Transform objects checkbox, and that will automatically turn on transform patterns. So now we're no longer transforming the letters, but we are transforming the dots. And I can take them even smaller if I want. I could reduce the horizontal value to 25%, and take the vertical value down to 25%. That's going to look pretty rotten on-screen this far out. But if we zoom in, it's going to look just fine. And in fact, I'll go ahead and click the OK button in order to accept that change.

And then I will zoom in by pressing Ctrl+Plus, or Cmd+Plus on the Mac. And you can see that the dots are resolving just fine. Well, what if that's not what you want either, you want to still scale the dots to a different size. Well, because we have applied a dynamic effect from the Effect menu, we can modify the settings any time we like. So I'll go ahead and zoom out by pressing Ctrl + 0, or Cmd + 0 on a Mac, things look pretty dreadful at this view, and I want bigger dots than this. So, to increase their size, all you need to do is make sure that the little fill here is twirled open, by which I mean it's expanded.

You click on the little so-called twirly triangle right there, and then click on the word Transform in order to modify your settings. Then, inside the Transform Effect dialog box, I'll go ahead and change both the horizontal and vertical values to 75% let's say. And then I'll turn on the Preview check box, and I can see the larger dots here on-screen. And so now I'll click OK in order to accept that change. And that friends is how you load, apply, and scale a custom dot pattern that ships along with Illustrator.

There are currently no FAQs about Designs dekeConstructed: Gradient Dot Patterns with Illustrator.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Designs dekeConstructed: Gradient Dot Patterns with Illustrator.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.