Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:01,343 --> 00:00:06,081
Hi there, in this video we're going to
redraw the new eHarmony logo.
2
00:00:07,071 --> 00:00:09,142
We're going to learn a couple of ways
of doing it.
3
00:00:09,167 --> 00:00:11,407
We're going to use
the Curvature Tool for one...
4
00:00:11,432 --> 00:00:15,464
and then we'll go off and use
more symmetry and actual shapes.
5
00:00:15,811 --> 00:00:18,930
To build it, we'll use the Shape Builder
and Eye Dropper Tool.
6
00:00:19,193 --> 00:00:20,329
We'll be awesome.
7
00:00:20,727 --> 00:00:23,221
Let's go do it now
in Adobe Illustrator.
8
00:00:23,915 --> 00:00:26,270
Let's open up, in our 'Exercise Files'...
9
00:00:26,295 --> 00:00:30,936
under 'Logo Redraw' folder,
there's one called '4 eHarmony'.
10
00:00:32,373 --> 00:00:34,033
There's going to be a couple
of ways we can do this.
11
00:00:34,058 --> 00:00:35,884
Watch where your 2 is, it's probably 10.
12
00:00:36,375 --> 00:00:38,917
Let's go for just physically redrawing it.
13
00:00:38,942 --> 00:00:42,072
We're going to use the Curvature Tool
instead of the Pen Tool.
14
00:00:42,097 --> 00:00:45,381
Pretty good for perfect
round things like this.
15
00:00:45,406 --> 00:00:48,899
I'm going to zoom in.
I'm using 'Command +' on my keyboard.
16
00:00:49,402 --> 00:00:50,973
'Space bar' to kind of move around.
17
00:00:51,014 --> 00:00:53,648
'Command +', on a PC it's 'Control +'.
18
00:00:55,307 --> 00:00:57,796
The crash course for the Curvature Tool,
if you've forgotten...
19
00:00:58,038 --> 00:01:00,720
click once, click once,
click once, you'll get curves...
20
00:01:00,745 --> 00:01:02,086
all sorts of cool curves.
21
00:01:02,177 --> 00:01:05,463
If you double click, and double click,
and double click, you'll get corners.
22
00:01:06,403 --> 00:01:08,007
Let's grab the Curvature Tool again.
23
00:01:08,525 --> 00:01:10,689
This is a corner because
it goes in and changes...
24
00:01:10,714 --> 00:01:12,858
it changes direction, so double click.
25
00:01:13,856 --> 00:01:16,134
Over here, I click once for a corner.
26
00:01:17,890 --> 00:01:19,091
It's not till I kind of flag start--
27
00:01:19,116 --> 00:01:20,852
I'm not dragging,
just moving my mouse out...
28
00:01:20,877 --> 00:01:22,386
that it starts doing this lovely curve.
29
00:01:22,920 --> 00:01:25,587
Here again, this is not a corner.
30
00:01:26,145 --> 00:01:27,929
It's kind of the start
at the straight here...
31
00:01:27,954 --> 00:01:29,315
so I'm going to double click.
32
00:01:30,040 --> 00:01:33,261
and double click, and double click.
33
00:01:33,503 --> 00:01:37,294
It's just here, the kind of
Apex of this curve here...
34
00:01:37,319 --> 00:01:39,030
that I want to click once for a corner.
35
00:01:39,517 --> 00:01:42,136
Back to here, it's a corner again,
so double click.
36
00:01:43,449 --> 00:01:45,489
Actually, go back, just click it once.
37
00:01:49,192 --> 00:01:51,089
That is using the Curvature Tool.
38
00:01:51,117 --> 00:01:52,967
The Curvature Tool is pretty handy for...
39
00:01:52,992 --> 00:01:55,268
especially things that need
to be really perfect.
40
00:01:55,293 --> 00:01:58,072
The Pen Tool, if you were to play with it,
that's a tough one to do that.
41
00:01:58,480 --> 00:02:00,535
Now to slice this stuff through...
42
00:02:00,601 --> 00:02:03,086
we're just going to use
the Line Segment Tool.
43
00:02:03,208 --> 00:02:05,525
This is where it gets a little bit,
just kind of hacky.
44
00:02:05,565 --> 00:02:07,484
So we'll show you a second one in a bit.
45
00:02:07,562 --> 00:02:11,032
So with the 'Line Tool', if I draw a line,
it goes anywhere...
46
00:02:11,320 --> 00:02:14,884
but if I hold 'Shift' while I'm
dragging it, I get it in perfect angles.
47
00:02:14,909 --> 00:02:17,862
And in this case, I want this one,
which is 45°.
48
00:02:18,175 --> 00:02:19,873
So I'm dragging this nice and long.
49
00:02:20,304 --> 00:02:22,439
I'll grab my 'Black Arrow',
I'm going to line it up.
50
00:02:22,464 --> 00:02:23,870
You, my friend, line up there.
51
00:02:24,404 --> 00:02:26,254
And this one here,
I'm going to copy and paste it.
52
00:02:26,630 --> 00:02:28,074
I'm going to grab you,
and get you to line up.
53
00:02:28,099 --> 00:02:29,812
Now what I can do is,
I'm going to move it down there.
54
00:02:30,061 --> 00:02:32,942
I'm going to grab this part of it,
and try get it to snap to that point.
55
00:02:34,122 --> 00:02:36,811
Now if yours is not snapping,
just check that you've got...
56
00:02:37,114 --> 00:02:39,085
'View', and you've got Smart Guides 'on'.
57
00:02:39,437 --> 00:02:41,627
I'm going to select both of these,
copy and paste it.
58
00:02:42,471 --> 00:02:45,106
Actually what I'll do-- you could
rotate it now, holding 'Shift'...
59
00:02:45,581 --> 00:02:49,857
because it rotates in perfect circle,
and I could just grab this line.
60
00:02:49,995 --> 00:02:52,321
Try and get it to bang up against that one.
61
00:02:53,331 --> 00:02:54,395
Not bad.
62
00:02:55,457 --> 00:02:57,450
Another way you could do it though,
just want to show you...
63
00:02:57,741 --> 00:03:02,210
is with it selected, I can go
to 'Object', and go to 'Reflect'.
64
00:03:03,436 --> 00:03:06,293
And 'Vertical', turn Preview 'on',
and make a 'Copy'.
65
00:03:07,018 --> 00:03:09,542
So instead of 'OK', which will
just reflect that one across...
66
00:03:09,582 --> 00:03:11,049
I want to make a copy at the same time.
67
00:03:11,301 --> 00:03:12,261
Either way.
68
00:03:13,421 --> 00:03:14,793
The second way was the longer way.
69
00:03:15,995 --> 00:03:19,400
So there's my kind of rough guy.
Now I need to get the color segments.
70
00:03:19,611 --> 00:03:21,619
So I've got it all selected
with my 'Black Arrow'.
71
00:03:21,644 --> 00:03:24,014
Then we're going to go to
my super-duper favorite tool...
72
00:03:24,039 --> 00:03:25,019
the Shape Builder Tool.
73
00:03:25,476 --> 00:03:28,134
And I need to do a couple of things.
One is, let's trim off these lines...
74
00:03:28,159 --> 00:03:31,430
so hold down the 'Option' key on a Mac,
or the 'Alt' key on a PC...
75
00:03:31,455 --> 00:03:32,964
and just drag through them.
76
00:03:33,625 --> 00:03:34,712
Clicking, holding, and dragging.
77
00:03:35,167 --> 00:03:37,733
Next I want to color these segments,
because at the moment, if I leave these...
78
00:03:37,758 --> 00:03:40,272
they're actually still
kind of weird shapes.
79
00:03:40,297 --> 00:03:42,165
They're not kind of sliced up yet.
80
00:03:42,348 --> 00:03:44,824
To slice them up, I've got them
all selected with my 'Black Arrow'...
81
00:03:44,849 --> 00:03:46,789
'Shape Builder', I'm going to pick
a 'Fill color'.
82
00:03:46,934 --> 00:03:48,958
Any Fill color, we're going to
change this in a second.
83
00:03:50,080 --> 00:03:52,413
Click off, and if I click on this guy...
84
00:03:52,631 --> 00:03:53,948
and this guy, this guy, this guy...
85
00:03:53,973 --> 00:03:56,194
just alternating patterns.
I'm going to pick another 'Fill'.
86
00:03:57,040 --> 00:03:58,738
You, you, you, and you.
87
00:03:59,153 --> 00:04:02,701
Now, watch this. They should all
be separate segments.
88
00:04:03,457 --> 00:04:05,068
Now I can go through and recolor them.
89
00:04:05,279 --> 00:04:07,914
What I'll first do is select them,
grab the 'Stroke'.
90
00:04:08,282 --> 00:04:09,695
I'll say, 'no' Stroke, buddy.
91
00:04:10,371 --> 00:04:12,673
Zoom out, so I can see
my colors at the top here.
92
00:04:13,604 --> 00:04:15,432
I'll use the Eye Dropper Tool
to select the colors.
93
00:04:15,457 --> 00:04:16,827
I'm going to select this first chunk.
94
00:04:17,782 --> 00:04:20,155
'Eye Dropper Tool', and click the middle.
95
00:04:20,993 --> 00:04:22,969
'Black Arrow', this one.
96
00:04:23,352 --> 00:04:25,027
'Eye Dropper Tool', this one.
97
00:04:27,355 --> 00:04:30,085
Shortcuts; 'V' key is the Move Tool...
98
00:04:30,357 --> 00:04:31,770
which we just used, click on this.
99
00:04:31,915 --> 00:04:33,137
'I' is the Eye Dropper Tool.
100
00:04:34,399 --> 00:04:35,486
'V' key.
101
00:04:38,340 --> 00:04:40,552
Look how impressed you are
with my shortcuts.
102
00:04:40,577 --> 00:04:41,879
I'm trying to go real fast.
103
00:04:50,631 --> 00:04:52,448
It's taking forever, Dan.
Come on.
104
00:04:53,594 --> 00:04:54,721
Trying to impress the people.
105
00:04:55,826 --> 00:04:56,636
We're getting there.
106
00:04:56,834 --> 00:04:58,906
So that's one way of doing a heart, right?
107
00:04:59,125 --> 00:05:01,181
Let's look at a second way...
108
00:05:01,206 --> 00:05:04,514
because maybe you're looking
for, like perfect geometry.
109
00:05:04,908 --> 00:05:07,648
First up, we're going to start
with the Rectangle Tool.
110
00:05:07,673 --> 00:05:09,878
We're going to draw out
a rough rectangle size.
111
00:05:10,070 --> 00:05:12,943
We're also going to grab
the Line Segment Tool here...
112
00:05:13,168 --> 00:05:14,710
and just click, hold, and drag.
113
00:05:14,735 --> 00:05:17,357
Now, remember, if I hold 'Shift',
then it comes a straight line...
114
00:05:17,681 --> 00:05:20,633
I'm going to select both of these guys,
and go to 'Align...
115
00:05:20,762 --> 00:05:23,325
vertical or horizontal?
I can never remember. Horizontal'.
116
00:05:24,154 --> 00:05:25,647
So I've got this.
117
00:05:25,824 --> 00:05:30,048
Now next thing I want to do is
rotate this around.
118
00:05:30,186 --> 00:05:31,765
I could use my controls over here...
119
00:05:31,884 --> 00:05:34,402
but I'm just going to hover
just out here, with my 'Black Arrow'.
120
00:05:34,579 --> 00:05:36,261
Hold 'Shift', start dragging...
121
00:05:36,286 --> 00:05:39,176
and it should lock it into
the kind of ratio that I need.
122
00:05:39,481 --> 00:05:42,864
Now I'm going to kind of move it around,
this other way.
123
00:05:43,319 --> 00:05:47,359
Now if yours is the wrong size--
mine does it magically with the right size.
124
00:05:48,013 --> 00:05:51,045
Click on just this, and you can
adjust the sides here pretty easily.
125
00:05:51,070 --> 00:05:53,095
If you have them both selected,
and try to adjust the sides...
126
00:05:53,120 --> 00:05:54,765
it kind of does weird stuff.
127
00:05:54,937 --> 00:05:58,486
So have it off, come in here,
and adjust it to be perfect.
128
00:05:59,051 --> 00:06:01,524
If yours is jumping around like mine,
trying to snap to things...
129
00:06:01,549 --> 00:06:04,221
you might want to turn 'View',
Smart Guides 'off' for a second...
130
00:06:04,246 --> 00:06:05,136
then turn it back on.
131
00:06:05,460 --> 00:06:06,531
I'm happy with that.
132
00:06:06,888 --> 00:06:09,864
Next I want to do is make
this rounded curve at the top here.
133
00:06:10,068 --> 00:06:12,703
It's using these little dots,
now if you drag one of them...
134
00:06:13,047 --> 00:06:16,166
'Black Arrow', just got the rectangle
selected, does both sides.
135
00:06:16,351 --> 00:06:18,240
It might work for me.
I'm going to slide it down.
136
00:06:18,512 --> 00:06:22,316
What you can do is grab the 'White Arrow',
click this guy...
137
00:06:22,586 --> 00:06:25,869
and hold 'Shift', grab that one,
and just do these two at the top here.
138
00:06:26,001 --> 00:06:26,946
Up to you.
139
00:06:26,971 --> 00:06:28,075
I'm going to slide it down.
140
00:06:28,235 --> 00:06:30,060
Because it's 45° it's really easy.
141
00:06:30,522 --> 00:06:33,068
I just start dragging it,
and if I hold 'Shift'...
142
00:06:33,199 --> 00:06:35,287
just kind of slides it down at 45° angle.
143
00:06:35,726 --> 00:06:37,646
Line it up either which way.
144
00:06:38,459 --> 00:06:41,935
That's going to be the basics of it.
I'm going to select this one.
145
00:06:43,385 --> 00:06:44,298
We're going to copy it.
146
00:06:44,323 --> 00:06:47,560
We did Reflect before,
let's just rotate this one.
147
00:06:48,216 --> 00:06:51,414
We've got to copy it first,
so go to 'Edit', 'Copy'.
148
00:06:51,545 --> 00:06:54,021
There's one in here,
it says 'Paste in Place'.
149
00:06:54,175 --> 00:06:56,698
I've just got two copies
right on top of each other.
150
00:06:57,257 --> 00:06:59,987
I want this top one to be rotated over.
151
00:07:01,260 --> 00:07:02,482
Just using my arrow key...
152
00:07:02,617 --> 00:07:06,376
just to kind of tap it around,
to get it looking like it should.
153
00:07:06,720 --> 00:07:08,752
We're kind of back to that
exact same first box.
154
00:07:08,777 --> 00:07:09,932
So I'm going to run through it now...
155
00:07:09,957 --> 00:07:14,056
but yes, they're up to the same spot where
we go into our magical Shape Builder Tool.
156
00:07:14,503 --> 00:07:17,718
Bye, bye, bye.
I'm holding down the 'Alt' key.
157
00:07:18,618 --> 00:07:22,237
I'm going to alternately
fill these guys with green.
158
00:07:22,815 --> 00:07:24,203
Just so they're all sliced up.
159
00:07:25,086 --> 00:07:27,546
Actually I don't need to go fill
the other ones up...
160
00:07:27,571 --> 00:07:29,994
because they should all be separate pieces.
161
00:07:31,282 --> 00:07:34,502
Select them all, 'Black Arrow',
I'm going to go to 'Stroke'.
162
00:07:34,527 --> 00:07:35,635
'No' Stroke, please.
163
00:07:37,981 --> 00:07:40,037
Actually it's a little bit hard
with no Stroke...
164
00:07:40,062 --> 00:07:41,624
because these guys don't have a Fill.
165
00:07:41,817 --> 00:07:43,990
So select the edge of them,
if you've followed me...
166
00:07:44,015 --> 00:07:45,080
or just give them a Fill.
167
00:07:47,648 --> 00:07:49,990
I'm going to steal the colors
from this, because it's easy.
168
00:07:50,350 --> 00:07:54,342
Remember, 'I' on your keyboard,
is for the Eye Dropper.
169
00:07:54,816 --> 00:07:57,594
'V' for the Move Tool,
or the Selection Tool.
170
00:07:57,915 --> 00:08:02,773
I'm just going to go around,
'V' key to select it, 'I' key, drop color.
171
00:08:03,038 --> 00:08:04,673
'V' key, select it.
172
00:08:05,705 --> 00:08:07,423
I can't select it because it's got no edge.
173
00:08:08,068 --> 00:08:10,656
Definitely color it,
go to 'I' key, select it.
174
00:08:11,969 --> 00:08:16,535
'V' key, select it,
'I' to select the colors.
175
00:08:16,560 --> 00:08:18,280
Don't listen to me, I'm rambling.
176
00:08:20,596 --> 00:08:21,914
All right, eHarmony.
177
00:08:22,168 --> 00:08:24,525
Now let's look at the text here.
178
00:08:26,619 --> 00:08:28,008
We're not going to redraw it
with the Pen Tool.
179
00:08:28,048 --> 00:08:29,238
What we're going to draw is...
180
00:08:29,263 --> 00:08:33,227
we're going to zoom in on an example
of it, that we were using as a demo.
181
00:08:33,515 --> 00:08:34,775
I'm going to do a screenshot.
182
00:08:35,021 --> 00:08:38,708
'Command-Shift-4' on a Mac,
or 'Print Screen' on a PC.
183
00:08:40,909 --> 00:08:44,441
What I'm looking for is--
I'm going to go to 'typekit.com'
184
00:08:44,674 --> 00:08:47,738
I'm going to try and find
that screenshot.
185
00:08:47,828 --> 00:08:49,592
On a Mac it ends up on your desktop...
186
00:08:49,799 --> 00:08:51,656
PC, I'm really not too sure where it goes.
187
00:08:51,681 --> 00:08:54,188
You might have to check where
your screenshots end up.
188
00:08:54,778 --> 00:08:56,540
I'm going to drag this in.
189
00:08:56,565 --> 00:08:58,535
Hopefully TypeKit's going to find it.
190
00:08:58,876 --> 00:09:03,552
What I probably should do is Google,
"What eHarmony uses as their new font."
191
00:09:04,085 --> 00:09:07,816
This is a new logo we designed
for them, for 2017.
192
00:09:09,430 --> 00:09:11,994
It's picked a single line of text.
Thank you very much.
193
00:09:12,411 --> 00:09:13,848
Need to confirm the text.
194
00:09:14,419 --> 00:09:17,572
They've guessed it perfectly.
If it's wrong, you can just type it in.
195
00:09:19,211 --> 00:09:20,545
Now it's looking for the font.
196
00:09:21,100 --> 00:09:26,064
And, looks pretty close.
197
00:09:27,235 --> 00:09:28,727
The big one here is the 'a'.
198
00:09:29,293 --> 00:09:33,301
You can see here, some fonts actually have
within their font, two versions of the 'a'.
199
00:09:33,326 --> 00:09:34,703
So be careful there.
200
00:09:34,743 --> 00:09:36,121
You might think, it's not the right font...
201
00:09:36,146 --> 00:09:39,127
but it is, you just need to go to the
[Gloves??] panel in Photoshop.
202
00:09:41,011 --> 00:09:43,551
Probably the biggest giveaway
is this slice here.
203
00:09:45,444 --> 00:09:47,857
This 'a' here has got a bit
of an accent here.
204
00:09:47,898 --> 00:09:51,841
That might be something that the logo
designers have done intentionally...
205
00:09:51,866 --> 00:09:53,284
taken a font like this...
206
00:09:54,097 --> 00:09:55,796
then gone and adjusted it.
207
00:09:55,996 --> 00:09:59,813
I made the font size bigger there,
just so I can go down, scrolling.
208
00:09:59,838 --> 00:10:02,461
I'm looking for 'a' first of all,
because that's the giveaway.
209
00:10:03,837 --> 00:10:07,932
None of those ones. Now I'm looking
at the 'e'. It's none of those ones either.
210
00:10:10,599 --> 00:10:12,480
You get what the process is here.
211
00:10:12,512 --> 00:10:14,807
If it says 'Sync', it's awesome,
it means it's free...
212
00:10:17,423 --> 00:10:19,677
it's part of TypeKit,
and part of your subscription.
213
00:10:19,702 --> 00:10:21,669
If it says 'Pay',
it's one of the paid fonts.
214
00:10:21,834 --> 00:10:25,477
Let's jump back in to Illustrator,
let's look at our handy work.
215
00:10:26,354 --> 00:10:27,949
One handy work, one handy work.
216
00:10:27,982 --> 00:10:30,060
This is probably more accurate.
217
00:10:30,100 --> 00:10:32,039
This one here was
a little bit of a guess...
218
00:10:32,527 --> 00:10:34,051
but they both came out pretty good.
219
00:10:34,582 --> 00:10:36,265
I hope you learned some stuff.
220
00:10:37,135 --> 00:10:39,960
Let's get on to the next video course
in Adobe Illustrator.
18947
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Persian
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof