0
1
00:00:01,969 --> 00:00:05,461
Hey there, in this video we're going to do
some introduction to 3D.
1

2
00:00:05,486 --> 00:00:07,648
We'll look at the Revolve
along the top left there...
2

3
00:00:07,673 --> 00:00:10,672
and a couple of Extrude and the 3D Rotate.
3

4
00:00:10,922 --> 00:00:13,305
Let's go and learn that now
in Adobe Illustrator.
4

5
00:00:13,828 --> 00:00:17,609
Let's get started, let's look at
the various 3D options we've got.
5

6
00:00:17,634 --> 00:00:18,922
I'm going to start with 'Type'.
6

7
00:00:19,063 --> 00:00:21,156
That's the first thing
we want to make 3D, right?
7

8
00:00:21,516 --> 00:00:24,391
I'm going to use the letter X,
and make it super big.
8

9
00:00:24,555 --> 00:00:26,835
I'm using a font called Rocket font.
9

10
00:00:26,860 --> 00:00:30,477
It's a free font to download, it's actually
in your exercise files if you want it.
10

11
00:00:30,727 --> 00:00:32,224
You don't have to outline it...
11

12
00:00:32,249 --> 00:00:35,531
but to get that kind of full 3D effect
it's best not to use black.
12

13
00:00:36,422 --> 00:00:38,461
The shadows don't highlight,
just don't appear.
13

14
00:00:38,656 --> 00:00:42,210
So pick any color,
and what I'm going to do now...
14

15
00:00:42,235 --> 00:00:44,492
let's go up to 'Effect', '3D'...
15

16
00:00:44,797 --> 00:00:46,875
and we're going to start with
'Extrude & Bevel'.
16

17
00:00:47,125 --> 00:00:49,922
Let's move it out of the way.
Let's turn Preview on.
17

18
00:00:49,947 --> 00:00:52,906
And that's how to kind of
extrude a letter.
18

19
00:00:52,939 --> 00:00:54,443
Doesn't have to be obviously Type.
19

20
00:00:54,468 --> 00:00:56,547
It can be any shape
as long as it's a vector.
20

21
00:00:56,594 --> 00:00:59,648
Now we're not going to do every
setting in here, but the basics are...
21

22
00:00:59,673 --> 00:01:02,234
Extrude Depth is probably one of
the big ones you want.
22

23
00:01:02,259 --> 00:01:04,289
To see how far and back it goes.
23

24
00:01:04,445 --> 00:01:07,258
The easiest way to move this
in 3D space is...
24

25
00:01:07,283 --> 00:01:09,938
not to grab the whole thing,
gets a bit kind of crazy.
25

26
00:01:10,477 --> 00:01:13,242
The trick is to just grab these edges.
26

27
00:01:13,267 --> 00:01:18,054
So this edge here, you can see,
just starts doing the rotation.
27

28
00:01:18,344 --> 00:01:20,328
The X, Y, and the Z.
28

29
00:01:20,353 --> 00:01:23,254
I find this is the easiest way
for new people...
29

30
00:01:23,279 --> 00:01:25,172
to work out how to do it in 3D.
30

31
00:01:25,367 --> 00:01:27,484
Rotation is anywhere around the outside...
31

32
00:01:27,509 --> 00:01:29,977
so just click in here,
get the way you want it.
32

33
00:01:35,926 --> 00:01:39,129
Awesome! What you might not see,
is you might be on fewer options.
33

34
00:01:39,154 --> 00:01:40,363
So click on 'More Options'.
34

35
00:01:40,559 --> 00:01:43,262
And this is where the light is hitting
this particular object.
35

36
00:01:43,287 --> 00:01:46,006
You might decide to shine the light
from a different way.
36

37
00:01:46,574 --> 00:01:48,192
Just drag this top around here.
37

38
00:01:48,387 --> 00:01:49,717
You can play around with the settings...
38

39
00:01:49,742 --> 00:01:52,036
we're not going to go through
all the surface and ambient lighting.
39

