1

00:00:00.05 --> 00:00:01.07

- [Instructor] In this

movie we'll take a look



2

00:00:01.07 --> 00:00:04.02

at how you can use a full color font,



3

00:00:04.02 --> 00:00:07.07

such as Trajan Color Concept

as we're seeing here,



4

00:00:07.07 --> 00:00:12.05

inside Illustrator CC 2018 and later.



5

00:00:12.05 --> 00:00:14.06

All right, I'll go ahead and

switch over to this document,



6

00:00:14.06 --> 00:00:15.08

which contains a photograph



7

00:00:15.08 --> 00:00:18.00

from the Dreamstime image library,



8

00:00:18.00 --> 00:00:19.03

about which you can learn more



9

00:00:19.03 --> 00:00:24.07

and get some great deals

at dreamstime.com/deke.php.



10

00:00:24.07 --> 00:00:25.06

All right, I'm gonna go ahead



11

00:00:25.06 --> 00:00:27.07

and turn off that dreamstime layer



12

00:00:27.07 --> 00:00:31.02

and notice that the photograph

appears on the attic layer



13

00:00:31.02 --> 00:00:34.08

and below it we have a

purple radial gradient.



14

00:00:34.08 --> 00:00:36.07

I wanna blend those two layers together,



15

00:00:36.07 --> 00:00:39.00

so I'll go ahead and turn

the attic layer back on



16

00:00:39.00 --> 00:00:41.04

and target it by clicking on its circular,



17

00:00:41.04 --> 00:00:44.00

so called meatball in

the right hand column



18

00:00:44.00 --> 00:00:45.04

of the Layers panel.



19

00:00:45.04 --> 00:00:47.02

And then I'll go up to the control panel,



20

00:00:47.02 --> 00:00:48.07

click on the word Opacity,



21

00:00:48.07 --> 00:00:51.01

and change the blend mode to Multiply.



22

00:00:51.01 --> 00:00:52.09

And next, I'll lock down the attic layer



23

00:00:52.09 --> 00:00:54.09

by clicking in the second column



24

00:00:54.09 --> 00:00:57.00

and then I'll turn on the text layer



25

00:00:57.00 --> 00:00:58.03

and I will click on the text



26

00:00:58.03 --> 00:01:00.09

with my black arrow tool to select it.



27

00:01:00.09 --> 00:01:02.08

And now notice that we can see the font



28

00:01:02.08 --> 00:01:04.05

up here in the control panel.



29

00:01:04.05 --> 00:01:07.09

At which point just go

ahead and select that font.



30

00:01:07.09 --> 00:01:10.09

And notice that we're working

with lowercase characters,



31

00:01:10.09 --> 00:01:13.05

but as soon as I enter the word Trajan



32

00:01:13.05 --> 00:01:16.06

and I hover over, for example, Trajan Pro



33

00:01:16.06 --> 00:01:19.03

or Trajan Pro Bold, both

of which have been around



34

00:01:19.03 --> 00:01:20.09

for a very long time now,



35

00:01:20.09 --> 00:01:22.06

that the letters switch to capitals



36

00:01:22.06 --> 00:01:27.02

and that's because Trajan

offers no lowercase character.



37

00:01:27.02 --> 00:01:29.05

However, I'm gonna switch to Trajan Color,



38

00:01:29.05 --> 00:01:34.00

which is installed directly

inside Illustrator CC 2018



39

00:01:34.00 --> 00:01:36.05

and presumably later as well.



40

00:01:36.05 --> 00:01:38.00

All right, so I'll go

ahead and choose that font



41

00:01:38.00 --> 00:01:41.00

and notice that it is a full color font



42

00:01:41.00 --> 00:01:43.03

that looks as if it's been chiseled.



43

00:01:43.03 --> 00:01:46.06

All right, now notice the

double T and the double N here.



44

00:01:46.06 --> 00:01:49.00

We can swap those out for ligatures



45

00:01:49.00 --> 00:01:50.08

by going up to the Window menu



46

00:01:50.08 --> 00:01:52.08

and then scrolling down a little bit,



47

00:01:52.08 --> 00:01:54.08

so that I can see the Type command,



48

00:01:54.08 --> 00:01:57.02

and then I'll choose Open Type.



49

00:01:57.02 --> 00:02:00.01

And notice this first icon

in the bottom left corner,



50

00:02:00.01 --> 00:02:01.06

Standard Ligatures.



51

00:02:01.06 --> 00:02:05.03

If you click on it then

Illustrator will fuse the double T



52

00:02:05.03 --> 00:02:09.00

and the double N into

single ligature characters,



53

00:02:09.00 --> 00:02:11.08

as we're seeing right here.



54

00:02:11.08 --> 00:02:13.01

All right, now to me the letters



55

00:02:13.01 --> 00:02:15.01

