0
1
00:00:00,125 --> 00:00:01,070
Welcome, friends.
1

2
00:00:01,103 --> 00:00:04,844
In this video, we are going to
look at Live Shape Effects.
2

3
00:00:04,869 --> 00:00:06,953
Basically it makes Pacman.
3

4
00:00:07,906 --> 00:00:12,172
It allows you to add and remove sides
to Polygons quite easily, like that.
4

5
00:00:12,586 --> 00:00:16,461
We'll go a little bit further, and make
a Pie chart doughnut thing.
5

6
00:00:17,132 --> 00:00:20,116
Let's go and learn Live Shape Effects
in Illustrator.
6

7
00:00:20,852 --> 00:00:23,000
So Live Shapes are only 
on a couple of objects.
7

8
00:00:23,025 --> 00:00:26,414
So there's the Ellipse and 
the Polygon Tool at the moment.
8

9
00:00:27,453 --> 00:00:28,625
Let's look at the Ellipse first.
9

10
00:00:29,297 --> 00:00:31,328
I'm just going to drag out an Ellipse.
10

11
00:00:31,766 --> 00:00:34,344
I've got a Fill, and 'no' Stroke.
11

12
00:00:35,468 --> 00:00:36,982
Now, what we're looking for is...
12

13
00:00:37,007 --> 00:00:39,209
see this little target at the
side, that's our little guy.
13

14
00:00:39,234 --> 00:00:40,892
Doesn't really matter
what tool you're using...
14

15
00:00:40,917 --> 00:00:42,297
but look, I can drag up, and drag down.
15

16
00:00:42,843 --> 00:00:46,906
Pacman, but probably better used
for maybe a Bar graph.
16

17
00:00:48,054 --> 00:00:50,453
There's couple of options you can do.
17

18
00:00:51,383 --> 00:00:53,406
Obviously I can drag 
these around randomly...
18

19
00:00:53,438 --> 00:00:55,608
just pick kind of a custom shape,
or you can type them in.
19

20
00:00:55,867 --> 00:00:58,563
The Transform Panel wants to
open up by itself...
20

21
00:00:58,742 --> 00:01:00,975
or, at the top here, if you've
got the Control Panel open...
21

22
00:01:01,000 --> 00:01:02,000
there's one called Shape...
22

23
00:01:02,025 --> 00:01:04,187
We end up with the same kind of options.
23

24
00:01:04,577 --> 00:01:05,865
What we can do over here...
24

25
00:01:05,890 --> 00:01:08,703
probably the most important is, 
you can invert the Pie...
25

26
00:01:08,820 --> 00:01:10,883
and type in specific degrees.
26

27
00:01:10,915 --> 00:01:12,960
You can decide exactly what you want to do.
27

28
00:01:13,180 --> 00:01:16,523
The other thing-- let's have 
a look at the Polygon Tool.
28

29
00:01:16,548 --> 00:01:17,891
It's the other one that works.
29

30
00:01:17,916 --> 00:01:19,906
It's the same kind of thing.
30

31
00:01:19,931 --> 00:01:22,351
This one here has got like this
targets on the outside.
31

32
00:01:22,376 --> 00:01:24,484
They decided to style this
slightly differently.
32

33
00:01:24,517 --> 00:01:26,156
See this random tile?
33

34
00:01:26,357 --> 00:01:28,209
There's ones in all the corners.
34

35
00:01:29,046 --> 00:01:30,349
Let's randomly put this guy here.
35

36
00:01:30,748 --> 00:01:33,363
You can see, plus and minus,
basically it allows you to--
36

37
00:01:33,388 --> 00:01:34,568
I'm going to drag it left...
37

38
00:01:34,701 --> 00:01:37,528
and drag it right, add more sides,
or move both sides.
38

39
00:01:37,794 --> 00:01:39,497
I use this mainly just to make triangles.
39

40
00:01:39,888 --> 00:01:41,873
Drawing triangles with a Pen Tool
is surprisingly hard.
40

41
00:01:42,864 --> 00:01:44,044
Four sided...
41

42
00:01:46,317 --> 00:01:47,552
You can see what we're doing there.
42

43
00:01:47,577 --> 00:01:49,615
Any other options for the Polygon?
43

44
00:01:49,716 --> 00:01:52,904
You might decide over here,
it's easy just to actually pick the size.
44

45
00:01:53,412 --> 00:01:54,631
And that's about it.
45

