1
00:00:00.04 --> 00:00:01.07
- In this movie we're going to add

2
00:00:01.07 --> 00:00:05.05
a sculptural beveled edge to our letter G.

3
00:00:05.05 --> 00:00:08.01
I'll go ahead and switch
over to my document so far.

4
00:00:08.01 --> 00:00:10.06
And I'll click inside the
G, inside of its fill,

5
00:00:10.06 --> 00:00:12.05
to select the entire shape.

6
00:00:12.05 --> 00:00:15.00
And then I'm going to drag it down

7
00:00:15.00 --> 00:00:18.00
until it looks like it's more
or less in the right location,

8
00:00:18.00 --> 00:00:20.06
which I think happens
about there, let's say.

9
00:00:20.06 --> 00:00:23.04
It's not an exact match,
but it's close enough.

10
00:00:23.04 --> 00:00:25.00
And then I'll press the alt key,

11
00:00:25.00 --> 00:00:26.06
or the option key on the Mac,

12
00:00:26.06 --> 00:00:29.03
in order to create a copy
of this shape like so.

13
00:00:29.03 --> 00:00:32.01
As I work on it I don't
want it to have a fill,

14
00:00:32.01 --> 00:00:35.03
so I'll go up to the first
option in the control panel

15
00:00:35.03 --> 00:00:38.01
and I'll select None, or
because the fill is active

16
00:00:38.01 --> 00:00:40.03
I can just press the slash key.

17
00:00:40.03 --> 00:00:42.01
Now I'm going to zoom in a little bit

18
00:00:42.01 --> 00:00:44.04
and I'm going to click
on this point right there

19
00:00:44.04 --> 00:00:47.02
in order to select it,
and I'll press control-X

20
00:00:47.02 --> 00:00:50.02
or command-X on the Mac to
cut it to the clipboard.

21
00:00:50.02 --> 00:00:53.02
And then I'll press control-F,
or command-F on the Mac,

22
00:00:53.02 --> 00:00:54.09
to paste it in front.

23
00:00:54.09 --> 00:00:57.02
Now I'm going to drag it by
its anchor point until it

24
00:00:57.02 --> 00:01:00.00
snaps into alignment with
the identical smooth point

25
00:01:00.00 --> 00:01:01.05
in the original G,

26
00:01:01.05 --> 00:01:03.08
and I'll know I have a snap
when I see my arrow head

27
00:01:03.08 --> 00:01:07.02
turn from black to white like so.

28
00:01:07.02 --> 00:01:10.03
Now I want to join this path
with the transparent one.

29
00:01:10.03 --> 00:01:13.08
As you know, you can add to
a selection in Illustrator

30
00:01:13.08 --> 00:01:16.01
by shift-clicking on something.

31
00:01:16.01 --> 00:01:18.07
But if I were to shift-click
on part of this path with

32
00:01:18.07 --> 00:01:21.04
the white arrow tool, I wouldn't
select the entire thing,

33
00:01:21.04 --> 00:01:23.09
and I need to for this operation to work.

34
00:01:23.09 --> 00:01:25.05
So you have two options.

35
00:01:25.05 --> 00:01:27.05
One is to switch to the black arrow tool

36
00:01:27.05 --> 00:01:29.01
and shift click on the path.

37
00:01:29.01 --> 00:01:31.07
The other is to select
the entire path outline

38
00:01:31.07 --> 00:01:34.02
with the white arrow tool, which you do by

39
00:01:34.02 --> 00:01:37.04
pressing the alt key, or
the option key on the Mac.

40
00:01:37.04 --> 00:01:39.04
Notice when you press alt or option

41
00:01:39.04 --> 00:01:42.02
you'll see the little plus
sign next to the white arrow.

42
00:01:42.02 --> 00:01:44.07
So just go ahead and
alt-click or option-click

43
00:01:44.07 --> 00:01:48.04
on that path outline to
select the entire thing.

44
00:01:48.04 --> 00:01:51.00
The problem is I deselected that open path

