Skip to main content

How to Redraw the eHarmony Logo in Adobe Illustrator CC

Lesson 40 from: Adobe Illustrator Fundamentals

Daniel Walter Scott

How to Redraw the eHarmony Logo in Adobe Illustrator CC

Lesson 40 from: Adobe Illustrator Fundamentals

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

40. How to Redraw the eHarmony Logo in Adobe Illustrator CC

Lessons

Class Trailer

Overview

1

Class Introduction to Adobe Illustrator CC for Beginners

02:15
2

Class Exercise Files for Adobe Illustrator CC Essentials

01:20
3

Getting Started with Adobe Illustrator CC

07:34

Drawing

4

How to Draw in Adobe Illustrator CC with Shapes & Lines

22:34
5

How to Draw Using the Shape Builder Tool in Adobe Illustrator CC

07:29
6

How to Draw a Fox Using the Shape Builder Tool in Adobe Illustrator

10:10
7

Drawing - Quiz

CC

8

How to Draw Custom Logo Shapes Easily in Adobe Illustrator CC

04:53
9

How to Draw Anything Using the Curvature Tool in Adobe Illustrator

13:09
10

How to Draw Using the Pen Tool in Adobe Illustrator CC

13:19
11

Drawing with the Pencil Tool in Adobe Illustrator CC

13:11
12

How to Use Brushes in Adobe Illustrator CC

12:56
13

How to Draw Lines with the Width Tool in Adobe Illustrator

09:15

Type & Fonts

14

How to Use Type & Fonts in Adobe Illustrator to Design a Postcard

14:17
15

How to Curve Type Around a Badge Using Adobe Illustrator CC

12:52
16

How to Break Apart & Destroy Text & Fonts Using Adobe Illustrator CC

03:55

Color

17

What is RGB & CMYK Colors in Adobe Illustrator CC

03:59
18

How to Steal Colors from an Image Using Eye Dropper in Illustrator

03:41
19

How to Find Amazing Colors in Illustrator Using Color Theme

04:50
20

How to Make Gradients in Adobe Illustrator CC

06:04
21

Color - Quiz

Masking

22

How to Mask an Image Inside Text in Adobe Illustrator CC

07:08
23

How to Cut Holes in Shapes Using Compound Shapes in Illustrator CC

10:39
24

Masking - Quiz

CC Libraries

25

How to Use CC Libraries in Adobe Illustrator CC

10:28

Effects & Patterns

26

Making Things Liquid & Distorted in Adobe Illustrator CC

08:01
27

How to Bend & Warp Shapes & Text in Adobe Illustrator CC

05:32
28

Drawing Amazing Repeating Shapes in Adobe Illustrator CC

05:11
29

How to Create Repeating Patterns in Adobe Illustrator CC

08:53
30

How to Vectorize an Image in Adobe Illustrator CC

11:53
31

Effects & Patterns - Quiz

Capture App

32

How to Use Adobe Capture App with Adobe Illustrator CC

11:23

Free Templates

33

Using Free Templates in Adobe Illustrator CC

03:46

Exporting

34

Exporting for Print

05:59
35

How to Save Your Illustrator Files as Jpegs for Websites

05:21
36

Exporting - Quiz

Real World Exercises

37

32. How to Redraw the MasterCard Logo in Adobe Illustrator CC

04:50
38

How to Redraw the Instagram Logo in Adobe Illustrator CC

07:50
39

How to Redraw the Kodak Logo in Adobe Illustrator CC

11:23
40

How to Redraw the eHarmony Logo in Adobe Illustrator CC

10:40
41

How to Redraw the Tinder Logo in Adobe Illustrator CC

06:08
42

How to Redraw the BP Logo in Adobe Illustrator CC

07:47

Next Steps

43

Cheat Sheet for Adobe Illustrator CC

09:43
44

Course Conclusion for Adobe Illustrator CC

01:14

Final Quiz

45

Final Quiz

Lesson Info

How to Redraw the eHarmony Logo in Adobe Illustrator CC

Hi there in this video, we're going to redraw the new E Harmony logo. Okay, and we're going to learn a couple of ways of doing it, we're going to use the curvature tool for one and then we'll go off and use kind of more symmetry and actual shapes to build it. We'll use the shape builder and the eyedropper tool and will be awesome. Alright, let's go and do it now in adobe illustrator. Alright, so let's open up in our exercise files under logo. Redraw folder, there's one called number four and then it's called the Harmony. Okay, first thing I wanted, there's gonna be a couple of ways we can do this. I'll show you to it's probably 10. Let's go for just physically redrawing it. We're going to use the curvature tool instead of the pen tool because it's pretty good for perfect roundy things like this, I'm gonna zoom in. I'm using command plus my keyboard space bar to kind of move around command plus on a pc. It's control plus. Cool. So uh the crash course for the curvature to if you've forgo...

