1

00:00:00.05 --> 00:00:01.08

- [Voiceover] In a previous movie,



2

00:00:01.08 --> 00:00:03.05

I rather carelessly suggested



3

00:00:03.05 --> 00:00:05.06

that I came up with this gradient,



4

00:00:05.06 --> 00:00:07.07

that includes a total of five color stops,



5

00:00:07.07 --> 00:00:09.05

through trial and error,



6

00:00:09.05 --> 00:00:12.00

which makes it sound somehow accidental.



7

00:00:12.00 --> 00:00:12.08

But as you can see,



8

00:00:12.08 --> 00:00:15.03

by the fact that the

gradient fits perfectly



9

00:00:15.03 --> 00:00:18.06

inside of this horizontal

orange stretch of ribbon,



10

00:00:18.06 --> 00:00:21.01

that I spent a fair amount of

time finessing the gradient



11

00:00:21.01 --> 00:00:22.04

to get the best results.



12

00:00:22.04 --> 00:00:24.03

Which is why, in this movie,

I'm going to give you a sense



13

00:00:24.03 --> 00:00:25.09

for how that process works.



14

00:00:25.09 --> 00:00:29.03

Because, after all, that same

gradient does not work well



15

00:00:29.03 --> 00:00:31.09

in this blue shape, up here at the top.



16

00:00:31.09 --> 00:00:33.05

So what we want to do is,



17

00:00:33.05 --> 00:00:36.06

to tailor our custom

gradients and our colors,



18

00:00:36.06 --> 00:00:39.06

in order to exactly suit the artwork.



19

00:00:39.06 --> 00:00:41.01

The first thing I'm going to do,



20

00:00:41.01 --> 00:00:43.02

just to enhance the cool factor,



21

00:00:43.02 --> 00:00:44.09

is fill the background with black,



22

00:00:44.09 --> 00:00:47.03

by making sure the

"not-Mobius" layer is selected.



23

00:00:47.03 --> 00:00:49.00

And then I'll press a keyboard shortcut,



24

00:00:49.00 --> 00:00:51.04

that creates a new layer

below the existing one,



25

00:00:51.04 --> 00:00:53.02

which is "Control + Alt + L",



26

00:00:53.02 --> 00:00:55.04

or "Command + Option + L" on the Mac.



27

00:00:55.04 --> 00:00:57.09

And I'll call this guy "black back",



28

00:00:57.09 --> 00:01:00.00

because we will be creating

a black background.



29

00:01:00.00 --> 00:01:03.01

And I'll change the color,

as if it matters, to gold.



30

00:01:03.01 --> 00:01:05.05

And then click Ok.



31

00:01:05.05 --> 00:01:06.07

Now, you want to make sure



32

00:01:06.07 --> 00:01:08.06

that your smart guides are turned on.



33

00:01:08.06 --> 00:01:09.05

Mine are turned off.



34

00:01:09.05 --> 00:01:11.06

So I'll choose the

command to turn them on.



35

00:01:11.06 --> 00:01:13.01

And then I'll select the rectangle tool,



36

00:01:13.01 --> 00:01:15.04

which you can get by pressing the M key,



37

00:01:15.04 --> 00:01:17.06

and I'll drag from one

corner of that red boundary,



38

00:01:17.06 --> 00:01:20.01

that represents the bleed, to the other.



39

00:01:20.01 --> 00:01:21.09

Actually, even though

this gradient works well



40

00:01:21.09 --> 00:01:25.09

for some things, it does not

work well for this purpose.



41

00:01:25.09 --> 00:01:27.06

So, I'll click on the first color swatch,



42

00:01:27.06 --> 00:01:31.01

up here in the control panel,

and I'll change it to black.



43

00:01:31.01 --> 00:01:32.02

My stroke is already set to none,



44

00:01:32.02 --> 00:01:34.02

so I don't need to worry about it.



45

00:01:34.02 --> 00:01:35.07

So, all I'm going to do at this point is



46

00:01:35.07 --> 00:01:37.09

lock down that "black back" layer,



47

00:01:37.09 --> 00:01:40.02

so that I don't accidentally mess it up.



48

00:01:40.02 --> 00:01:42.02

Now I'll zoom in on my artwork.



49

00:01:42.02 --> 00:01:45.00

Notice this stretch of gradient right here



50

00:01:45.00 --> 00:01:48.08

and how it has a highlight at 120 degrees.



51

00:01:48.08 --> 00:01:50.00

That highlight should continue



52

00:01:50.00 --> 00:01:52.03

from the orange piece of

ribbon, into the blue piece,



53

00:01:52.03 --> 00:01:53.05

but it doesn't.



54

00:01:53.05 --> 00:01:55.07

It ends up jagging over to the right.



55

00:01:55.07 --> 00:01:56.05

So what I'm going to do is,



56

00:01:56.05 --> 00:01:58.05

create a custom guide for myself,



57

00:01:58.05 --> 00:02:01.02

by scrolling down the Layers panel.



58

00:02:01.02 --> 00:02:02.07

And I'm going to turn on the Guides layer,



59

00:02:02.07 --> 00:02:05.00

and click on it to make it active.



60

00:02:05.00 --> 00:02:07.01

And then I'll grab my line segment tool



61

00:02:07.01 --> 00:02:11.01

and I'll drag along

this highlight, like so.



62

00:02:11.01 --> 00:02:13.02

I want the angle to be 120 degrees.



63

00:02:13.02 --> 00:02:16.03

But I can't be confident,

based on the heads-up display.



64

00:02:16.03 --> 00:02:18.00

So I'll just press the Backspace key,



65

00:02:18.00 --> 00:02:20.05

or the Delete key on the

Mac, to get rid of that line.



66

00:02:20.05 --> 00:02:22.03

And then I'll click, right here



67

00:02:22.03 --> 00:02:23.08

at the base of this highlight.



68

00:02:23.08 --> 00:02:25.08

I'll make sure the angle's 120 degrees.



69

00:02:25.08 --> 00:02:27.03

Notice how it's slightly off.



70

00:02:27.03 --> 00:02:30.02

And then I'll accept this length value,



71

00:02:30.02 --> 00:02:34.01

maybe round it down to

365, and then click Ok.



72

00:02:34.01 --> 00:02:36.04

And that will create the

exact line I'm looking for.



73

00:02:36.04 --> 00:02:38.00

You may need to use the arrow keys



74

00:02:38.00 --> 00:02:40.04

in order to nudge this

line back and forth.



75

00:02:40.04 --> 00:02:42.02

But after you get it in the right place,



76

00:02:42.02 --> 00:02:45.01

then just right-click somewhere

in the document window,



77

00:02:45.01 --> 00:02:46.06

and choose Make Guides,



78

00:02:46.06 --> 00:02:49.07

in order to turn that

line into a custom guide.



79

00:02:49.07 --> 00:02:51.09

Now let's scroll up the Layers panel



80

00:02:51.09 --> 00:02:54.02

and unlock the gradients layer,



81

00:02:54.02 --> 00:02:57.04

and then press the V key, to

switch to the black arrow tool.



82

00:02:57.04 --> 00:03:00.03

And click on this top

gradient right there,



83

00:03:00.03 --> 00:03:01.05

and I'm going to press "Control + 0",



84

00:03:01.05 --> 00:03:03.07

or "Command + 0" on the

Mac, to center my zoom.



85

00:03:03.07 --> 00:03:05.03

And then I'll Shift-click on this one,



86

00:03:05.03 --> 00:03:07.01

and Shift-click on this guy as well.



87

00:03:07.01 --> 00:03:08.05

You want to select all of the gradients



88

00:03:08.05 --> 00:03:10.00

in front of the blue regions.



89

00:03:10.00 --> 00:03:12.00

And then, here inside the Gradient panel,



90

00:03:12.00 --> 00:03:14.06

let's get rid of this

extra highlight and shadow.



91

00:03:14.06 --> 00:03:16.01

They serve a purpose down here,



92

00:03:16.01 --> 00:03:19.00

where one orange stretch is

being covered up by another.



93

00:03:19.00 --> 00:03:21.04

You can see that we have

a shadow on one side,



94

00:03:21.04 --> 00:03:23.08

and a highlight bounce

off of the other one,



95

00:03:23.08 --> 00:03:25.02

as if light is being reflected



96

00:03:25.02 --> 00:03:27.08

off the inside of this stretch.



97

00:03:27.08 --> 00:03:29.09

But we don't have anything

like that going on up here.



98

00:03:29.09 --> 00:03:32.06

So let's just grab this color stop,



99

00:03:32.06 --> 00:03:34.04

and yank it down to get rid of it,



100

00:03:34.04 --> 00:03:37.03

and we'll grab this one

as well, and yank it down.



101

00:03:37.03 --> 00:03:39.02

Now, what I want to do

is, take this highlight



102

00:03:39.02 --> 00:03:43.05

and move it over to the left,

until it matches the angle



103

00:03:43.05 --> 00:03:44.08

of that custom guide.



104

00:03:44.08 --> 00:03:50.02

And I notice that happens at a

location value of 62 percent.



105

00:03:50.02 --> 00:03:53.05

We end up getting a nice match,

