Join egghead, unlock knowledge.

Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson

Already subscribed? Sign In

Autoplay

    Simple 3-Step Colour Blending in Illustrator

    Maggie AppletonMaggie Appleton

    In this lesson we'll create a simple 3-step gradient by blending together two colours. Blending is a great way to build a harmonious set of swatches that we can use as a base for our colour palettes.

    I also demonstrate how I use 3-step blends to add stepped gradients and colour variation to my illustrations.

    eggheadegghead
    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    Instructor: 00:01 First, select the rectangle tool. Click and drag while holding down shift to create a perfect square. With our square selected, we're going to come down here to these two overlapping squares, which represent our fill and stroke color.

    00:13 To change our fill color, I'm just going to double-click on this top one. As you can see, our color picker comes up here. For our first color, I'm just going to pick a nice dark blue here. Hit OK, and now, you can see that our square has changed to that color.

    00:27 I'm now going to remove the black outline around the square by selecting it, hitting X on the keyboard, which brings our stroke color up to the front, and then hitting slash, which removes it completely. I'm now going to duplicate our square by clicking and dragging, while holding down alt.

    00:40 If I then hit command-D, it repeats that action over and over. We're now going to select our last square, and change the color this one to a light yellow. Now, we're going to select all our squares, go up here to the menu and hit edit, edit colors, and then click blend horizontally.

    00:58 Now, as you can see, we've got a nice blend between these two filled into our three squares in the middle. We can now select all our squares, come up here to our swatches panel, and click this button for a new color group.

    01:09 This brings up an options panel, where we can rename our swatches blue, blend, one. Now, you can see it's made a new folder with those swatches saved. Even if I delete these, we still have our color saved in our panel.

    01:24 I can now make a bunch of random circles and fill them in with our swatches colors that we already saved. Because these colors are all from the same blend group, they feel like they fit together. This gives us a quick way to build harmonious palettes that we can then use in our illustrations.

    01:41 When I'm making an illustration like this "Space Invaders"-themed one for our Redux course, I'll use the blend mode to find things like this range of purples, that I can then apply to the shading on a joystick, to a range of darks that I can use as gradients on the background, or between two my primary colors, like this bright green and blue that I used on the Space Invaders.

    02:01 This helps add variation to your colors, while also keeping everything cohesive. I'll often use this technique to build a simple grayscale range from black to white. I really like starting my illustrations this way, because it forces me to think about value contrast, instead of shiny colors.

    02:15 Once you've set up this range of values to pull from, you can play around building shape compositions that have a clear balance of lights and darks.

    Discuss

    Discuss