Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:01,945 --> 00:00:03,882
Hi there, welcome to this video.
2
00:00:03,907 --> 00:00:08,710
We are going to draw this lovely fox
using just basic shapes.
3
00:00:08,974 --> 00:00:13,188
Lines, rectangles, and stars,
just really simple stuff.
4
00:00:13,490 --> 00:00:16,173
We're going to start with a Template
to draw over the top...
5
00:00:16,363 --> 00:00:17,671
and end up with this.
6
00:00:17,992 --> 00:00:19,689
Let's go and look at that now.
7
00:00:20,376 --> 00:00:23,799
In this tutorial we're going to draw
from this drawing that I've made.
8
00:00:23,824 --> 00:00:26,609
Just to make it simple,
so we can all follow along.
9
00:00:26,836 --> 00:00:29,344
What I'd like to do is,
in Illustrator...
10
00:00:29,369 --> 00:00:31,355
we're going to go to
'File', 'New'.
11
00:00:31,596 --> 00:00:34,389
Pick a document size,
I'm going to start with 'Print'.
12
00:00:34,742 --> 00:00:37,528
I'm going to use 'US Letter',
I'm going to use 'Landscape'.
13
00:00:38,103 --> 00:00:40,936
I'm not going to change anything else,
just going to click 'Create'.
14
00:00:43,649 --> 00:00:46,427
I'm going to save it, so I'm going to
go to 'File', 'Save'.
15
00:00:46,548 --> 00:00:50,440
What we'll do for this class, is I'll put
everything on my Desktop, you do the same.
16
00:00:50,560 --> 00:00:52,489
I'm going to make a new folder
on my Desktop.
17
00:00:52,514 --> 00:00:58,461
I'm going to call this one
'Illustrator Class Files', and that's all.
18
00:00:58,486 --> 00:01:00,236
We're going to stick everything
from this class.
19
00:01:00,349 --> 00:01:02,793
Let's call this one 'Sleeping Fox'.
20
00:01:04,156 --> 00:01:05,457
Let's click 'Save'.
21
00:01:05,870 --> 00:01:08,076
Let's leave everything as the default,
and click 'OK'.
22
00:01:09,278 --> 00:01:12,032
So we're drawing from a drawing,
I've drawn it in my notebook, right?
23
00:01:12,066 --> 00:01:14,628
And I want to kind of just
redraw it in Illustrator.
24
00:01:14,817 --> 00:01:16,920
So nice trick to do that is...
25
00:01:16,945 --> 00:01:19,882
I've done a scan of it,
or we can take a photo of it.
26
00:01:20,163 --> 00:01:22,528
I'm going to go to 'File', 'Place'.
27
00:01:22,698 --> 00:01:25,229
Now, Place is Import, for Illustrator.
28
00:01:25,254 --> 00:01:27,293
Illustrator likes to call
it 'Place', click on that.
29
00:01:27,497 --> 00:01:29,337
I want you to find
your 'Exercise Files'...
30
00:01:29,362 --> 00:01:32,100
and there's one in there
called 'Sleeping Fox.jpg'.
31
00:01:32,232 --> 00:01:35,208
Now before you click Place,
click on this one that says 'Template'.
32
00:01:35,386 --> 00:01:37,688
What it does for is, let's have a look,
let's hit 'Place'.
33
00:01:38,135 --> 00:01:40,413
What it does for us, is it brings it in -
34
00:01:40,899 --> 00:01:42,010
I'm going to click
in the background here ...
35
00:01:42,035 --> 00:01:43,456
and it puts it on a Layer...
36
00:01:43,481 --> 00:01:46,585
and locks it so we can draw
over the top of it easily.
37
00:01:46,834 --> 00:01:50,493
Where I clicked on my 'Layers Panel' here,
you see, it created a Template Layer...
38
00:01:50,664 --> 00:01:52,489
and then a Layer that I can draw on.
39
00:01:53,397 --> 00:01:57,119
We don't have to do this, just makes
it easy when we're redrawing.
40
00:01:57,361 --> 00:01:58,937
For some reason it likes to bring in...
41
00:01:58,971 --> 00:02:01,179
and kind of has it a little bit over here,
to the left side.
42
00:02:01,204 --> 00:02:02,669
I'm going to unlock it, can you see...
43
00:02:02,694 --> 00:02:04,698
that's the locking icon,
I'm going to click on it.
44
00:02:04,845 --> 00:02:06,980
Drag it across to a little bit
more in the middle.
45
00:02:07,297 --> 00:02:09,035
Something like that,
then it will lock it again.
46
00:02:09,587 --> 00:02:12,118
And to continue drawing,
I want to make sure I'm on Layer 1.
47
00:02:12,591 --> 00:02:13,877
Let's jump back to 'Properties'.
48
00:02:14,194 --> 00:02:15,449
Now we'll start with this Body here...
49
00:02:15,474 --> 00:02:17,662
we're going to grab the 'Rectangle Tool',
here, he is here.
50
00:02:18,097 --> 00:02:21,621
I'm going to click, hold, and drag out
kind of a rough rectangle.
51
00:02:21,776 --> 00:02:24,212
You don't get it quite right,
jump back to the 'Black Arrow'...
52
00:02:24,254 --> 00:02:26,129
and use any of these white boxes here...
53
00:02:26,154 --> 00:02:29,199
just to kind of resize it,
and get it close to that size there.
54
00:02:29,369 --> 00:02:31,893
It's a bit of a guess,
don't worry too much.
55
00:02:32,150 --> 00:02:35,952
What I'm going to do is pick a Fill color,
and a Stroke color.
56
00:02:36,155 --> 00:02:37,172
Now yours may be different...
57
00:02:37,197 --> 00:02:39,980
yours might have a black line around
the outside, and a white Fill.
58
00:02:40,005 --> 00:02:41,317
Let's look at changing those.
59
00:02:41,460 --> 00:02:43,040
So over here, in my Appearance Panel...
60
00:02:43,065 --> 00:02:45,050
there's one called Fill,
and one called Stroke.
61
00:02:45,322 --> 00:02:49,379
I'm going to click on 'Fill',
and I'm going to pick a fox kind of color.
62
00:02:49,404 --> 00:02:52,344
Now we're going to use these Swatches here,
so you've got two options here.
63
00:02:52,385 --> 00:02:55,012
Kind of the rainbow colors,
and those Swatches.
64
00:02:55,040 --> 00:02:57,836
Let's just pick, just for this class
let's keep it simple...
65
00:02:57,861 --> 00:02:59,143
and just pick something in here.
66
00:02:59,862 --> 00:03:03,028
You can have a green fox, that's okay,
I'm just going to have an orange fox.
67
00:03:03,191 --> 00:03:04,540
And in terms of the Stroke...
68
00:03:04,651 --> 00:03:07,643
the Stroke is the one around the outside,
yours might already be black.
69
00:03:08,013 --> 00:03:09,997
You might see--
I'll click off over here.
70
00:03:10,085 --> 00:03:11,181
You can see, there's a black line...
71
00:03:11,206 --> 00:03:13,636
if I select on this,
and click on 'Stroke Color'...
72
00:03:13,955 --> 00:03:15,930
now I want to use this red line here.
73
00:03:15,978 --> 00:03:19,516
This little red line indicates No Stroke,
that little red, crossed out.
74
00:03:19,541 --> 00:03:21,208
Nothing there, but that's what I want.
75
00:03:21,248 --> 00:03:22,548
If nothing is changing...
76
00:03:23,267 --> 00:03:24,735
what you need to do,
with your Black Arrow...
77
00:03:24,760 --> 00:03:27,888
just make sure this box is selected,
then make your changes.
78
00:03:28,392 --> 00:03:31,543
So that's a rectangle, exciting,
and that's its Fill color.
79
00:03:31,705 --> 00:03:33,585
Let's get into something
a little more exciting...
80
00:03:33,610 --> 00:03:35,157
see these little dots in the corner here?
81
00:03:35,295 --> 00:03:36,643
These are your corner options.
82
00:03:36,668 --> 00:03:39,002
Watch this, I can click,
and drag these corners...
83
00:03:39,536 --> 00:03:41,076
the little spots there.
84
00:03:41,101 --> 00:03:43,714
And you can notice that
all of the corners come and change.
85
00:03:44,788 --> 00:03:47,090
It's kind of what I want.
I'm going to go to 'Edit', 'Undo'.
86
00:03:47,356 --> 00:03:49,356
I'm going to use my shortcut
for the rest of this course...
87
00:03:49,381 --> 00:03:52,745
so it's 'Command Z' on a Mac,
or 'Control Z' on a PC.
88
00:03:52,851 --> 00:03:55,168
I want to undo a couple of times
until it's back.
89
00:03:55,397 --> 00:03:56,747
Now what I would like to do is...
90
00:03:56,772 --> 00:03:58,297
you can see, underneath here,
the drawing...
91
00:03:58,322 --> 00:04:00,017
I've just got a corner there,
and a corner there.
92
00:04:00,379 --> 00:04:02,871
So, what I'd like to do is
use my White Arrow.
93
00:04:02,896 --> 00:04:05,278
Remember, the Black Arrow is
basically doing, kind of big things...
94
00:04:05,303 --> 00:04:06,542
moving the whole object.
95
00:04:06,678 --> 00:04:09,773
The White Arrow is good for doing
little bits within that object.
96
00:04:10,128 --> 00:04:11,188
Now what I'm going to do is...
97
00:04:11,213 --> 00:04:13,310
in this top right hand corner,
I'm going to click it once.
98
00:04:13,335 --> 00:04:16,249
You'll notice that this guy is blue,
and these guys are white...
99
00:04:16,425 --> 00:04:18,110
indicating that these guys are selected.
100
00:04:18,192 --> 00:04:20,954
And you can see here, just one
little target appears.
101
00:04:21,179 --> 00:04:23,949
I can click on this guy now,
and go something like that.
102
00:04:24,389 --> 00:04:27,016
Same with the bottom left,
click on that one, drag it up.
103
00:04:27,496 --> 00:04:29,646
Don't worry too much
about being perfect...
104
00:04:29,783 --> 00:04:33,000
but if you are, if you really do want
it to be perfect, what you can do -
105
00:04:33,033 --> 00:04:34,310
I'm going to undo a couple of times.
106
00:04:34,335 --> 00:04:36,528
- is you can have these guys selected
at the same time.
107
00:04:36,553 --> 00:04:39,124
So, click this guy once, hold 'Shift'...
108
00:04:39,402 --> 00:04:41,110
click this guy once,
and you've got two dots.
109
00:04:41,135 --> 00:04:43,446
Then you drag one, and they both update.
110
00:04:44,570 --> 00:04:48,873
So that's my little thing for his body,
let's look at doing the head now.
111
00:04:49,105 --> 00:04:50,438
So I'm going to go back
to my Black Arrow,...
112
00:04:50,463 --> 00:04:53,225
remember, that's the kind of
default tool to go to.
113
00:04:53,643 --> 00:04:55,651
Click off in the background,
I've got nothing selected.
114
00:04:55,746 --> 00:04:58,651
The next tool I want is the Polygon Tool...
115
00:04:58,743 --> 00:05:02,536
because I want a Triangle for his head,
and that's considered a Polygon in here.
116
00:05:02,564 --> 00:05:07,262
So I'm going to find the 'Rectangle Tool',
click, hold, hold, with your mouse key.
117
00:05:07,499 --> 00:05:09,626
Hold it down, and eventually these pop up.
118
00:05:09,858 --> 00:05:12,739
We're looking for this one
called Polygon, click on that.
119
00:05:13,798 --> 00:05:17,958
Now if I just do nothing, it will drag out
whatever I last drew.
120
00:05:18,199 --> 00:05:21,286
Yours is probably going to draw
an actual Pentagon, or a Hexagon...
121
00:05:21,311 --> 00:05:22,430
it's going to draw something.
122
00:05:22,467 --> 00:05:24,459
I'm going to undo to get rid of that.
123
00:05:24,492 --> 00:05:27,888
If you want to adjust how many sides
this Polygon has...
124
00:05:28,019 --> 00:05:30,584
all you need to do is just
click once with your mouse.
125
00:05:30,609 --> 00:05:32,799
Click once, and you get
these Polygon options.
126
00:05:33,001 --> 00:05:34,585
Yours is probably set to 5...
127
00:05:34,610 --> 00:05:36,152
and you're probably getting
something like that.
128
00:05:36,425 --> 00:05:39,441
I'm going to undo again, click once,
pick '3' sides.
129
00:05:39,627 --> 00:05:42,810
Don't worry too much about the radius,
we can change that afterwards.
130
00:05:42,835 --> 00:05:44,011
I've got a Triangle.
131
00:05:44,703 --> 00:05:47,228
Next thing I want to do is
do some Rotation and Scaling.
132
00:05:47,541 --> 00:05:50,597
It's best to do that when we're
back on our safety tool, the Black Arrow.
133
00:05:50,790 --> 00:05:52,550
I'm going to click, hold,
and drag the center...
134
00:05:52,772 --> 00:05:56,022
so it's kind of in a more usable place.
135
00:05:56,359 --> 00:05:57,779
Now to Scale and Rotate...
136
00:05:58,041 --> 00:05:59,724
let's look at rotating first.
137
00:05:59,749 --> 00:06:02,203
So Black Arrow, have this guy
selected just once.
138
00:06:02,484 --> 00:06:03,929
Now what you'll notice is...
139
00:06:04,064 --> 00:06:08,186
when I'm in the corner, I get this
stretching arrow, that's my scale...
140
00:06:08,443 --> 00:06:11,317
but if I come just a bit further out,
I get this double arrow.
141
00:06:11,900 --> 00:06:15,059
So there's kind of no man's land here,
too far, doesn't work.
142
00:06:15,229 --> 00:06:17,387
Just in, okay, never used to it.
143
00:06:17,740 --> 00:06:22,184
So if I click and hold here,
I can drag it around, clicking and holding.
144
00:06:22,641 --> 00:06:24,538
What I can also do is, undo.
145
00:06:24,563 --> 00:06:27,407
I want it to be kind of like...
I want to flip it in, like...
146
00:06:27,432 --> 00:06:29,797
Is it 90°, I guess, 90°.
147
00:06:29,908 --> 00:06:33,132
I want to-- while I'm dragging, watch this.
148
00:06:33,373 --> 00:06:37,146
If I hit down, and hold down
the 'Shift' key on my keyboard...
149
00:06:37,931 --> 00:06:39,212
watch this, can you see?
150
00:06:39,482 --> 00:06:43,040
It drags in like nice big chunks,
it's 45°...
151
00:06:43,941 --> 00:06:45,949
then, 90°, that's what I want.
152
00:06:46,244 --> 00:06:49,188
Now in terms of Scaling,
same tool, Black Arrow...
153
00:06:49,352 --> 00:06:51,795
and if I grab the corner here,
and just drag it...
154
00:06:51,820 --> 00:06:53,423
I can resize it any sort of shape I want...
155
00:06:53,448 --> 00:06:54,831
by clicking, holding, and dragging.
156
00:06:54,993 --> 00:06:57,126
Now I would like to kind of
constrain it proportionately...
157
00:06:57,151 --> 00:06:58,905
so that it's a perfect triangle...
158
00:06:58,930 --> 00:07:01,432
because if I scale it down here,
it gets a bit long and thin.
159
00:07:01,601 --> 00:07:04,014
So what I'm going to do
is hold down the 'Shift' key...
160
00:07:04,295 --> 00:07:05,873
like I did when I was rotating...
161
00:07:05,953 --> 00:07:08,454
if I hold 'Shift' while I'm Scaling,
in any of those corners...
162
00:07:08,486 --> 00:07:10,043
you can see, if I drag it down...
163
00:07:10,068 --> 00:07:13,052
it kind of wants to be the same height
and width, it kind of locks that ratio.
164
00:07:13,287 --> 00:07:15,724
So I'm going to drag it, kind of in there.
165
00:07:15,861 --> 00:07:18,885
Drag it up a little bit,
something like that.
166
00:07:19,167 --> 00:07:20,897
So, getting close.
167
00:07:21,758 --> 00:07:23,608
Now the only trouble
with what I've got here...
168
00:07:23,633 --> 00:07:25,020
is I can't really see through it...
169
00:07:25,624 --> 00:07:27,395
it's somewhat the other parts
that I'm drawing.
170
00:07:27,420 --> 00:07:29,938
So what might be nice now,
is just while I'm working...
171
00:07:29,963 --> 00:07:31,392
I'm going to switch down the Stroke...
172
00:07:31,519 --> 00:07:33,005
and I'm going to make it
a 'black' Stroke...
173
00:07:33,206 --> 00:07:35,913
and the Fill, I'm going
to change to 'None'.
174
00:07:36,907 --> 00:07:39,573
So the Fill, with the red line,
and the Stroke with black...
175
00:07:39,598 --> 00:07:40,733
now I can see through it.
176
00:07:41,857 --> 00:07:44,914
Like we did with the shape down here,
we can play with the corner options.
177
00:07:44,947 --> 00:07:46,503
So I've got this selected
with my Black Arrow...
178
00:07:46,528 --> 00:07:48,305
you'll notice that I can't click
in the center anymore.
179
00:07:48,960 --> 00:07:51,008
I could in this, because it selects
the whole thing...
180
00:07:51,040 --> 00:07:53,290
but in the middle of this, I can't.
It doesn't.
181
00:07:53,315 --> 00:07:55,822
You got to select the edge now,
because it has no Fill.
182
00:07:56,684 --> 00:08:00,858
And like before, I can grab this
target here, and it does all the corners.
183
00:08:00,883 --> 00:08:02,720
That's not what I want,
so I'm going to undo.
184
00:08:02,904 --> 00:08:05,952
I'm going to grab my 'White Arrow',
and click on just this guy here.
185
00:08:05,977 --> 00:08:09,233
Then I'm going to drag him upto
roughly the same size that I want.
186
00:08:09,838 --> 00:08:12,584
Awesome! Triangles and Rectangles.
Let's do the nose now.
187
00:08:12,609 --> 00:08:14,230
So I'm going to grab my Polygon Tool...
188
00:08:14,255 --> 00:08:17,235
click once, '3' sides,
click 'OK', way too big.
189
00:08:17,722 --> 00:08:21,150
Grab my 'Black Arrow', holding 'Shift',
I'm going to scale it down.
190
00:08:21,344 --> 00:08:24,948
Then just in this no man's land,
I'm going to try and rotate it around.
191
00:08:25,347 --> 00:08:26,585
Now I'm going to drag it down...
192
00:08:26,610 --> 00:08:28,387
let me get it roughly the right size there.
193
00:08:29,647 --> 00:08:31,563
Now what I can do while
I'm dragging this thing around...
194
00:08:31,588 --> 00:08:33,314
often you just drag this
little dot in the center...
195
00:08:33,339 --> 00:08:34,672
it moves it around...
196
00:08:34,697 --> 00:08:37,127
and I kind of want to get
it perfect in there...
197
00:08:37,416 --> 00:08:40,089
so there's a couple of things
we need to do when we're working.
198
00:08:40,815 --> 00:08:43,078
You'll notice that, by default,
this thing...
199
00:08:43,443 --> 00:08:46,946
you see these little marks that appears?
You can see, it says, intersect.
200
00:08:47,844 --> 00:08:50,226
Draws a line up with things all over here.
201
00:08:50,251 --> 00:08:51,777
So a couple of things you need to do.
202
00:08:51,802 --> 00:08:54,024
Make sure our Smart Guides are on,
because they're really helpful.
203
00:08:54,049 --> 00:08:57,361
So go to 'View', come down here,
and make sure Smart Guides are ticked 'on'.
204
00:08:57,660 --> 00:08:59,747
Next thing to do is, just to zoom in.
205
00:08:59,772 --> 00:09:02,703
When we're working this far out,
on things this delicate...
206
00:09:02,728 --> 00:09:04,330
it's just really hard,
it snaps at everything.
207
00:09:04,579 --> 00:09:07,785
So remember, 'Command +',
or 'Control +' on a PC...
208
00:09:08,183 --> 00:09:09,536
gets us in nice and close.
209
00:09:09,695 --> 00:09:12,584
And watch this, if I have my Black Arrow,
and just click off in the background...
210
00:09:13,539 --> 00:09:15,572
I don't have it selected,
I have nothing selected.
211
00:09:15,734 --> 00:09:19,464
If I click in, you can see, I can move
my cursor around, it says, Anchor.
212
00:09:19,817 --> 00:09:22,754
Anchor is considered like a corner point.
213
00:09:22,940 --> 00:09:25,860
So if I click on, and drag this Anchor...
214
00:09:26,579 --> 00:09:30,705
and I drag it close to here, you'll see,
eventually it will snap in there.
215
00:09:31,297 --> 00:09:33,377
It just kind of wants to line up,
and intersect.
216
00:09:33,626 --> 00:09:35,434
So you can find that's a nice, easy way.
217
00:09:35,459 --> 00:09:37,142
It's just got to be zoomed in
a little closer.
218
00:09:37,352 --> 00:09:41,543
Then, kind of just drag in the corner...
and try line it up where you want it to go.
219
00:09:41,568 --> 00:09:44,141
And if Smart Guides are on,
it's really good...
220
00:09:44,166 --> 00:09:45,373
it's kind of snapping in there.
221
00:09:45,663 --> 00:09:47,964
Next thing I want to do,
is I want this to have a Fill of black...
222
00:09:48,451 --> 00:09:50,800
and I want to have no line
around the outside.
223
00:09:51,695 --> 00:09:52,750
We got a red line.
224
00:09:53,162 --> 00:09:56,070
Next tool we're going to use is--
I want to put in these whiskers.
225
00:09:56,095 --> 00:09:57,770
I'm going to select on this guy.
226
00:09:57,795 --> 00:09:59,330
Even though I've just put the color in...
227
00:09:59,355 --> 00:10:01,152
I'm going to move it back
to having 'No' Fill.
228
00:10:01,259 --> 00:10:04,441
I'm going to give it a Stroke
around the outside, so I can see it.
229
00:10:04,627 --> 00:10:05,762
Now let's do the whiskers.
230
00:10:05,873 --> 00:10:08,042
I'm just going to use
the 'Line Segment Tool'.
231
00:10:08,067 --> 00:10:09,217
It's a nice, simple tool.
232
00:10:09,370 --> 00:10:10,863
Click, hold, drag.
233
00:10:11,171 --> 00:10:14,109
Click, hold, drag,
click, hold, drag.
234
00:10:14,447 --> 00:10:16,129
Just so I've got three lines.
235
00:10:16,608 --> 00:10:17,733
One thing you might find...
236
00:10:17,758 --> 00:10:20,299
is if you try and draw something
kind of straight out of...
237
00:10:20,588 --> 00:10:22,112
you can see, if I draw something...
238
00:10:22,137 --> 00:10:24,897
then I draw another one to come out
that little point there...
239
00:10:24,922 --> 00:10:26,165
it actually starts moving it.
240
00:10:26,365 --> 00:10:28,763
If you do want to kind of get them
to come out of the same point...
241
00:10:29,279 --> 00:10:31,508
once you've drawn one,
grab the 'Black Arrow'...
242
00:10:31,533 --> 00:10:32,678
click in the background...
243
00:10:32,703 --> 00:10:35,744
and go back to the 'Line Tool',
then you'd be able to kind of start again.
244
00:10:35,985 --> 00:10:40,096
'Black Arrow', click in the background,
that's the Line Tool, start again.
245
00:10:40,639 --> 00:10:43,783
I've kind of kept mine separate down here,
just to avoid that.
246
00:10:44,668 --> 00:10:46,859
Next thing I want to do
is this little closed eye.
247
00:10:46,891 --> 00:10:49,016
Now, we could, if we hold down
the 'Polygon Tool'...
248
00:10:49,041 --> 00:10:50,019
find the 'Ellipse Tool'.
249
00:10:50,044 --> 00:10:51,753
I could draw like an open eye.
250
00:10:52,017 --> 00:10:53,985
But my guy is sleeping,
so I'm going to delete him.
251
00:10:54,202 --> 00:10:57,281
And underneath the Line Segment Tool
is an Arc Tool.
252
00:10:57,578 --> 00:11:01,347
So click on him, and what I'm going
to draw is just something...
253
00:11:01,488 --> 00:11:05,694
it's a bit random, the way it draws.
I want it to be kind of this way...
254
00:11:05,719 --> 00:11:08,389
but let's just click it down,
and kind of get something archy...
255
00:11:08,714 --> 00:11:10,019
then we'll rotate it.
256
00:11:10,163 --> 00:11:12,798
So I've got something like that,
grab my 'Black Arrow'.
257
00:11:13,031 --> 00:11:15,046
Remember, just hovering out here...
258
00:11:15,071 --> 00:11:18,454
I can drag it around,
move it down, scale it up.
259
00:11:18,687 --> 00:11:21,289
Just kind of work with it until
you find something that you like.
260
00:11:22,173 --> 00:11:25,724
And in terms of the Stroke, say width,
it's a bit thin for me.
261
00:11:25,749 --> 00:11:30,093
I'm going to increase it up,
probably the same for all of these guys...
262
00:11:30,118 --> 00:11:31,855
they're all a bit thin for me
at the moment.
263
00:11:32,392 --> 00:11:35,228
I can do them individually,
and over here, with it selected...
264
00:11:35,260 --> 00:11:37,688
this is the Stroke Width,
how thick the line is...
265
00:11:37,713 --> 00:11:38,731
you can see him get really big.
266
00:11:38,756 --> 00:11:41,549
I'm going to go out to
something like '5 points'.
267
00:11:42,274 --> 00:11:43,917
I don't want to have
to do this individually.
268
00:11:43,966 --> 00:11:45,405
So I'm going to click on this guy...
269
00:11:45,430 --> 00:11:48,787
with my Black Arrow, hold 'Shift',
grab him, grab him...
270
00:11:48,812 --> 00:11:52,410
So I've got all three of them selected,
and I'd like them all to be '5'.
271
00:11:53,422 --> 00:11:54,414
Big.
272
00:11:55,853 --> 00:11:57,907
So now I can go through
and add my colors again...
273
00:11:57,932 --> 00:11:59,196
I'm going to zoom out a little bit.
274
00:11:59,229 --> 00:12:01,689
So this border here,
we can have no Stroke.
275
00:12:01,714 --> 00:12:04,670
So I'm going to go back to
that crossed out red line...
276
00:12:04,783 --> 00:12:07,452
and the Fill here,
I'm going to pick my color.
277
00:12:07,905 --> 00:12:10,026
It's going to be, I think it was this one.
278
00:12:10,749 --> 00:12:13,355
And the head, I'm going to
do the same sort of thing.
279
00:12:13,380 --> 00:12:14,646
I'm going to have no Stroke.
280
00:12:14,704 --> 00:12:18,325
And I'm going to pick a Fill color
of that orange.
281
00:12:18,669 --> 00:12:22,376
That's the kind of basics to get started.
Let's look at a couple of things.
282
00:12:22,530 --> 00:12:23,911
Let's look at this ear here.
283
00:12:24,024 --> 00:12:27,524
So what I'd like to do is,
I'm going to grab my 'Polygon Tool' again.
284
00:12:27,686 --> 00:12:31,171
And because it remembers what I drew
last time, I can just draw something out...
285
00:12:31,492 --> 00:12:34,345
rather than clicking once,
and making sure it's got three sides.
286
00:12:34,370 --> 00:12:35,561
I know it does now.
287
00:12:35,599 --> 00:12:36,900
So I can click and drag out.
288
00:12:37,117 --> 00:12:38,204
Now while I'm dragging out...
289
00:12:38,229 --> 00:12:39,967
I can hold 'Shift'
to get it to go perfect...
290
00:12:39,992 --> 00:12:41,069
that's kind of what I want.
291
00:12:41,558 --> 00:12:43,625
So something like that.
292
00:12:44,756 --> 00:12:47,570
It just needs to be big enough,
because what I'm going to do is...
293
00:12:47,676 --> 00:12:50,898
with the Black Arrow, grab the center,
I'm going to turn it into this ear.
294
00:12:50,923 --> 00:12:52,422
So probably needs to be a bit bigger.
295
00:12:54,501 --> 00:12:56,691
Just so it kind of sits back there
a little bit.
296
00:12:57,035 --> 00:12:58,729
So what I'd like to do for this one...
297
00:12:58,754 --> 00:13:02,411
is I'd like to have a really thick Stroke,
and a Fill of white.
298
00:13:02,549 --> 00:13:04,523
So, the Fill, I'm going
to change it to 'white'...
299
00:13:04,777 --> 00:13:06,169
and I'm going to have the Stroke...
300
00:13:06,307 --> 00:13:09,831
and I'm going to pick,
maybe just a darker color of that.
301
00:13:10,089 --> 00:13:13,360
I'm going to increase it to match
the Stroke size.
302
00:13:13,385 --> 00:13:16,910
I was using 5 over here for these guys,
I might as well use 5 for the ear.
303
00:13:17,151 --> 00:13:18,532
I'm just going to pop it there.
304
00:13:18,891 --> 00:13:21,010
Now this brings me to the next point
of arranging.
305
00:13:22,187 --> 00:13:24,140
Basically the last thing you draw
is on top.
306
00:13:24,228 --> 00:13:26,055
All I need to do is
move it to the back.
307
00:13:26,328 --> 00:13:29,423
And there's a couple of ways,
with it selected, with the Black Arrow...
308
00:13:30,038 --> 00:13:31,421
over here there's one called 'Arrange'...
309
00:13:31,446 --> 00:13:33,689
and I can go 'Send to Back',
and it goes over there.
310
00:13:33,868 --> 00:13:35,853
Or often, what I do is
I just right click it...
311
00:13:35,878 --> 00:13:38,066
and there's 'Arrange', 'Send to Back'.
312
00:13:38,091 --> 00:13:39,555
Either way, it doesn't matter.
313
00:13:40,145 --> 00:13:41,630
Let's look at doing these stars.
314
00:13:42,876 --> 00:13:46,158
There is an actual tool for it
called the Star Tool, grab on him.
315
00:13:46,301 --> 00:13:49,531
Click once, decide how many
points you want.
316
00:13:49,555 --> 00:13:52,262
By default it's going to give you
a pretty nice looking star.
317
00:13:52,287 --> 00:13:55,256
You can change the two radii,
the inner...
318
00:13:55,281 --> 00:13:56,953
which is the outside part...
319
00:13:56,986 --> 00:13:59,973
and then the inner radius, radius 2,
is this inside part.
320
00:14:01,196 --> 00:14:03,981
I'm going to click 'OK', it gives me
a star, I can click and drag it out.
321
00:14:04,167 --> 00:14:06,400
So what I'd like you to do is--
I'm going to undo...
322
00:14:06,425 --> 00:14:08,772
and just drag out a star,
stuff in the center.
323
00:14:09,299 --> 00:14:10,497
Here we go.
324
00:14:11,350 --> 00:14:14,591
Roughly, don't worry too much about it.
325
00:14:14,678 --> 00:14:16,924
You can have more stars,
you can have less stars.
326
00:14:18,578 --> 00:14:21,654
Something like that, badly drawn stars,
little stars.
327
00:14:22,069 --> 00:14:23,751
Add more, go nuts.
328
00:14:24,093 --> 00:14:26,800
We're going to add a bit more detail,
this tail...
329
00:14:26,832 --> 00:14:29,792
and we'll add, kind of the grass
down the bottom.
330
00:14:30,024 --> 00:14:32,455
Basically we've covered the tools
that we're going to be using...
331
00:14:32,480 --> 00:14:33,376
so you can skip it here.
332
00:14:33,401 --> 00:14:36,051
There's a couple of little things
that we'll do in here.
333
00:14:36,301 --> 00:14:37,547
Let's do this tail first.
334
00:14:37,954 --> 00:14:40,549
So I might grab my 'Rectangle Tool'.
335
00:14:41,689 --> 00:14:43,069
Can't find him, there he is.
336
00:14:43,643 --> 00:14:45,746
Draw something roughly close to it.
337
00:14:45,795 --> 00:14:49,128
You'll notice, the Smart Guides here
has locked into the bottom, super helpful.
338
00:14:49,251 --> 00:14:52,325
You can turn them off though,
under 'View', 'Smart Guides'...
339
00:14:52,350 --> 00:14:53,849
if you're finding them troublesome.
340
00:14:53,995 --> 00:14:55,880
There's a shortcut, it's really, often...
341
00:14:55,905 --> 00:14:58,019
to turn it on and off
while you're building.
342
00:14:58,427 --> 00:15:00,094
So they've given it a really good shortcut.
343
00:15:00,119 --> 00:15:02,813
In this case, on a Mac,
it's 'Command U' on a Mac...
344
00:15:02,838 --> 00:15:04,034
or 'Control U' on a PC.
345
00:15:04,973 --> 00:15:07,284
So first thing I want to do is...
346
00:15:07,309 --> 00:15:09,764
I'm going to give it No Fill,
so I can see through it.
347
00:15:10,568 --> 00:15:14,030
And I'm going to grab my 'White Arrow',
click on just this corner.
348
00:15:14,556 --> 00:15:17,199
Actually I'm going to click on that one,
hold 'Shift', grab that one.
349
00:15:17,334 --> 00:15:20,297
Let's draw something matching this.
350
00:15:21,872 --> 00:15:25,380
Same thing again, I'm going to
draw a Rectangle over this guy.
351
00:15:27,211 --> 00:15:28,679
I'm going to grab my 'White Arrow'.
352
00:15:29,268 --> 00:15:31,594
Click on this one, hold 'Shift',
grab this guy.
353
00:15:31,786 --> 00:15:33,095
Add that corner point.
354
00:15:33,335 --> 00:15:34,764
And we're doing some stuff.
355
00:15:35,220 --> 00:15:37,805
And what I want to do is,
I'm going to pick a Fill color...
356
00:15:37,830 --> 00:15:41,300
so at the moment, the Stroke is orange,
I'd like to have the Stroke as 'None'.
357
00:15:41,804 --> 00:15:43,566
Fill color is the 'Orange'.
358
00:15:46,580 --> 00:15:50,471
And I'm going to have this Fill color,
so Stroke of 'None'...
359
00:15:50,646 --> 00:15:52,260
and a Fill color of 'White'.
360
00:15:53,030 --> 00:15:54,070
Exciting!
361
00:15:54,332 --> 00:15:55,483
He was lying down.
362
00:15:55,669 --> 00:15:59,026
I feel like, now that I've drawn it,
I want to grab this guy.
363
00:15:59,051 --> 00:16:00,769
So I selected both of them,
clicked on this...
364
00:16:00,794 --> 00:16:02,332
hold 'Shift', grab this guy...
365
00:16:02,509 --> 00:16:05,073
and I'm going to rotate it around.
366
00:16:05,366 --> 00:16:08,024
Holding 'Shift' while you're rotating,
remember, like the Head...
367
00:16:08,079 --> 00:16:09,491
locks it into kind of 45.
368
00:16:09,914 --> 00:16:11,438
Looked like he's sleeping there.
369
00:16:12,536 --> 00:16:13,752
You decide.
370
00:16:16,101 --> 00:16:18,545
Yes, he looks like he's sleeping there.
371
00:16:20,417 --> 00:16:23,321
Next thing I'd like to do is,
underneath here is some grass...
372
00:16:23,346 --> 00:16:24,670
so all I'm going to do is--
373
00:16:24,695 --> 00:16:26,722
actually I was just going to move
that other way for the moment.
374
00:16:26,836 --> 00:16:30,138
Grab the 'Polygon Tool',
which is still set to Triangle.
375
00:16:30,466 --> 00:16:33,077
Draw something, like a triangle.
376
00:16:33,381 --> 00:16:35,008
Then grab the 'Black Arrow'.
377
00:16:35,145 --> 00:16:39,354
And just kind of shrink it in there,
and we're just going to build this.
378
00:16:39,664 --> 00:16:41,053
I'm going to zoom in a little bit.
379
00:16:42,003 --> 00:16:43,214
Copy, and paste it...
380
00:16:43,239 --> 00:16:46,409
so with it selected, I've gone
'Edit', 'Copy', 'Edit', 'Paste'.
381
00:16:47,773 --> 00:16:49,682
I'm just going to use my shortcuts
to speed it up.
382
00:16:51,209 --> 00:16:53,407
And I'm going to draw, resize it.
383
00:16:54,093 --> 00:16:56,530
This is where you can just
build your own grass.
384
00:16:56,731 --> 00:16:59,644
Little bit high, grab that dot
in the middle to make sure you move it.
385
00:17:02,118 --> 00:17:03,019
Now I'm just doodling.
386
00:17:03,044 --> 00:17:05,745
There is one other thing, so hang around,
I'll show you in a sec.
387
00:17:08,060 --> 00:17:09,814
Copy, paste, move it around.
388
00:17:10,055 --> 00:17:13,332
I'm not too worried about these
being kind of down here...
389
00:17:13,357 --> 00:17:15,589
because I'm going to show you a technique
to kind of trim them up.
390
00:17:15,887 --> 00:17:19,339
So I'm going to select all these,
copy and paste it, make another version.
391
00:17:20,964 --> 00:17:24,552
And with them all selected,
I can scale them all in one go.
392
00:17:24,982 --> 00:17:26,903
So it's going to look
something like that.
393
00:17:28,307 --> 00:17:30,331
What I'm going to do is
I'm going to select them all...
394
00:17:30,953 --> 00:17:32,616
and I'm going to grab you...
395
00:17:32,641 --> 00:17:36,382
and I'm going to grab a Fill of
this kind of dark gray color.
396
00:17:36,809 --> 00:17:37,910
I'll show you what I'm going to do
in a second...
397
00:17:37,935 --> 00:17:39,045
you saw it at the beginning, right?
398
00:17:39,176 --> 00:17:41,382
So, move him back in.
399
00:17:42,458 --> 00:17:43,418
Nice!
400
00:17:43,799 --> 00:17:46,389
We've used my drawing now,
it's kind of done its dash.
401
00:17:46,414 --> 00:17:49,945
We've got our kind of Fill drawing now,
I want to go into my Layers panel.
402
00:17:50,123 --> 00:17:52,797
Let's just turn the visibility of that off.
403
00:17:53,079 --> 00:17:55,153
So this eyeball layer here,
if you click on that...
404
00:17:55,178 --> 00:17:56,532
you'll notice that it disappears.
405
00:17:56,646 --> 00:17:58,630
You can leave it there,
doesn't really matter...
406
00:17:59,228 --> 00:18:01,387
but I'm just turning it off
so I can't see it.
407
00:18:01,612 --> 00:18:04,731
Kind of brings me to my next point.
I need to resize this.
408
00:18:05,410 --> 00:18:07,948
My next point is,
when you're scaling things...
409
00:18:07,973 --> 00:18:09,261
look what happens by default.
410
00:18:09,286 --> 00:18:11,657
So if I select everything,
so 'Black Arrow'...
411
00:18:11,682 --> 00:18:13,144
drag a box around all of it.
412
00:18:13,403 --> 00:18:15,832
Under 'Properties', there's an
important thing here.
413
00:18:16,080 --> 00:18:18,110
Actually no, before you select anything...
414
00:18:18,135 --> 00:18:20,550
there's this one here,
'Scale Stroke & Effects'.
415
00:18:20,775 --> 00:18:22,768
So there's going to be times
when you need this on...
416
00:18:22,793 --> 00:18:24,553
and some times when you need it off.
417
00:18:26,002 --> 00:18:27,558
If it's off, look what happens.
418
00:18:27,583 --> 00:18:30,735
If I select this, and I scale it down,
say I just need a smaller version of him...
419
00:18:31,015 --> 00:18:32,484
so I've selected it all.
420
00:18:32,716 --> 00:18:34,169
I'm going to scale it down...
421
00:18:34,194 --> 00:18:36,502
and like we did when we were
drawing lots of shapes...
422
00:18:36,527 --> 00:18:38,703
if we hold down 'Shift'
while we're scaling it...
423
00:18:38,728 --> 00:18:39,770
it locks the height and width...
424
00:18:39,795 --> 00:18:41,232
otherwise it gets all kind of stretchy.
425
00:18:41,423 --> 00:18:44,280
So shift down, and look what happens
when I get down quite small.
426
00:18:45,373 --> 00:18:48,788
It's remembered that this is 5 points.
427
00:18:49,639 --> 00:18:52,346
And it just does some weird stuff
when it gets down to here.
428
00:18:52,982 --> 00:18:54,935
It's trying to kind of remember...
429
00:18:55,110 --> 00:18:59,250
the actual radii
that we used around here.
430
00:18:59,275 --> 00:19:00,745
It's doing some strange things.
431
00:19:00,887 --> 00:19:02,223
So sometimes you want that...
432
00:19:02,248 --> 00:19:05,241
you want to scale it down a bit,
and retain the Stroke Width...
433
00:19:05,505 --> 00:19:07,013
but I'm going to go to 'Edit', 'Undo'.
434
00:19:07,515 --> 00:19:09,960
And with nothing selected,
I'm going to turn that on...
435
00:19:09,985 --> 00:19:12,146
and it's going to scale those ?? now...
436
00:19:12,949 --> 00:19:14,591
proportionately to the size that I've got.
437
00:19:14,616 --> 00:19:15,773
Now when I scale it down...
438
00:19:15,798 --> 00:19:17,309
I hold down 'Shift',
and then scale it down...
439
00:19:17,334 --> 00:19:19,881
you can see, these guys,
these stars here...
440
00:19:19,981 --> 00:19:23,354
they come down, and they're smaller size,
they're like 3 points now.
441
00:19:23,730 --> 00:19:25,498
So that's just kind of something...
442
00:19:25,523 --> 00:19:28,200
you need to be aware of
when you're scaling things.
443
00:19:28,332 --> 00:19:31,689
It's that sometimes you want them
to scale appropriately...
444
00:19:31,714 --> 00:19:33,857
and sometimes you want them
to actually get smaller...
445
00:19:33,882 --> 00:19:35,128
so you'll turn that on and off.
446
00:19:35,544 --> 00:19:37,591
Last little thing, I'm just going to...
447
00:19:37,616 --> 00:19:40,007
I don't know, maybe just look
a little nicer with some rectangles.
448
00:19:40,032 --> 00:19:41,200
I'm going to use--
449
00:19:41,440 --> 00:19:44,028
I'll draw a rectangle,
it covers kind of the bottom here.
450
00:19:44,053 --> 00:19:46,386
It's just going to match
the same color as my grass.
451
00:19:46,411 --> 00:19:50,806
Actually I might use the Black Arrow...
and get it to snap to the bottom of my fox.
452
00:19:50,999 --> 00:19:55,237
I'll use the same color as that,
so 'Fill', and, which one is it?
453
00:19:56,477 --> 00:19:57,668
Lucky first guess.
454
00:19:57,907 --> 00:20:00,138
Same with the sky here.
455
00:20:00,727 --> 00:20:05,188
I'm going to grab the 'Rectangle Tool',
space bar, drag up a little bit.
456
00:20:05,542 --> 00:20:07,891
And let's have a nice starry sky.
457
00:20:08,013 --> 00:20:12,036
Snaps in. Fill color, I'm going to use
another one of the darker grays.
458
00:20:12,502 --> 00:20:13,462
That dark.
459
00:20:13,821 --> 00:20:16,250
With it selected,
'Arrange', 'Send to Back'.
460
00:20:16,951 --> 00:20:20,263
And I might make the stars just white.
461
00:20:20,288 --> 00:20:23,348
Even though we've spent ages talking
about the Strokes of these guys...
462
00:20:23,658 --> 00:20:24,677
goodbye Stroke.
463
00:20:26,199 --> 00:20:30,224
And a Fill might be up to... I don't know what I'm doing
464
00:20:30,553 --> 00:20:37,262
So that is my, or our fox drawn out of
just really basic shapes.
465
00:20:37,287 --> 00:20:39,288
There's so much you can do
just with those shapes.
466
00:20:39,563 --> 00:20:42,580
Now, like I said at the beginning,
often it's a combination of--
467
00:20:42,653 --> 00:20:45,155
I've kind of kept this design
to a specific shape...
468
00:20:45,180 --> 00:20:47,924
just to kind of like, I guess,
work through some of the tools...
469
00:20:47,949 --> 00:20:49,898
but often you'll find
you'll be using things like...
470
00:20:49,923 --> 00:20:55,082
the Shape Builder Tool and the Pen Tool,
which we'll do in the next tutorial.
471
00:20:55,243 --> 00:20:56,632
Also in that process...
472
00:20:56,824 --> 00:20:59,880
like, you saw how we kind of started
with the drawing first.
473
00:20:59,905 --> 00:21:01,711
I do that really often, right?
474
00:21:01,848 --> 00:21:03,402
I kind of draw in my notebook...
475
00:21:03,427 --> 00:21:05,777
because I find that it's just
easier and quicker.
476
00:21:07,601 --> 00:21:09,258
Often I don't even do a scan...
477
00:21:09,820 --> 00:21:13,817
to redraw in Illustrator, I just get
a general sense of it in my notebook.
478
00:21:13,949 --> 00:21:16,431
Now my drawing here looked
really good, right?
479
00:21:17,365 --> 00:21:20,158
It's perfect, it kind of follows the lines.
480
00:21:20,773 --> 00:21:22,249
It's never that good.
I'll show you--
481
00:21:22,274 --> 00:21:25,337
I'll cut to this shot here, jump across.
482
00:21:26,032 --> 00:21:28,556
So here it is, I just took a photo
of my notebook.
483
00:21:28,581 --> 00:21:30,917
That is the glorious fox.
484
00:21:30,942 --> 00:21:34,172
So just kind of draw a little bit,
and kind of got it close.
485
00:21:34,368 --> 00:21:37,764
I wouldn't scan and redraw,
I would just use it as kind of a visual.
486
00:21:37,878 --> 00:21:39,665
Then just start drawing in Illustrator...
487
00:21:39,690 --> 00:21:43,094
kind of perfected it, I guess,
to get a nicer shape.
488
00:21:43,272 --> 00:21:45,545
But that's kind of more of a truer sense
of my process.
489
00:21:45,570 --> 00:21:48,236
I will just do a really kind
of a basic drawing...
490
00:21:48,261 --> 00:21:50,041
and then draw straight into Illustrator.
491
00:21:50,383 --> 00:21:53,652
So that's the end of how to
draw basic shapes.
492
00:21:53,800 --> 00:21:57,628
What I'd like to do now
is challenge you to a challenge.
493
00:21:57,701 --> 00:21:59,775
It's to take kind of the same techniques...
494
00:21:59,800 --> 00:22:03,759
so you're allowed to use rectangles,
stars, lines, those type of things...
495
00:22:03,784 --> 00:22:05,388
and create your own animal.
496
00:22:05,413 --> 00:22:07,747
It could be sleeping like mine,
it doesn't have to be.
497
00:22:07,917 --> 00:22:10,497
Just something simple,
pick some different colors.
498
00:22:11,366 --> 00:22:12,546
It can still be a mammal.
499
00:22:12,940 --> 00:22:15,535
So you can use the whiskers,
it can still be sleeping.
500
00:22:15,560 --> 00:22:17,878
You can use stars, but just pick
a different animal...
501
00:22:17,903 --> 00:22:20,009
dog, cat, some sort of animal.
502
00:22:20,250 --> 00:22:22,417
I'd love to see it as part of your project.
503
00:22:23,173 --> 00:22:26,077
Give it a go, I'd love to see
what you have done.
504
00:22:26,102 --> 00:22:27,013
So when you've done it...
505
00:22:27,038 --> 00:22:29,303
doesn't matter how good it is,
or how bad it is...
506
00:22:29,389 --> 00:22:31,944
please post it as a project,
I'd love to see it.
507
00:22:32,262 --> 00:22:34,365
All right, let's get on to the next video.
46608
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.