40
00:01:53,403 --> 00:01:54,848
This is more just an introduction...
40

41
00:01:54,873 --> 00:01:57,239
we'll look at some more
advanced stuff in the next video.
41

42
00:01:57,716 --> 00:02:01,856
I'm going to turn down my Extrude Depth
to something a bit lower, and click 'OK'.
42

43
00:02:02,278 --> 00:02:04,934
Now a couple of things, is to edit
this again once it's done...
43

44
00:02:04,959 --> 00:02:06,071
because it's editable type, right?
44

45
00:02:06,096 --> 00:02:09,356
I can double click on it with the
Type Tool, and call this one 'xd'.
45

46
00:02:09,536 --> 00:02:12,677
Click out. It's a bit weird way
of working out in that mode.
46

47
00:02:12,702 --> 00:02:14,637
Just wants to be 3D, but also flat.
47

48
00:02:15,571 --> 00:02:17,961
The easiest way to do it
is to go to Outline mode.
48

49
00:02:17,986 --> 00:02:24,828
So 'View', and go to, 'Command Y',
'GPU Preview' or 'Outline Mode'.
49

50
00:02:25,133 --> 00:02:26,524
It's easier just to work this way.
50

51
00:02:28,602 --> 00:02:30,438
To get in to edit to 3D...
51

52
00:02:30,463 --> 00:02:32,954
is with it selected you need
to find your Appearance Panel.
52

53
00:02:33,118 --> 00:02:36,039
Now here in this new version of Illustrator
you can just click on it there.
53

54
00:02:36,064 --> 00:02:39,586
It opens back up, turn Preview back on,
and you can make your adjustments.
54

55
00:02:40,821 --> 00:02:42,556
If you're in an older version
of Illustrator...
55

56
00:02:42,581 --> 00:02:44,277
you might have to go to 'Window',
and find 'Appearance'.
56

57
00:02:44,302 --> 00:02:45,633
Do the same thing here.
57

58
00:02:45,789 --> 00:02:48,187
One of the drawbacks
of 3D in Illustrator...
58

59
00:02:48,227 --> 00:02:50,101
is that if you want a separate thing...
59

60
00:02:51,388 --> 00:02:54,750
they don't-- you can't like,
put everything into the same effect.
60

61
00:02:54,775 --> 00:02:56,573
So watch this, if I hold on this guy...
61

62
00:02:56,598 --> 00:02:58,855
they're not connected
in the same 3D space now.
62

63
00:02:58,964 --> 00:03:01,050
If I go into this guy, and change him...
63

64
00:03:01,206 --> 00:03:05,284
there's no way of having different groups
interacting together, casting shadows...
64

65
00:03:05,309 --> 00:03:07,855
but for kind of simple vector stuff
it's kind of cool.
65

66
00:03:08,222 --> 00:03:11,347
I'm going to make a duplicate of this,
send it to the back.
66

67
00:03:12,839 --> 00:03:14,011
Change the color.
67

68
00:03:14,988 --> 00:03:17,605
For no reason, just jumped out,
to make it look cool.
68

69
00:03:19,542 --> 00:03:22,839
Let's have a quick look at the
other two options for 3D.
69

70
00:03:23,488 --> 00:03:25,987
The next one is Revolve,
so I'm going to draw some--
70

71
00:03:26,012 --> 00:03:28,526
I'm going to use the Pencil Tool
and draw a--
71

72
00:03:28,551 --> 00:03:32,401
What am I going to draw?
I'm going to draw something like that.
72

73
00:03:32,628 --> 00:03:33,753
It's got no Fill.
73

74
00:03:35,433 --> 00:03:38,315
Basically what you want is
you want a Stroke and no Fill.
74

75
00:03:38,340 --> 00:03:41,855
So I've got a Stroke of blue,
and I want no Fill.
75

76
00:03:42,035 --> 00:03:44,862
The Stroke, doesn't really matter,
it can be black...
76