46
00:01:54,656 --> 00:01:57,411
You can play around with the corners.
This here is the Corner Options.
46

47
00:01:57,452 --> 00:01:59,678
You can say I want rounded corners,
or increase them up.
47

48
00:02:00,537 --> 00:02:03,177
You can see, the corner's kind of
getting round...
48

49
00:02:03,202 --> 00:02:04,896
but you can just use this tool as well.
49

50
00:02:04,921 --> 00:02:07,326
We've used this Corner Options
in an earlier video.
50

51
00:02:07,950 --> 00:02:09,255
Probably a quicker way of doing it.
51

52
00:02:09,669 --> 00:02:12,794
Now what we'll do is we'll make
a Pie Graph like we saw at the beginning...
52

53
00:02:12,827 --> 00:02:14,122
because that's kind of cool.
53

54
00:02:14,147 --> 00:02:16,677
There's a full on graphing section
in this advanced course.
54

55
00:02:16,702 --> 00:02:20,099
So go check that out if you're
doing lots of graphs.
55

56
00:02:20,124 --> 00:02:23,318
If you just want a quick Pie Graph,
this is going to work perfect.
56

57
00:02:25,809 --> 00:02:28,567
One of the things as well is,
say you want to get rid of it...
57

58
00:02:28,592 --> 00:02:30,662
you just double click these guys.
58

59
00:02:31,435 --> 00:02:33,185
Kind of turns it back
to a regular old circle.
59

60
00:02:33,210 --> 00:02:35,638
Then you can pull them out again,
double click him to go back.
60

61
00:02:36,067 --> 00:02:38,168
What I'm going to do is
start with that curve...
61

62
00:02:38,193 --> 00:02:39,840
that's going to be the base of my Pie.
62

63
00:02:39,872 --> 00:02:41,801
Copy and paste it,
so I've got another version.
63

64
00:02:42,084 --> 00:02:44,382
Then I want to work out some percentages.
64

65
00:02:45,607 --> 00:02:47,693
Your Math might be
a lot better than mine.
65

66
00:02:47,951 --> 00:02:50,216
I don't know why,
Math I find is quite hard...
66

67
00:02:50,241 --> 00:02:52,466
But I've got some tricks, right?
You might be the same as me...
67

68
00:02:52,491 --> 00:02:54,044
you might be like, "Tricks are good."
68

69
00:02:54,910 --> 00:02:57,606
I find, if I need to make a slice
that's maybe 15%...
69

70
00:02:57,989 --> 00:03:01,184
say I've got given some data,
and it says I need to slice it 15%...
70

71
00:03:01,357 --> 00:03:02,710
I find this really handy.
71

72
00:03:03,828 --> 00:03:06,638
We know that the full degrees
is 360, right?...
72

73
00:03:06,663 --> 00:03:08,094
but if you times it...
73

74
00:03:08,289 --> 00:03:09,914
so do a little bit of Math
on these guys.
74

75
00:03:09,939 --> 00:03:12,726
Times is the '*' key.
75

76
00:03:14,813 --> 00:03:19,336
Then you times it by point, 
whatever the measurement is, '*.15'
76

77
00:03:19,663 --> 00:03:21,132
So '*.'
77

78
00:03:21,741 --> 00:03:23,280
And we'll put a period,
whatever you call it.
78

79
00:03:23,305 --> 00:03:26,209
It just converts that to be right...
79

80
00:03:26,234 --> 00:03:27,999
so 54° is...
80

81
00:03:28,762 --> 00:03:31,553
15% of 360.
81

82
00:03:31,594 --> 00:03:33,171
Man, I'm getting everybody lost.
82

83
00:03:33,592 --> 00:03:37,030
Let's try one more time, let's say
I want one more slice that's 30.
83

84
00:03:37,670 --> 00:03:38,803
So all I do is go...
84

85
00:03:40,288 --> 00:03:43,663
'360*0.3', which is 30%.
85

86
00:03:43,852 --> 00:03:45,219
And there you go, those are slices.
86

87
00:03:45,930 --> 00:03:47,274
I'm going to color them.
87

88
00:03:50,422 --> 00:03:51,985
Here we go. Lovely.
88

89
00:03:52,641 --> 00:03:54,688
I'm going to stack them on top
of each other, so I've got this guy...
89

90
00:03:54,713 --> 00:03:58,047
and they snap into places pretty cool,
pretty easy.
90

