Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use | Helen Bradley | Skillshare

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (20m)
    • 1. Illustrator for Lunch™ - Working with Gradients - Intro

    • 2. Illustrator for Lunch™ - Pt 1 -Radial Gradient Background

    • 3. Illustrator for Lunch™ - Pt 2 - Adapting Built in Gradients

    • 4. Illustrator for Lunch™ - Pt 3 - Multi color gradients

    • 5. Illustrator for Lunch™ - Pt 4 - Using multiple gradients

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Illustrator for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to find, adapt, create and use Gradients in Illustrator. You will see how to use custom colors for you gradients, easy ways to work with gradients and how to make multi color and stripe gradients. You will also see how to use gradient filled shapes on top of a background gradient to create varying effects. Here are two of the gradient effects we will create:


More in this series:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - An Illustrator for Lunch™ Class

Draw a Hot Air Balloon in Illustrator - Fun with 3D! 

Illustrator - Design in Black and White - Create Positive/negative images

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class




Meet Your Teacher

Teacher Profile Image

Helen Bradley

Illustrator for Lunch™ & Photoshop for Lunch™

Top Teacher

Helen teaches the popular Illustrator for Lunch™, Photoshop for Lunch™, Procreate for Lunch™ and ACR & Lightroom for Lunch™ series of courses. Each course is just the right length to take over a lunch break and is packed with useful and fun techniques. The projects are designed to reinforce what is taught so they too can be easily completed over a lunch hour or two.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.