77
00:03:44,887 --> 00:03:48,175
but it looks better with a colored Stroke.
77

78
00:03:48,496 --> 00:03:49,831
Now we're going to revolve it.
78

79
00:03:50,355 --> 00:03:55,581
So we're going to go up to
'Effect', '3D', 'Revolve'.
79

80
00:03:56,941 --> 00:03:58,222
Make sure Preview is turned on.
80

81
00:03:58,464 --> 00:04:00,612
It's kind of does the opposite
of what I wanted to.
81

82
00:04:01,690 --> 00:04:03,912
Depends on which side you draw.
82

83
00:04:03,937 --> 00:04:08,643
So you draw on kind of a cutaway
of the object you want to draw.
83

84
00:04:08,668 --> 00:04:10,836
I'm going to switch it from
Left Edge to Right Edge.
84

85
00:04:11,173 --> 00:04:14,946
That was my terrible--
whatever it is.
85

86
00:04:15,915 --> 00:04:18,954
When I was preparing for this video,
I tried to draw a wine glass...
86

87
00:04:18,979 --> 00:04:21,204
but every time it came horrible.
87

88
00:04:21,299 --> 00:04:23,495
But if you have the time,
you spend some time...
88

89
00:04:23,520 --> 00:04:26,657
with the Curvature Tool or the Pen Tool,
you can draw something quite nice.
89

90
00:04:27,348 --> 00:04:28,879
So that is the Revolve Tool.
90

91
00:04:31,426 --> 00:04:34,434
One of the nice things about
the Revolve Tool and the Extrude Tool is...
91

92
00:04:36,528 --> 00:04:37,387
there's two things in here.
92

93
00:04:37,412 --> 00:04:39,661
The Offset, you can break it.
93

94
00:04:39,686 --> 00:04:43,169
So how far apart they are in the middle.
94

95
00:04:43,856 --> 00:04:45,544
So it's different thing for this one.
95

96
00:04:45,576 --> 00:04:47,770
Just kind of separates them out
to make them wider.
96

97
00:04:48,075 --> 00:04:50,403
The other thing you can do
is the Revolve Angle.
97

98
00:04:50,801 --> 00:04:54,395
So in here, I can lessen it
so it's kind of a slice cut away.
98

99
00:04:54,622 --> 00:04:55,613
Let's do that one.
99

100
00:04:55,638 --> 00:04:57,007
I'm going to revolve it around...
100

101
00:04:57,032 --> 00:04:59,146
so you can kind of see,
I've got kind of a chunk.
101

102
00:04:59,403 --> 00:05:01,848
One of the other things
I like with Revolve...
102

103
00:05:01,873 --> 00:05:03,825
is the surfaces have plastic shading.
103

104
00:05:03,857 --> 00:05:06,637
If you can't see it
click on 'More Options'.
104

105
00:05:06,662 --> 00:05:08,637
Down here we want to go to 'Wireframe'.'
105

106
00:05:08,662 --> 00:05:12,043
I like it, it's just kind of a cool effect,
just looks kind of--
106

107
00:05:12,137 --> 00:05:13,650
I use it kind of as a visual...
107

108
00:05:13,675 --> 00:05:16,114
like maybe a big splash graphic
around the back.
108

109
00:05:16,630 --> 00:05:20,036
Cool. I'm going to turn it back
to 'Plastic Shading'.
109

110
00:05:20,692 --> 00:05:21,903
Click 'OK'.
110

111
00:05:22,115 --> 00:05:24,488
Let's look at the last of the fellows.
111

112
00:05:24,919 --> 00:05:26,684
Again, 'Command Y' for outline.
112

113
00:05:26,709 --> 00:05:30,043
I'm just going to shrink this down,
maybe move it across.
113

114
00:05:30,072 --> 00:05:31,721
It's still trying to do the 3D thing...
114

115
00:05:31,746 --> 00:05:34,408
so it might freak out, like it's
running a little bit slow...
115