tten click once click once click once you get curves, all sorts of cool curves. If you double click and double click and double click, you get corners. Let's grab the curvature tool again, this is a corner because it goes in and changes its like a change of direction. So double click. Okay, over here, I click once for a corner. Okay. And when I say not until I kind of like start, but I'm not dragging and just moving my mouse out that it starts doing its lovely curve. Okay here again, this is not a corner, okay, it's this kind of the start of the straight here, so double click and double click and double click and it's just here the kind of apex of this curve here that I want to click once for a corner back to here, this is the corner again, remember? So double click next, we go back, just click it once, listen to me. Okay, so and that is using the curvature tool, curvature tool is pretty handy for, especially things that need to be like really perfect pen tool if you ever play with it, that's a tough one to do that now to slice this stuff through, we're just going to use the line segment tool and this is where it gets a little bit, just kind of hacky. So we'll show you a second, weigh in a bit. So with the line tool, fire, draw a line, It goes anywhere, okay? But if I hold shift while dragging it, I get it in perfect angles okay and in this case I want this one which is 45°. So I'm dragging this nice and long, grab my black arrow, I'm gonna line it up and you my friend line up there and this one here, I'm going to copy and paste it, I'm gonna grab you, get you to line up now what I can do is I'm gonna move it down there, I'm gonna grab this part of it and try and get it to snap to that point. Okay? Now, if yours is not snapping, just check that you've got a view and you've got smart guides on. I'm going to stick both of these copy and paste it. Actually what I'll do, you could rotate it now, right, holding shift because remember it rotates in perfect circles and I could just grab this line, try and get to bang up against that one. Okay, not bad. Um so another way you could do it though. I just want to show you is with it selected. I can go to object and go to reflect. Okay. And vertical turn preview on and make a copy. Okay, So instead of okay, which will just reflect that one across. I want to make a copy at the same time. Either way, The 2nd 1 was the longer way. All right, so there's my kind of rough guy now I need to get the color segments. So I've got it all selected with my black arrow. Now we're going to go to my super duper favorite tool, the shape builder tool and I need to do a couple of things. One is let's trim off these lines, so hold down the option key on a Mac or the old key on a Pc and just drag through them, clicking, holding and draining. Next I want to color these segments because at the moment if I leave these, they're actually still kind of weird shapes. They're not kind of sliced up yet to slice them up. I've got them all selected with my black arrow shape builder. I'm gonna pick a field color, any field color. We're gonna change this in a second, click off. And if I click on this guy, this guy, this guy, this guy just alternating patterns, I'm gonna pick another fill. U yep. Now watch this. They should all be separate segments. Okay. And now I can go through and recover them and what I'll first do is select them, grab the stroke, say no stroke buddy, zoom out so I can see my colors at the top here and use my eyedropper tool to select the colors. So I'm gonna select this first chunk and I drove a tool and click the middle. Okay, black arrow, this one Roberto, this one now 11. Okay, shortcuts, wiki is the move tool. Okay. Which we just use click on this eyes eyedropper tool. Okay. The key. Look how impressed you are with my shortcuts. I'm trying to go real fast. Mm hmm. It's taking forever dan, come on to impress the people. Alright, we're getting there. Cool. So there's one way of doing the heart right? And let's look at a second way because maybe you're looking for like perfect geometry. Now first up we're gonna start with the rectangle tool, we're gonna draw out a rough rectangle size. Also going to grab the line segment tool here and just click, hold and drag. Now remember if I hold shift and then comes a straight line. Now select both of these guys and go to align vertical, horizontal, I can never remember horizontal. Okay, and so I've got this. Now, the next thing I want to do is I want to rotate this around, I could use my controls over here, but I'm just kind of hover just out here with my black arrow, hold shift, start dragging and it should lock it into the kind of ratio that I need. Now I'm going to kind of move it around this sort of way. Now if yours is the wrong size mind is magically was the right size. Okay, click on just this and you can adjust the sides here pretty easily if you have them both selected and try to adjust the sides. It kind of does weird stuff, so have it off, go in here and adjust it to be perfect if yours is jumping around like mine trying to snap the things you might want to turn view smart guides off for a second and turn it back on. I'm happy with that. Next I want to do is make this rounded corner curve at the top here and it's using these little dots. Now, if you drag one of them. Okay, black arrow just got the rectangle selected. It does both sides which might work for me. I can just slide it down. Okay, what you can do is you can grab the white arrow, click this guy and hold shift and grab that one and just do these two at the top here. Up to you. I'm going to slide it down because it's 45°. It's really easy. I just start dragging it okay? And if I hold shift, just kind of slides it down at 45° angle. Line it up. Either which way. Okay. And yeah, that's gonna be the basics of it. We're going to select this one. Um we're gonna copy it and we did reflect before. Let's just rotate this one. You got a copy it first. So go to edit and go to copy and then there's one in here. It says paste in place now, I've just got two copies right over top of each other. Okay, And I want to this top one to be rotated over now. I'm gonna just using my arrow key. Okay, just to kind of tap it around to get it kind of looking like it should we're kind of back to that exact same first spot. So I'm going to run through it now. But yeah, we're up to the same spot where we go into our magical shape builder tool. Bye bye bye. I'm holding an okie, I'm going to ultimately fill these guys with green just so they're all sliced up. Okay. Actually, I don't need to go and fill the other ones up I don't think because they should all be several pieces they are great. Select them all black Arrow. I'm going to go to the stroke stroke please. And let's go to actually it's a little bit hard with no stroke. Okay because these guys don't have a fill so select the edge of them if you followed me or just give them a fill. Okay? And and I'm going to steal the colors from this because it's easy to remember. The I on your keyboard is for the eyedropper, the V. For the move tool or the selection tool. And I'm just going to go around wiki the selected I. K. Rob. Color wiki selected. Come on. Can't select it because it's got no edge definitely color it co I key selected wiki selected I tool. Select the colors. Don't listen to me. I'm rambling you alright you have any Now let's look at the text here. Okay. Um we're not gonna redraw it with the mental what we're going to draw is we're gonna zoom in on an example of it. Okay that we're using as a demo. I'm gonna do a screenshot Command shift four on a Mac or print screen on APC. What I'm looking for is I'm going to go to type kit. Okay. Dot com and I'm going to try and find that shortcut screenshot on a Mac. It ends up on your desktop pc. I'm really not too sure where it goes. You might have to Check with your screenshots end up and so I'm going to drag this in and hopefully type gets going to find it. What I probably should do is Google um what the harmony uses is their new font. Okay, so this is a new logo redesign for them for 2017 and yep, it's picked a single line of text. Thank you very much. I need to confirm the text. I've guessed it perfectly if it's wrong, you just type it in now. It's looking for the font. Okay. And looks pretty close. The big one here is the A Ok, you see here some fonts actually have within their font. Two versions of the A So be careful there. You might think it's not the right font, but it is. And you just got to go into the glyphs panel in Photoshop. Now, what? Probably the biggest giveaway is this little slice here and this a He has got a bit of an accent here. That might be something that the logo designers have done intentionally. Okay. Taking a font like this and then gone and adjusted it. So, I made the font size bigger. You saw there just so I can go down scrolling. I'm looking for the A first of all because that's the dead giveaway and none of those ones because now I'm looking at the e It's one of those ones either. Mm hmm. Okay. You get what the process is here. If it says sync, which is awesome, it means it's free. It's part of um part of type kit and part of your subscription. If it says pay, it's one of the paid fonts. Alright, let's jump back into illustrator. Let's look at our handiwork one handiwork one handiwork. This is probably more accurate. This one here was a little bit of a guess. Okay. But they both came out pretty good. Alright. I hope you learned some stuff. And let's get on to the next video course in adobe illustrator.

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files

Ratings and Reviews

Roz Fruchtman
 

BIG COMPLAINT... I'm just starting this course. I have Illustrator CS6. My BIG/HUGE Complaint and I only watched 2 1/2 brief lessons... Is that the FiVRR LOGO (top right) is RIGHT ON TOP of the Illustrator Panels and YOU CANNOT SEE what is under it. IF one is just learning, they need to see what everything looks like in Illustrator (or any class). I STRONGLY suggest that FIVRR and CreativeLive find a better place to put the FIVRR Logo instead of putting it where it BLOCKS ESSENTIAL course visuals! Not sure I can get through this, but I'm not giving up quite yet. I like the course previews and IF I can learn how to get around Illustrator I will be thrilled... I am a Photoshop person, and Illustrator makes me feel like an incompetent! ;) Perhaps IF I can learn Illustrator I can use it for some of the visuals I create! Thanks in advance. PLEASE PLEASE PLEASE find a better place and size for the Fivrr Logo. ~Roz Fruchtman aka @RozSpirations

Annie Kerr
 

This was a great class that covered the fundamentals really well - some of the instructions were out of date if you are using Creative Cloud but wasn't anything I couldn't get around. I loved the format and Daniel is a great teacher, who made each video interesting and fun to watch!

Christi Peace
 

This class is AMAZING!! Daniel is a very thorough, entertaining and easy to follow instructor. You DO NOT need to take any college course on Illustrator because this is the whole thing right here!! You will be a pro once you complete it. I only wish that Creative Live could send me a diploma for it once I complete it! BUY THIS CLASS! IT’S WORTH EVERY PENNY!!

Student Work

RELATED ARTICLES

RELATED ARTICLES