45
00:01:51.00 --> 00:01:53.06
up here at the top, so I need to shift-alt

46
00:01:53.06 --> 00:01:58.00
or shift-option click on it
like so to select it as well.

47
00:01:58.00 --> 00:02:00.06
Now you can join these
paths with straight segments

48
00:02:00.06 --> 00:02:03.06
by going up to the Object
menu, choosing Path,

49
00:02:03.06 --> 00:02:05.05
and then choosing the Join command.

50
00:02:05.05 --> 00:02:08.08
Or you can press control-J
or command-J on the Mac.

51
00:02:08.08 --> 00:02:11.09
And that will join one side
of the other of your paths

52
00:02:11.09 --> 00:02:13.07
with a straight segment like so.

53
00:02:13.07 --> 00:02:16.05
To join the other side
just press control-J

54
00:02:16.05 --> 00:02:20.06
or command-J again, and
you'll get this effect here.

55
00:02:20.06 --> 00:02:23.03
I feel like this is a
pretty rough transition.

56
00:02:23.03 --> 00:02:25.04
So I'm going to click on
this anchor point right there

57
00:02:25.04 --> 00:02:27.02
and I'm just going to move it down.

58
00:02:27.02 --> 00:02:29.09
It doesn't matter if it's
not aligned at the top.

59
00:02:29.09 --> 00:02:32.02
What counts is that
it's aligned down here.

60
00:02:32.02 --> 00:02:35.00
And then I'll go ahead and
click on this anchor point

61
00:02:35.00 --> 00:02:38.00
to make it active, and I'll
drag its control handle

62
00:02:38.00 --> 00:02:40.04
so that it's more properly aligned.

63
00:02:40.04 --> 00:02:43.04
Now let's check out the other
side and see how it's fairing.

64
00:02:43.04 --> 00:02:46.02
This anchor point needs
to move up to about here,

65
00:02:46.02 --> 00:02:48.06
and then I need to take
this control handle down

66
00:02:48.06 --> 00:02:50.03
just to hide it from view.

67
00:02:50.03 --> 00:02:51.07
And I'll click on this anchor point

68
00:02:51.07 --> 00:02:53.09
and take its control handle outward

69
00:02:53.09 --> 00:02:56.01
so that it's in a perfect line.

70
00:02:56.01 --> 00:02:59.03
See that? We want a straight
line between the control handle

71
00:02:59.03 --> 00:03:02.02
and the straight segment
that it's leading into.

72
00:03:02.02 --> 00:03:04.08
Now we need to do the same
at the top of the letter.

73
00:03:04.08 --> 00:03:06.02
And this is all gonna work out.

74
00:03:06.02 --> 00:03:07.06
I know it looks terrible right now,

75
00:03:07.06 --> 00:03:09.02
but it will work out brilliantly.

76
00:03:09.02 --> 00:03:12.00
We need to put a point right about there.

77
00:03:12.00 --> 00:03:14.01
And we can do that by pressing the P key

78
00:03:14.01 --> 00:03:15.08
to switch back to the pen tool,

79
00:03:15.08 --> 00:03:17.06
and then clicking at that location.

80
00:03:17.06 --> 00:03:20.01
And that we we have
something to align with.

81
00:03:20.01 --> 00:03:21.01
Now I'll press the A key

82
00:03:21.01 --> 00:03:23.00
to switch back to the white arrow tool,

83
00:03:23.00 --> 00:03:26.04
and I'll click and shift-click
on these anchor points

84
00:03:26.04 --> 00:03:29.04
along the top of the G,
and that's going to do it.

85
00:03:29.04 --> 00:03:32.06
So now I'll press control-X
or command-X on a Mac

86
00:03:32.06 --> 00:03:35.09
in order to cut those points
and segments to the clipboard.

87
00:03:35.09 --> 00:03:38.09
And now I'll press control-F
or command-F on a Mac

88
00:03:38.09 --> 00:03:40.07
to paste everything back into place.

89
00:03:40.07 --> 00:03:44.01
And then I'll go ahead and
drag the path by this top point