as you're seeing right here.



106

00:03:53.05 --> 00:03:56.01

Now I'm done with the Gradient

panel, so I'll collapse it,



107

00:03:56.01 --> 00:03:58.03

so I have a little more

room in my Layers panel,



108

00:03:58.03 --> 00:04:00.07

and I'll turn off the

Guides layer as well.



109

00:04:00.07 --> 00:04:02.00

And then I'll press "Control + Shift + A",



110

00:04:02.00 --> 00:04:03.04

or "Command + Shift + A" on the Mac,



111

00:04:03.04 --> 00:04:05.07

in order to deselect my artwork.



112

00:04:05.07 --> 00:04:07.02

The gradients are looking great,



113

00:04:07.02 --> 00:04:09.08

but to my way of thinking,

the colors are too extreme.



114

00:04:09.08 --> 00:04:11.07

I want to create a metallic effect.



115

00:04:11.07 --> 00:04:13.08

So I'll go over to the Swatches panel,



116

00:04:13.08 --> 00:04:15.06

and double-click on the Vice swatch,



117

00:04:15.06 --> 00:04:17.00

the blue one right there.



118

00:04:17.00 --> 00:04:18.02

Because it's a global swatch,



119

00:04:18.02 --> 00:04:19.05

any modifications I make to it



120

00:04:19.05 --> 00:04:21.06

will be reflected in the artwork.



121

00:04:21.06 --> 00:04:24.01

I'll change the color mode to HSB,



122

00:04:24.01 --> 00:04:25.08

and turn on the Preview checkbox.



123

00:04:25.08 --> 00:04:28.06

I'm going to leave the hue

value set to 210 degrees,



124

00:04:28.06 --> 00:04:31.09

but I'll take the saturation

value down to just 33 percent,



125

00:04:31.09 --> 00:04:33.06

which reduces the saturation,



126

00:04:33.06 --> 00:04:35.06

but it also increases the brightness.



127

00:04:35.06 --> 00:04:38.01

So I'll take the brightness

value down to 50 percent,



128

00:04:38.01 --> 00:04:41.06

to produce this effect here,

and then I'll click Ok.



129

00:04:41.06 --> 00:04:44.07

Now let's double-click

on the Versa swatch,



130

00:04:44.07 --> 00:04:47.07

in order to bring up the the

Swatch Options dialog box.



131

00:04:47.07 --> 00:04:50.05

Global is turned on, my

color mode is set to HSB.



132

00:04:50.05 --> 00:04:52.01

I'll turn on the Preview check box,



133

00:04:52.01 --> 00:04:54.00

and then I'll click inside the hue value



134

00:04:54.00 --> 00:04:56.01

and take it up to 40 degrees,



135

00:04:56.01 --> 00:04:57.08

which makes the color

a little more yellow.



136

00:04:57.08 --> 00:05:00.08

Then I'll take the saturation

value down to just 5 percent,



137

00:05:00.08 --> 00:05:02.03

which makes things almost white,



138

00:05:02.03 --> 00:05:05.00

so I'll take the brightness

value down to 50 percent,



139

00:05:05.00 --> 00:05:08.04

in order to create this very

low-saturation effect here.



140

00:05:08.04 --> 00:05:11.04

At which point, I'll click

Ok to accept that change.



141

00:05:11.04 --> 00:05:12.03

Then again,



142

00:05:12.03 --> 00:05:13.06

you might just want to go

with a monochrome effect,



143

00:05:13.06 --> 00:05:16.02

in which both the front

and the back of the ribbon



144

00:05:16.02 --> 00:05:18.00

are the same color, in which case,



145

00:05:18.00 --> 00:05:20.05

I'll double-click on that

Versa swatch once again,



146

00:05:20.05 --> 00:05:22.00

and I'll dial in those same values,



147

00:05:22.00 --> 00:05:24.03

that is, a hue value of 210 degrees,



148

00:05:24.03 --> 00:05:26.00

a saturation of 33 percent,



149

00:05:26.00 --> 00:05:28.00

and a brightness of 50 percent.



150

00:05:28.00 --> 00:05:29.03

Turn on the Preview check box,



151

00:05:29.03 --> 00:05:31.08

and the result is a

homogeneous color scheme,



152

00:05:31.08 --> 00:05:35.02

at which point, I'll click

Ok to accept that change.



153

00:05:35.02 --> 00:05:37.05

And that, friends, is how

you create a non-Mobius



154

00:05:37.05 --> 00:05:39.08

but awesome-looking, deftly-shaded,



155

00:05:39.08 --> 00:05:43.09

interwoven ribbon effect,

here inside Illustrator.