look like they're spaced apart too far,



56

00:02:15.01 --> 00:02:18.00

so I'm gonna go ahead and

click on the Character tab



57

00:02:18.00 --> 00:02:20.01

in order to bring up the Character panel,



58

00:02:20.01 --> 00:02:23.05

and then I will change this

kerning option right here



59

00:02:23.05 --> 00:02:26.06

from Auto by clicking the

down pointing arrowhead



60

00:02:26.06 --> 00:02:27.06

to Optical.



61

00:02:27.06 --> 00:02:30.05

And that'll go ahead and

squeeze the characters together



62

00:02:30.05 --> 00:02:31.09

just a little bit more.



63

00:02:31.09 --> 00:02:34.02

And then I'll select this tracking value



64

00:02:34.02 --> 00:02:36.08

and I'll set it to negative 60



65

00:02:36.08 --> 00:02:39.01

in order to produce this effect here.



66

00:02:39.01 --> 00:02:42.04

And then I'll go ahead

and hide that panel.



67

00:02:42.04 --> 00:02:44.03

All right, now Trajan Color Concept



68

00:02:44.03 --> 00:02:46.07

offers a bunch of

different color variations,



69

00:02:46.07 --> 00:02:48.09

which we'll explore in

the very next movie,



70

00:02:48.09 --> 00:02:51.07

but I want you to see that

it's a very special font



71

00:02:51.07 --> 00:02:55.07

in that you can't change its

color in the conventional way.



72

00:02:55.07 --> 00:02:56.09

So notice that the fill color



73

00:02:56.09 --> 00:02:59.02

assigned to my type is still white.



74

00:02:59.02 --> 00:03:02.05

If I were to change it to black or red



75

00:03:02.05 --> 00:03:04.09

nothing whatsoever is gonna happen.



76

00:03:04.09 --> 00:03:07.05

The same goes if I were

to select, let's say,



77

00:03:07.05 --> 00:03:09.03

a bright red stroke,



78

00:03:09.03 --> 00:03:12.07

and then increase the

line weight to 16 points



79

00:03:12.07 --> 00:03:14.03

or something lackey like that,



80

00:03:14.03 --> 00:03:17.00

nothing whatsoever is going to happen.



81

00:03:17.00 --> 00:03:20.02

This is even true if you pile

a stroke on top of the text.



82

00:03:20.02 --> 00:03:22.02

So let's say I go up to the Window menu



83

00:03:22.02 --> 00:03:24.00

and choose the Appearance command,



84

00:03:24.00 --> 00:03:25.08

and then I click on the Type item.



85

00:03:25.08 --> 00:03:28.00

So notice if I double-click on Characters



86

00:03:28.00 --> 00:03:29.06

that's gonna go ahead and select the text



87

00:03:29.06 --> 00:03:32.08

and show me that I have a

red fill and a red stroke,



88

00:03:32.08 --> 00:03:34.04

even though they're not appearing.



89

00:03:34.04 --> 00:03:35.07

So what I'm gonna do instead



90

00:03:35.07 --> 00:03:37.06

is click on the word Type right there



91

00:03:37.06 --> 00:03:39.00

so that it's active,



92

00:03:39.00 --> 00:03:41.06

and then I'll drop down

to the Add New Fill icon



93

00:03:41.06 --> 00:03:42.08

and click on it,



94

00:03:42.08 --> 00:03:44.09

and I'll change it, let's say,



95

00:03:44.09 --> 00:03:47.05

to this bright shade of blue right here,



96

00:03:47.05 --> 00:03:48.07

and nothing happens.



97

00:03:48.07 --> 00:03:52.00

Even though the fill is sitting

on top of the Characters,



98

00:03:52.00 --> 00:03:54.00

which would normally override things.



99

00:03:54.00 --> 00:03:56.05

So in other words, if

this were a standard font



100

00:03:56.05 --> 00:03:58.01

it would now appear blue,



101

00:03:58.01 --> 00:04:01.00

but instead we do not

see that fill attribute.



102

00:04:01.00 --> 00:04:04.03

And that's because color

fonts are treated differently



103

00:04:04.03 --> 00:04:08.01

than standard fonts

here inside Illustrator.



104

00:04:08.01 --> 00:04:12.00

Now this goes for effects,

such as drop shadows as well.



105

00:04:12.00 --> 00:04:14.04

So notice if I go up to the Effect menu,



106

00:04:14.04 --> 00:04:17.07

choose Stylize, and

then choose Drop Shadow,



107

00:04:17.07 --> 00:04:20.00

and I'm gonna set the Color not to red,



108

00:04:20.00 --> 00:04:22.03

but rather to black, like so,



109

00:04:22.03 --> 00:04:23.07

and then I'll click OK.



110

00:04:23.07 --> 00:04:26.01

Notice the Opacity is set to 100%.



111