91
00:03:58,968 --> 00:04:02,148
I find them building separately is 
easier than trying to do them on top of it.
91

92
00:04:02,305 --> 00:04:04,438
One thing is, I need to 
rotate this one around.
92

93
00:04:04,463 --> 00:04:07,969
So I'm just going to rotate it around,
and it should snap into place.
93

94
00:04:09,154 --> 00:04:10,725
That snaps easily.
94

95
00:04:12,412 --> 00:04:14,818
15, 30, whatever is left.
95

96
00:04:16,756 --> 00:04:21,240
Another thing I did do 
in the intro bit is...
96

97
00:04:21,787 --> 00:04:23,318
I kind of made it into a doughnut.
97

98
00:04:23,514 --> 00:04:27,342
So what we're going to do is grab the--
actually what I'll do is grab this guy...
98

99
00:04:27,631 --> 00:04:30,310
copy it, remember, what's the shortcut
to paste directly on top?
99

100
00:04:30,335 --> 00:04:32,162
because if I go 'Command V'...
100

101
00:04:32,561 --> 00:04:35,685
just puts it in the middle of my stage,
or 'Control V' on a PC.
101

102
00:04:36,178 --> 00:04:37,324
You remember what it is...
102

103
00:04:37,349 --> 00:04:43,295
it's 'Command F' on a Mac,
or 'Control F' on a PC.
103

104
00:04:43,568 --> 00:04:45,510
So I've got two of them now
right on top of each other.
104

105
00:04:45,738 --> 00:04:47,193
I'm going to make this one a bit smaller.
105

106
00:04:48,303 --> 00:04:49,678
Now I'm going to grab the top corner.
106

107
00:04:49,710 --> 00:04:51,846
I'm going to hold down two keys, 
I'm going to hold down 'Shift'...
107

108
00:04:51,871 --> 00:04:53,443
to make sure it stays
the height and width...
108

109
00:04:53,468 --> 00:04:56,896
but also the 'Option' key on a Mac, 
or the 'Alt' key on a PC.
109

110
00:04:56,921 --> 00:04:58,037
So we got this guy.
110

111
00:04:58,295 --> 00:05:00,584
Nothing matches, I'm going to change
the color just so you can see it.
111

112
00:05:00,609 --> 00:05:03,631
Doesn't really matter what color it is,
or whether you change it.
112

113
00:05:03,772 --> 00:05:05,670
If I select it all, 
back to our 'Width Tool'...
113

114
00:05:05,881 --> 00:05:07,537
which is, 'Shift'--
114

115
00:05:07,686 --> 00:05:09,631
not the Width Tool,
I say that a lot, right?
115

116
00:05:09,811 --> 00:05:11,748
It's the Shape Builder Tool, so 'Shift M'.
116

117
00:05:12,061 --> 00:05:13,998
I'm going to just delete
these guys in the side here.
117

118
00:05:14,584 --> 00:05:16,990
That kind of gives me
that kind of cool doughnut shape.
118

119
00:05:17,217 --> 00:05:20,529
And because they're all separate,
I can maybe do a pullout like that.
119

120
00:05:20,561 --> 00:05:23,388
Actually, I'm going to select it all,
'Shift M'.
120

121
00:05:23,826 --> 00:05:25,412
I'm going to click on this guy once.
121

122
00:05:25,437 --> 00:05:29,584
What it really does is it kind of
just slices it out from the guy behind him.
122

123
00:05:32,365 --> 00:05:34,693
We're going to do something like that.
123

124
00:05:35,451 --> 00:05:36,764
Goodbye, Polygon.
124

125
00:05:41,436 --> 00:05:43,318
I'm going to add some text.
125

126
00:05:45,326 --> 00:05:46,951
I'll do that by myself; you can add text.
126

127
00:05:47,592 --> 00:05:50,225
All right, that is for Live Shape Effects.
127

128
00:05:50,250 --> 00:05:52,749
I hope it starts applying
to things like the Star...
128

129
00:05:52,774 --> 00:05:54,211
that would be a cool addition.
129

130
00:05:54,236 --> 00:05:57,693
You might do, in the versions 
that you're using, in the future.
130

131
00:05:57,857 --> 00:06:01,013
For now, it works for Ellipses,
and it works for Polygons.
131

132
00:06:01,219 --> 00:06:03,445
All right, let's get on to the next video.