116
00:05:34,607 --> 00:05:36,185
but at least it's easier to manoeuvre.
116

117
00:05:36,630 --> 00:05:38,853
The next thing we're going
to look at is Type.
117

118
00:05:38,878 --> 00:05:40,107
I'm going to type in Dan.
118

119
00:05:40,880 --> 00:05:44,528
The last option is not very exciting,
but we're going through them all.
119

120
00:05:46,153 --> 00:05:50,278
Like Extrude, except there's
no depth to it.
120

121
00:05:50,325 --> 00:05:51,521
It's called Rotate.
121

122
00:05:51,669 --> 00:05:54,130
You might find a good use for this.
I'm going to turn Preview on.
122

123
00:05:54,155 --> 00:05:58,722
You can see, same kind of thing,
but there's no extruding.
123

124
00:06:00,628 --> 00:06:02,511
It's kind of adding a bit of flat depth.
124

125
00:06:02,536 --> 00:06:04,652
Now the reason I've run through
this one a little fast...
125

126
00:06:04,677 --> 00:06:08,269
is that it's just a couple of
better options for you to use.
126

127
00:06:08,294 --> 00:06:10,394
Like, we love Illustrator,
that's why we're here...
127

128
00:06:10,419 --> 00:06:12,356
but there's just some things
that just look...
128

129
00:06:13,269 --> 00:06:15,457
just purposeful for 3D,
and there's two of them.
129

130
00:06:15,482 --> 00:06:17,714
Adobe has one and a half.
130

131
00:06:17,964 --> 00:06:19,933
Let's look at the first one
called Dimension.
131

132
00:06:19,958 --> 00:06:22,519
So this is Dimension open, it's pretty--
132

133
00:06:22,544 --> 00:06:25,635
like, what it's for is,
it's for doing stills in 3D...
133

134
00:06:25,660 --> 00:06:27,433
which could be perfect for use.
134

135
00:06:27,458 --> 00:06:30,144
I'm dragging out just
some premade stuff I got here.
135

136
00:06:30,169 --> 00:06:31,222
It's a coffee cup.
136

137
00:06:32,300 --> 00:06:34,238
Remember that fox we made earlier?
137

138
00:06:34,263 --> 00:06:35,418
It's just in my CC Library.
138

139
00:06:35,443 --> 00:06:37,496
I'm just going to drag it
and attach it to it.
139

140
00:06:37,832 --> 00:06:39,910
Really quick and easy, this program,
I love it.
140

141
00:06:40,915 --> 00:06:43,845
I can move it around, wraps another shape,
it's all very exciting.
141

142
00:06:44,702 --> 00:06:46,788
I'm not going to go through
the whole course on Dimension now.
142

143
00:06:46,820 --> 00:06:49,553
Just giving you kind of a teaser to say,
"Go off and do a course."
143

144
00:06:49,578 --> 00:06:52,764
I don't have one yet, I plan to do one
really soon, so check that out.
144

145
00:06:53,843 --> 00:06:56,639
Adobe Dimension; one of the 
coolest thing about this is...
145

146
00:06:56,664 --> 00:06:58,421
watch this, you can drag in backgrounds.
146

147
00:06:58,446 --> 00:07:00,577
Like, your own background, or this one.
147

148
00:07:00,602 --> 00:07:05,920
It's trying to map the Hex on 
the ground here to the floor here.
148

149
00:07:05,945 --> 00:07:07,580
It says, "Would you like
to match the image?"...
149

150
00:07:07,605 --> 00:07:08,538
and you say, "Yes, please."
150

151
00:07:08,866 --> 00:07:13,436
This coffee cup hopefully now
match the Perspective of the table.
151

152
00:07:13,461 --> 00:07:14,686
Pretty awesome, huh!
152

153
00:07:16,335 --> 00:07:17,944
I'm going to scale this one down.
153

154
00:07:19,780 --> 00:07:20,968
Bring him forward.
154

155
00:07:23,030 --> 00:07:24,225
Cool. It's a little bit big.
155