1. Illustrator for Lunch™ - Working with Gradients - Intro: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for Lunch Create Gradient Backgrounds. Illustrator for Lunch is a series of illustrator classes each of which teaches a small range of illustrated techniques. You'll get plenty of opportunity to practice your new skills in the projects you'll create. Today, we're going to look at creating gradient backgrounds in Illustrator. As we create our backgrounds, you're going to learn a little bit about using the gradient panel and how to set up and configure your own gradients. As you're working through these videos, you might say a prompt which lets you recommend this class to others. Please, if you are enjoying the class, give it a thumbs up. These recommendations help other students to find my classes so that they too can learn more about Illustrator. If you'd like to leave a comment, please do so, I read and respond to all of your comments, and I look at and respond to all of your class projects. So if you're ready now, let's get started creating some backgrounds using gradients in Illustrator. 2. Illustrator for Lunch™ - Pt 1 -Radial Gradient Background: I'm going to start in Illustrator with a new document. I'm just using a 1,000 pixel by a 1,000 pixel document in RGB color mode. You can make your document whatever size you like. I'm going to make a rectangle exactly the same size as my document. I'll click OK. I'm using the align panel here. I have show options enabled, and I'm just going to make sure that I'm aligning everything to the artboard so I can click here on horizontal align center and vertical align center to align the shape directly over the top of the artboard. I don't want it to have a stroke, but I do want it to have a fill, and I want the fill to be a gradient. Here in these three little icons underneath the color swatches for fill and stroke, is a gradient options. I'm going to click it and I'll apply the default white to black gradient to my shape. This is a linear gradient. There are two types of gradients in Illustrator, linear and radial. But let's settle for linear for now. If I don't like the order of this gradient, if I want black over here, white over here, I can click here and that just reverses the gradient. Here on the gradient slider, this is the white swatch, and this is the black swatch. If I don't want black, if I want another color, I can change it. I'm going to double-click and just choose a different color here, for example, a blue. This middle point slider here adjusts where the 50 percent transition between these two colors occurs. By default, it's right in the middle at 50 percent. I'm just going to get roughly there. The transition between white and blue, the 50 percent point, is right down the middle of this shape. But we can push it to either side, which gives us more blue and less white, and a steeper transition between the two colors. That can go over the other side as well. It just depends on the effect that you're looking for. I'm going to create a radial gradient here. But what I want to do with this gradient to create a usable background, is I want to pull this center point all the way down here. Now, there's no option in here in this dialogue to move the location of the center point down to here, but there is a tool to do it with and here's the gradient tool. The gradient tool shows the exact same color stops, blue here, white here, as we have in the gradient slider up here, and here's the midpoint. We can adjust it here, and when we do that, we adjust the exact same slider up here. This is another way of manipulating gradients. In particular, this will help us move the center of this gradient down to here. There are two ends to this gradient. This one is the end that you use to rotate it and to shrink its length. But this one here is the one that you use to move it, and so I'm just going to pick it up and drop it down into the bottom corner of my artboard, and that gives me a transition of radial gradient that is now off the edge of the artboard with still filling our shape, but we've got a light burst in the corner petering out to the standard blue as we get past the edge of this gradient. Now, if I want to extend this center point out further, I can do it. What I'm going to do is drag on the end of this gradient to make the gradient larger so that we got this transition point that's happening further out. So that's a really nice gradient effect to use as a background, just a simple slight color change in one corner. Typically, you would actually use a blue color for this, so you probably wouldn't do it using a white. Let's just go and sample a paler blue for this. Well, that's a greeny blue. But you get the idea, that transitioning from one color to another, where the colors are pretty close to each other, can give you an interesting background effect. Just a little bit of variety for your backgrounds. 3. Illustrator for Lunch™ - Pt 2 - Adapting Built in Gradients: Now in addition to creating your own custom gradients, you can also use gradients that are shipped with Illustrator. So I'm going go to the swatches panel. Just bring that out here. I have my shape selected. I'm going to drop down the flyout menu here, choose open swatch library and then gradients. I'm going to start with the top most one, the brights. What that does is it opens up a little swatches panel with the brights gradients visible because I have my shape already selected and because my fill is in the foreground here. I can click on any of these gradients to apply it immediately to the image that you can say that these gradients are bringing with them not only the colors, but also the type of gradient that they are. These are linear gradients they have been set up as linear gradients, but they don't have to stay that way. I'm going open up the gradient panel and just turn it into a radial gradient. Then I can go and get my gradient tool and I can just bring it down to the bottom corner. So you can see that there's a lot of flexibility with the gradients that are built into Illustrator. If you like them, they can help you quick-start your projects. Now, if you don't find what you want in the first gradient panel that you see, just click here to see the next swatch library and then apply that one to the image. Of course, if you want it to be a radial, then you can just click to make it radial. You will see that some of these stripy gradients have interesting effects on your image. Every time you click to apply one of these gradients to a shape in your current image, the gradient itself is added to the swatches panel. Not all of these gradients are added, just the ones that you select to test out. There are a lot of gradients shipped with illustrator and some of them are radial, although of course you can convert those to linear if you wish. Others of course, are linear, which can be converted very easily to radial by just changing the type. These gradients can be either a finishing point, so you can just click on them to apply them to a shape and then be done or else you can use them as a starting point for creating a different gradient effect, and of course, at any time you can change the colors that are in these gradients. You can do this a couple of ways. You can double-click on a gradient stop to open up the panel here. So you can select a color this way or you can select it from your current swatches. When you select it using these sliders, I'm saying RGB because I'm working in an RGB document. But one of the better options to use often here is HSB or hue saturation brightness that allows you to take a color that you've already got and make it lighter or darker according to your needs by just adjusting the brightness. So just having access to that brightness slider can really help you quick start adjusting the colors and the gradient perhaps it's not light enough or not dark enough. Now you can also drag and drop colors. I'm just going pickup this pink color here from the swatches panel, I'm just going to drag it on top of this color stop here. When I let go, the existing color is replaced with a color that I just dragged and dropped onto the color stop. You can also use the eyedropper. I'm just going to click on this color stop to say that this is the one I want to adjust and I'm going to the eyedropper tool. I can shift click with the eyedropper tool on any color in this document to make that the color of this stop here. Say, I want to make it pink color. Well, as soon as I shift click on it, the color at this color stop changes, then you don't have to sample colors out of the existing shape that you're working on. You can sample any color from the illustration that is in front of you. It's a really nice handy way of getting the colors from your document into your gradient here. Of course, once they're in the gradient, if you want to adjust them to double-click on them. Here is a hue saturation brightness, and I can say, well, I really like that, but I'd like it to be a slightly darker version of that pink. So I am going to adjust it to make it a bit darker. 4. Illustrator for Lunch™ - Pt 3 - Multi color gradients: One of the reasons why I created this gradient class is because one of my students asked about creating multi-color gradient backgrounds and we're going to do that now. I have a document 1,000 by 1,000 pixels in size of course, yours can be any size you like. I have a rectangle already over the art board here and it has the default settings. I'm going to turn off the stroke. I'm going to focus on the fill and just apply the basic gradient to it. I'm going to open up my swatches panel, just drag it over here because I want to access some of the colors from my swatches panel. To create a multicolored gradient, all I need to do is to locate a color in my swatches panel and drag and drop it onto one of the color stops here. Now, it doesn't have to be dragged onto a color stop, you can also drag and drop it just anywhere underneath the gradient slider to add a new color stop at that place. Of course, you can also double-click on an existing color stop, go to select the kind of color mode you want to work in for example, hue, saturation, brightness and then you can go and adjust your color stop to suit. It's going to take down the saturation on this. Perhaps darken it a little bit. But you can see that you can adjust the colors to your liking. Now, you can add multiple stops here, so you can add plenty more. Let's go and add another one in here, orange one. Of course, then you can adjust the midpoint between the stops to control how the color transitions from one color stop to the next. If you want to rotate this at this point, you would go to the rotation tool and if, for example, we wanted this on the top, we would want to rotate around in a clockwise direction, which is minus 90 degrees. That minus 90 just sits that at the top here. Now, when you're working with this multi-color gradients, I'm just going to put this back to zero, you can also create distinct stripes. We're going to look at that now. I'm just going to pull off most of these colors and let's just settle for this orange color and the green. I've got one green and one orange and I'm going to create stripes across this gradient. To do that, I'm going to start by duplicating this green. I'm going to hold the Alt or Option key as I drag another green stop away. I'm going to set this at 25 percent so that it's the 25 percent position. That means that I'm going from green to the exact same green. Now I want to bring in an orange color stop so I'm going hold or option drag on this. I'm going to bring it up really close to the existing one. You can see then that we get a soft transition because the point of transition between these two stops, I'm still going to drag this out so you can see it, is so small, we're getting a very quick transition between green and orange and we're getting a soft edge here. Now, if we don't want a soft edge, we can make it harder. I'm going to click on this one and I'm just going to bring it back to 25. That places these two color stops immediately over each other so we get a very, very strong transition from green to yellow. If we want to continue this pattern, we would Alt, drag on this and create a color stop in this yellowy orange color at 50 percent. Then we want another green one. Well, we can come here and borrow this green one. I'll drag it away and I'm going to position it right on top of the orange one, so I want it at 50 percent. Now, you might encounter this situation occasionally, and it has to do with how you place these colors stops down, and if it happens to you, all you need to do is just move this one away and then just bring it back just making sure that you bring it back to 50 percent and then it will work perfectly. Now we need another green one for over here. I'm going to borrow this green one, I'll drag it over. You can see that you can pull those color stops behind each other, 75 is the next position for this and we finally want a yellow one here to make this strong transition. I'm going to Alt, drag this away and I'm just going to place it at exactly the same position, 75 percent. Here we have a gradient that is a very, very harsh gradient. It is just vertical stripes. We created that using the gradient tool us by placing each color stop on top of the previous color stop. Of course, the midpoint markers here are just meaningless because we're going from one color to exactly the same color. It's transition point is a meaningless quantity, so you don't need to worry about the midpoint markers, but you just need to make sure that the color stops are on top of each other. There's another approach to use for gradients in Illustrator. Of course, you could do this with more colors than just the two that I've created here, but just making sure that you've got color stops at either end of your stripe that are exactly the same. 5. Illustrator for Lunch™ - Pt 4 - Using multiple gradients: One of the really interesting things about gradient is how they can be offset against each other to create dimensional looks. I'm going to start again with a new document file new. Again, I'm just doing a 1,000 pixels by 1,000 pixels RGB color mode. I'm going to make a rectangle that is the size of the art board, and I'm going to center it using exactly the same techniques as I used earlier. I'm going to turn off the stroke and I'm just going to select the fill and fill it with the default gradient. Now, for this, I need to use a more colorful gradient. I'm going to make my own. I'm going to double-click on this color stop and I'm going to use a couple of the colors that I already have sampled here. So I'm going to use these greens. Start with this green and at this end I'm going to use a slightly lighter green. I have light green to dark. If it's not life enough, I'm just going to double-click on it and just adjusted using the hue saturation brightness adjustment here. I'm just going to click away from my shape so it's deselected. Next up, I'm going to put some dots in my image and I'm going to start with some big dots, were going to shrink them down a little bit later. I'm going to hold the Shift key as I drag them out so they're quite a large dot. Now, because this shape here was filled with this gradient, Illustrator is defaulting to filling my circle with the exact same gradient. Coincidentally, that's exactly the effect that I want to get. I want this shape to have this gradient in it. I'm going to repeat it across the document. So with the shape selected, I'm going to choose Effect, distort and transform, and then transform. I'm going to turn preview on, and I'm just going to adjust the horizontal value here. So looking at a nice sort of spacing, a 100 pixels is nice round number, so I'm going to choose that. I'm going to increase the number of copies until I get all the way across the document. You can see that this is giving us a really interesting effect. This is the exact same gradient all the way across. But when the gradient starts to appear on a darker end of this underlying gradient, it starts to look lighter. So we're getting a really interesting effect just from applying the gradient, the exact same gradient to this circle. I'm going to click "Okay," and I'm going to repeat it down the document. Effect, distort and transform, transform, apply new effect. We're going to use the same 100 pixel value here. I'm just going to just that to a 100 pixels, let's turn preview on. I'm going to start increasing the copies so I know that these are all neatly spaced out. They're not quite filling the document here, but I can move them in more centrally in a minute. I'm just going to click "Okay." Now, everything is associated with this one dot up here. So I'm just going to move it a little more centrally in the document. Now, that is another possible background effect, but it doesn't have to be as big as this. I'm going to select this circle. Again, everything is associated with this circle and I'm going to shrink it. Now we get lots of little bumpy dots. So we're getting a different effect again inside this background. So that is a usable background effect. But what if we say, we've got green on green. What happens if we use green on something else? I'm going to open up the layer panel here and I want to make sure that I have selected this rectangle because I'm just going to change the colors in this gradient. So with the rectangle selected, I'm going to the gradient and I'm going to double-click on each of these colors, and this time, I'm going to use some pink's. I'm going to replace the light green with a light pink, and then the darker green with a darker pink. Here too, you can see this really interesting interplay of gradients when they're layered on top of each other. If you thought that this was too big, you can shrink it down even smaller and get to some really, really cute back ground effect just from some dots and some gradients. I'm going to leave this with you now and suggest that for your class project that you create a background effect like this using two gradients in Illustrator, there can be gradients that Illustrator provides you with or you can go and make your own gradients. Try it out with a radial gradient if you like, rather than a linear gradient. Post an image of your background in the class project area. I hope that you've enjoyed this course and that you've learned something about using and creating gradients in Illustrator. If you did enjoy this class and if you say a prompt to recommend it to others, please give it a thumbs up. This helps others to identify this as the class that they too might want to take. If you'd like to leave a comment, please do so. I read and respond to all of your comments and I look at and respond to all of your class project. My name is Helen Bradley. Thank you for joining me for this episode of Illustrator for Lunch, creating gradient background effect. I look forward to seeing you in another episode of Illustrator for Lunch soon.