90
00:03:44.01 --> 00:03:47.08
until it snaps into alignment
with its identical point

91
00:03:47.08 --> 00:03:50.00
in the original letter G.

92
00:03:50.00 --> 00:03:52.06
And now I'll shift-alt-click
or shift-option-click

93
00:03:52.06 --> 00:03:54.09
on the bottom open path outline,

94
00:03:54.09 --> 00:03:57.08
and I'll press control-J, control-J,

95
00:03:57.08 --> 00:03:59.09
to join everything with straight segments.

96
00:03:59.09 --> 00:04:01.07
And now I've got to move
some things over here.

97
00:04:01.07 --> 00:04:03.04
So I'll click on this anchor point

98
00:04:03.04 --> 00:04:06.06
and drag it down to right
about here, let's say.

99
00:04:06.06 --> 00:04:09.04
And I'll take this one
down and out as well,

100
00:04:09.04 --> 00:04:12.05
and move its control
handle so that it's aligned

101
00:04:12.05 --> 00:04:15.01
with that straight segment
that it's leading into.

102
00:04:15.01 --> 00:04:16.04
And now let's go ahead and check out

103
00:04:16.04 --> 00:04:17.08
the other half of the G.

104
00:04:17.08 --> 00:04:19.05
I'll move over to this location.

105
00:04:19.05 --> 00:04:21.06
And this time I'm just going
to take this guy to the right,

106
00:04:21.06 --> 00:04:24.01
because he shouldn't extend past the edge

107
00:04:24.01 --> 00:04:27.01
of that block that's
containing the letter.

108
00:04:27.01 --> 00:04:30.04
And I might drag it down
just a little bit as well.

109
00:04:30.04 --> 00:04:32.03
Now let's go ahead and zoom out

110
00:04:32.03 --> 00:04:34.07
by control-alt-spacebar clicking.

111
00:04:34.07 --> 00:04:37.06
That's a command-option-spacebar
click on the Mac.

112
00:04:37.06 --> 00:04:39.05
And I'm going to change the fill

113
00:04:39.05 --> 00:04:40.09
to this shade of gray right here,

114
00:04:40.09 --> 00:04:44.01
the one where all the RGB values are 77.

115
00:04:44.01 --> 00:04:46.07
And obviously we don't want
the dark G to be in front.

116
00:04:46.07 --> 00:04:48.02
So I'll click inside of its fill

117
00:04:48.02 --> 00:04:50.00
to select the entire letter.

118
00:04:50.00 --> 00:04:52.06
And then I'll right-click, choose a range,

119
00:04:52.06 --> 00:04:54.04
and choose Send to Back

120
00:04:54.04 --> 00:04:57.02
to send that edge in back
of the letter itself.

121
00:04:57.02 --> 00:05:00.03
And then I'll click off the
path outlines to deselect them.

122
00:05:00.03 --> 00:05:03.05
And I'll go ahead and preview
the other layers once again,

123
00:05:03.05 --> 00:05:05.00
which you can do by
either control-clicking

124
00:05:05.00 --> 00:05:06.04
or command-clicking

125
00:05:06.04 --> 00:05:09.00
on the hollow eyeballs
inside the Layers panel.

126
00:05:09.00 --> 00:05:11.01
Or you can just go up to the View menu

127
00:05:11.01 --> 00:05:12.08
and choose GPU Preview,

128
00:05:12.08 --> 00:05:16.00
or press control-Y or command-Y on the Mac

129
00:05:16.00 --> 00:05:19.01
to preview the entire
illustration once more.

130
00:05:19.01 --> 00:05:21.06
And now I'll go ahead and zoom
out by pressing control zero

131
00:05:21.06 --> 00:05:23.01
or command zero on the Mac.

132
00:05:23.01 --> 00:05:24.06
And that is how you give your letter

133
00:05:24.06 --> 00:05:26.03
a sculptural beveled edge

134
00:05:26.03 --> 00:05:29.09
by duplicating and reshaping
its original path outline

135
00:05:29.09 --> 00:05:32.05
here inside Illustrator.