156
00:07:24,250 --> 00:07:28,631
You can see, what's really cool about it 
is it tried to mimic the lighting.
156

157
00:07:28,656 --> 00:07:31,046
It hasn't quite got it perfect,
you can adjust it...
157

158
00:07:31,389 --> 00:07:33,116
but it tries to mimic the image...
158

159
00:07:33,141 --> 00:07:35,780
where the lighting is,
and how it positions in the world.
159

160
00:07:36,233 --> 00:07:38,194
That's pretty convincing, right?
160

161
00:07:38,710 --> 00:07:44,342
It looks like it's part of the same 
kind of world as the base there.
161

162
00:07:48,991 --> 00:07:52,084
So that's the super quick
and dirty version of Dimension...
162

163
00:07:52,109 --> 00:07:54,584
but you can just see how much nicer it is.
163

164
00:07:54,609 --> 00:07:57,428
You can start with some of
these premade objects.
164

165
00:07:57,461 --> 00:08:00,226
You can buy them from stock.adobe site.
165

166
00:08:00,811 --> 00:08:04,413
And then there's lighting templates,
and backgrounds, you can add your graphics.
166

167
00:08:04,764 --> 00:08:05,718
Pretty cool.
167

168
00:08:05,743 --> 00:08:08,623
Now, again the biggest
drawback to this one...
168

169
00:08:08,648 --> 00:08:10,546
it's not meant to be animated.
169

170
00:08:10,797 --> 00:08:12,194
So it's just for stills.
170

171
00:08:12,702 --> 00:08:16,694
So where animation comes in, 
and maybe more motion graphics is--
171

172
00:08:16,764 --> 00:08:19,858
that's why it's kind of 0.5,
it's not really Adobe's product.
172

173
00:08:19,883 --> 00:08:22,991
It's from a company called Maxon,
it's called Cinema 4D.
173

174
00:08:23,016 --> 00:08:26,061
It's separate from your 
Creative Cloud license, kind of.
174

175
00:08:26,086 --> 00:08:27,796
There's a sneaky trick you can do.
175

176
00:08:27,828 --> 00:08:29,569
Like if you want to get 
into Motion Graphics...
176

177
00:08:29,594 --> 00:08:32,889
and you want to start getting into
3D Motion Graphics, which I love...
177

178
00:08:33,280 --> 00:08:34,936
go to Cinema 4D, it's a great product.
178

179
00:08:35,326 --> 00:08:39,865
And what you can do is you can open up
a Lite version inside After Effects.
179

180
00:08:40,069 --> 00:08:43,374
So whatever way they've decided
to license the product from Maxon...
180

181
00:08:44,069 --> 00:08:45,374
you can't just open it, right?
181

182
00:08:45,399 --> 00:08:47,007
You can find it on your machine, 
fair enough.
182

183
00:08:47,032 --> 00:08:48,742
It's called Cinema 4D Lite.
183

184
00:08:48,774 --> 00:08:50,498
But you can't open it, just won't open.
184

185
00:08:50,702 --> 00:08:53,413
So what you need to do to open it,
is you open up After Effects...
185

186
00:08:53,438 --> 00:08:57,319
just the blank document, 
go to 'File', 'New', and open it here.
186

187
00:08:57,858 --> 00:09:00,694
It's not the full version,
not the full studio version...
187

188
00:09:00,757 --> 00:09:03,029
but it does a lot what you need.
188

189
00:09:03,125 --> 00:09:04,695
Most of it, especially if you're new.
189

190
00:09:04,720 --> 00:09:08,890
Open it up, and from here,
as long as After Effects stays open...
190

191
00:09:08,915 --> 00:09:10,156
Cinema 4D opens.
191

192
00:09:10,260 --> 00:09:13,361
Now it's obviously not an Adobe product,
looks completely different...
192

193
00:09:13,393 --> 00:09:16,495
but if you do want to get into 3D
a bit more, and it excites you...
193