00:04:26.01 --> 00:04:27.09

The X Offset is 0 points,



112

00:04:27.09 --> 00:04:30.02

so that the shadow's going straight down



113

00:04:30.02 --> 00:04:32.09

thanks to this Y Offset

value of 10 points.



114

00:04:32.09 --> 00:04:35.07

And then we've got a Blur of 5 points.



115

00:04:35.07 --> 00:04:37.07

At which point I'll click OK



116

00:04:37.07 --> 00:04:41.00

in order to apply that shadow.



117

00:04:41.00 --> 00:04:43.04

And in my case I've assigned

the shadow to the fill.



118

00:04:43.04 --> 00:04:45.08

If you don't like that you

can drag it down, like so,



119

00:04:45.08 --> 00:04:47.05

to below the word Characters,



120

00:04:47.05 --> 00:04:50.01

so that it's applied to the Type,



121

00:04:50.01 --> 00:04:52.06

as apposed to these attributes right here.



122

00:04:52.06 --> 00:04:54.05

And just to streamline things a little bit



123

00:04:54.05 --> 00:04:57.00

I'm gonna click on the Stroke

and Shift + click on the Fill



124

00:04:57.00 --> 00:04:58.08

and then drop down to the trash icon



125

00:04:58.08 --> 00:05:01.00

in the bottom right hand

corner of the Appearance panel



126

00:05:01.00 --> 00:05:03.02

and click on it to get rid of them.



127

00:05:03.02 --> 00:05:06.02

So as you can see here, we

just have a Drop Shadow.



128

00:05:06.02 --> 00:05:09.07

But notice if I were to turn

off the attic and back layers,



129

00:05:09.07 --> 00:05:12.00

so that we're seeing a white background



130

00:05:12.00 --> 00:05:15.00

the text is not casting a black shadow,



131

00:05:15.00 --> 00:05:18.07

it's casting a shadow that

actually mimics the color



132

00:05:18.07 --> 00:05:21.00

of the characters themselves.



133

00:05:21.00 --> 00:05:23.07

So over here on the I you

can see how it changes



134

00:05:23.07 --> 00:05:26.02

from brown over on the right hand side



135

00:05:26.02 --> 00:05:28.05

to yellow on the left hand side.



136

00:05:28.05 --> 00:05:31.01

And so it's basically

duplicating the characters,



137

00:05:31.01 --> 00:05:33.02

offsetting them down 10 pixels,



138

00:05:33.02 --> 00:05:36.04

and blurring them to

the tune of five pixels,



139

00:05:36.04 --> 00:05:38.00

which is what we asked when we applied



140

00:05:38.00 --> 00:05:40.00

the drop shadow in the first place.



141

00:05:40.00 --> 00:05:41.00

But I want you to see,



142

00:05:41.00 --> 00:05:42.09

if I switch back to the Appearance panel



143

00:05:42.09 --> 00:05:45.04

and click on the word

Drop Shadow to edit it



144

00:05:45.04 --> 00:05:47.03

we do have a Color that's set to black.



145

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

But if I were to turn

on the Preview checkbox



146

00:05:49.00 --> 00:05:50.05

so we can see what we're doing,



147

00:05:50.05 --> 00:05:52.04

click on this color swatch,



148

00:05:52.04 --> 00:05:55.06

and change it to anything, such as red,



149

00:05:55.06 --> 00:05:57.03

just for the sake of demonstration,



150

00:05:57.03 --> 00:06:01.07

and click OK it's not going

to make any difference.



151

00:06:01.07 --> 00:06:04.05

So when working with color

fonts inside Illustrator



152

00:06:04.05 --> 00:06:07.06

the color assigned to the

Drop Shadow doesn't matter,



153

00:06:07.06 --> 00:06:09.03

you're always going to be assigning



154

00:06:09.03 --> 00:06:11.08

the color of the text itself.



155

00:06:11.08 --> 00:06:13.09

At which point I'll just

go ahead and click OK



156

00:06:13.09 --> 00:06:15.04

to accept that change.



157

00:06:15.04 --> 00:06:17.08

And now I'll press Control +

0 or Command + 0 on the Mac



158

00:06:17.08 --> 00:06:19.03

to center my zoom.



159

00:06:19.03 --> 00:06:21.08

And I'll go ahead and

return to the Layers panel



160

00:06:21.08 --> 00:06:24.09

and turn on the attic and the back layers,



161

00:06:24.09 --> 00:06:28.06

so that we can see the final effect.



162

00:06:28.06 --> 00:06:31.02

And that's how you work

with full color fonts,



163

00:06:31.02 --> 00:06:33.05

such as Trajan Color Concept,



164

00:06:33.05 --> 00:06:37.03

here inside Illustrator CC 2018,



165

00:06:37.03 --> 00:06:40.01

and I'm hoping, well into the future.