194
00:09:17,393 --> 00:09:20,190
I found this is such a good transition
for somebody who's doing...
194

195
00:09:20,215 --> 00:09:22,307
kind of more still graphic design...
195

196
00:09:22,332 --> 00:09:24,151
and wants to start animating it.
196

197
00:09:24,176 --> 00:09:28,375
The learning curve here is high enough,
but nothing compared to something like...
197

198
00:09:28,640 --> 00:09:32,476
Maya, or 3D Studio Max, or Blender.
198

199
00:09:32,501 --> 00:09:35,133
This one here, my advice is,
yes, it's a great start.
199

200
00:09:35,586 --> 00:09:38,695
Again, I plan to do a course on this,
I don't have it yet.
200

201
00:09:39,078 --> 00:09:42,648
What's really cool about it is
you can animate it.
201

202
00:09:42,890 --> 00:09:45,289
Just make sure my Play Head 
is back here, at 0.
202

203
00:09:45,314 --> 00:09:47,781
I'm going to set a Keyframe there,
and fill it along.
203

204
00:09:47,806 --> 00:09:50,554
And after maybe a few seconds, 60 seconds,
I'm going to slide it along here.
204

205
00:09:50,695 --> 00:09:55,195
Add another Keyframe,
drag it back, hit 'Play'.
205

206
00:09:55,344 --> 00:09:58,523
The cool thing about it is,
you can see, it's got nice easing already.
206

207
00:09:58,548 --> 00:10:00,679
I know it's pretty simple animation...
207

208
00:10:00,704 --> 00:10:03,469
but yes, it's super quick 
and easy to learn.
208

209
00:10:03,494 --> 00:10:05,046
I can throw a flow in.
209

210
00:10:05,679 --> 00:10:07,273
I'm going to stop now.
210

211
00:10:07,789 --> 00:10:09,945
I'm going to stop in a second,
I really want to try and--
211

212
00:10:09,970 --> 00:10:13,133
I'm not trying to sell Cinema 4D, I guess,
I'm just kind of saying...
212

213
00:10:13,403 --> 00:10:15,934
it's a lot easier, like--
213

214
00:10:16,622 --> 00:10:19,051
trying to learn this one,
then say something like--
214

215
00:10:20,716 --> 00:10:23,458
Maya is amazing, and way better
than Cinema 4D...
215

216
00:10:23,483 --> 00:10:25,466
but if you're just looking 
for Motion Graphics...
216

217
00:10:25,491 --> 00:10:28,622
it doesn't have to be that hard core.
217

218
00:10:28,654 --> 00:10:31,504
I'm trying to think of 
what the nice shapes are.
218

219
00:10:32,591 --> 00:10:35,317
If I render this one, 'Command R',
you can see...
219

220
00:10:35,543 --> 00:10:37,895
It's kind of an ugly 3D thing...
220

221
00:10:37,920 --> 00:10:39,341
but at least it's animated...
221

222
00:10:39,373 --> 00:10:42,762
and that's the kind of the real big 
difference between say something like...
222

223
00:10:43,794 --> 00:10:46,341
Dimension, and say something
like Cinema 4D.
223

224
00:10:46,366 --> 00:10:48,669
Dimension's all about premade stuff...
224

225
00:10:48,825 --> 00:10:51,239
and Cinema 4D is all making
stuff from scratch.
225

226
00:10:51,271 --> 00:10:53,551
There are some models and stuff
you can use.
226

227
00:10:53,576 --> 00:10:57,489
That's my interaction to 3D
using Illustrator.
227

228
00:10:58,817 --> 00:11:01,395
Let's get on to doing some
more kind of practical 3D stuff.
228

229
00:11:01,420 --> 00:11:03,074
Some semi flat design.
229

230
00:11:04,270 --> 00:11:07,184
Next video will be a little bit 
more exciting...
230

231
00:11:07,209 --> 00:11:08,992
or at least finished product.
231

232
00:11:09,195 --> 00:11:10,383
All right, let's jump into it now.