• This course has been archived because the content is no longer up-to-date or relevant to most students
  • You can watch the new, up-to-date course by clicking here.

How to redraw the Tinder Logo in Adobe Illustrator CC

Course contents
SECTION: 6
CC Libraries 10:29
SECTION: 9
Free Templates 3:47

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

45 lessons / 8 hours 12 projects Certificate of achievement

Overview

Hi there, my name is Dan.

I’m an designer, Adobe Certified Instructor & Adobe Certified Expert.

Together we’re going to learn how to use Adobe Illustrator. During our course we won’t just learn how to use the tools... we will create real world, practical projects together.

This course is aimed at people new to Illustrator & design in general. We’ll start right at the beginning, working our way through step by step.

We’ll start with the techniques you’ll need to create just about everything in Illustrator. Including icons, logos, postcards & hand drawn illustrations.

We’ll explore lines & brushes. You’ll master how to use and manipulate type. I’ll show you the clever secrets Illustrator has which will help you to discover & use beautiful color like a pro.

You’ll learn how to push, pull, cut & repeat artwork. You'll learn how to redraw real world examples of famous logos. We'll cover the essentials like correct saving & exporting along with so, so much more.

If you’ve never opened Illustrator before, or you’ve opened it and struggled, come with me, I’ll show you the easy way to make beautiful artwork. - Dan

What are the requirements?
  • You will need a copy of Adobe Illustrator 2018 or above. A free trial of the software can be downloaded from Adobe.com.

What am I going to get from this course?
  • 39 lectures 5+ hours of well structured content.
  • Drawing with Shapes & Lines
  • Drawing with the Shape Builder
  • Creating a custom logo
  • Working with Brushes
  • Drawing with the pen, pencil & curvature tool
  • Learn how to work with type & fonts.
  • How to mask images & graphics.
  • How to distort, bend, warp & liquefy illustrations.
  • How to make your own repeating wallpaper patterns.
  • How to create stencil style images from real drawings.
  • How to use free Illustrator templates.
  • How to save, print & export for Print, web & social media.
  • Lots of real world exercises for you to practice.
  • Loads or class projects for you to complete.
  • Printable PDF Cheat sheet.
  • You will get the finished files so you never fall behind.
  • Downloadable exercise files.
  • Forum support from me.
  • Techniques used by professional graphic designers.
  • Professional workflows and shortcuts.
  • A wealth of other resources and websites to help your accelerate your career.

What is the target audience?
  • No previous Adobe Illustrator experience is necessary.
  • This course is for people completely new to Illustrator. No previous design, drawing or illustration experience is necessary.
  • This is a relaxed, well paced introduction that will enable you to produce a large range of drawing, illustration & logo work. Only basic computing skills are necessary - If you can send emails and surf the internet then you will cope well with this course.

Course duration 8 hours + your study.

Get the completed files here




Awarded the Best Illustrator Course by Learnopoly in 2023

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Certificates

We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

Downloads & Exercise files

Download Exercise Files

Transcript

Hi there, in this video we're going to redraw the tinder logo. Mainly focusing on this flame, and the cool gradient. We're going to learn how to use the Curvature Tool. We're going to use the corner options, all sorts of great gradient stuff. All right, let's learn how to do that in Adobe Illustrator.

So let's draw the flame part. Again, there's lots of ways of doing it. Probably the easiest way, with our skills is the Curvature Tool. Remember, clicking once gives you curves. Clicking twice, or double clicking, gives you corners. So that's the trick. I'm going to delete all that. I'm going to make sure I've got a Fill of 'none'. I'm going to make sure I've got a Stroke of 'black'. And I'm going to make sure my Stroke is quite thin, so I can see what I'm doing.

To get started, we're going to pick this tip, because that looks good. And we are going to double click, because this is a corner. Can you see, it's like edgy corner point, so I double click. When it comes to curves, it's the least amount of points you've got. Makes it look nice and smooth. You might have to practice a couple of times. I know a circle. It has only four points, one at the top, one at the bottom, left and right. So we're going to use that same sort of velocity here. I'm going to click once, it becomes like big side of this, click once.

Down the bottom here, I'm going to click once. It's all right if it doesn't line up, because, watch, when you keep bending it around, it starts adjusting. We're going to have to do some adjustments afterwards. I'm going to click once, come back here, now it's a corner. Double click. Now, this confuses people over. If I zoom in, and if I click once and try and do this, this is not going to work. If I double click, it's not going to work. What I need to do is I need to-- there's like a slight curve in here. So I need to click once at the Apex of this curve, and it's quite small. Just the lower one, so I'm going to click once for a curve. Then, remember, this is a corner, change the direction, double click. Same thing here. A lot more exaggerated, so it's easier. Find the center of it. Well, the center of the apex, not just the center of kind of the biggest turning point. It seems a little bit more down here, click once, because we want a curve. Back to here, click once to kind of join them all up, and now we can go and do some adjustments.

We're kind of there, right? So, with the Curvature Tool - I'm going to zoom out a little bit. - you need to adjust, maybe moving these Anchor Points around. You can see, I can kind of move him around and kind of adjust this. The cool thing about using the Curvature Tool rather than the Direct Selection Tool, which might be something you are more accustomed to, is it affects not only this Anchor Point but all the corresponding joining ones, and it does a really good job of kind of adjusting things. Here we go, this guy here. Now we're really just messing about. Come on, find that curve.

Now if you're finding, like me, that Smart Guides are kind of trying to take control, go to 'View', turn Smart Guides 'off'. One of the last thing here I'm trying to fix. I'm going to zoom in up here. I'm happy enough with that; am I? No. I'll drag this one down. I'll turn those Smart Guides 'off'; please go away. Here we go, there. This one here, he probably needs to be there. Another thing we might do is-- let's zoom in on this version. I think it has like slightly tapered edges. So I'm going to zoom out again. Have nothing selected, so that zooms in the middle of the screen. I think these guys have slight rounds on the edges here. That one doesn't seem to, these definitely do.

The shortcut to zooming in to the whole screen is 'Command 0' if you're on a Mac, or 'Command 0' on a PC. So what I want to do is probably scrap the White Arrow. I probably want them to be the same actually. So I'm going to zoom out, 'White Arrow', click him. 'White Arrow', click him. So this one, 'Direct Selection Tool', I held 'Shift'. So click one, hold 'Shift', click this other one. And you're looking for these targets here, so I'm going to zoom in on them. Just because I want them to be the same. I'm holding 'Space bar' on my keyboard and holding my mouse and dragging, that's how I'm moving around. I'm just going to drag these in because I want them all to be kind of the same. So they're both adjusted at the same time. I'm happy enough with it.

Next thing I want to do is the Gradient. So, 'Black Arrow', I'm going to select on this guy. I'm going to go 'Fill', I'm going to start with a Gradient, just a regular Linear one. We can open up the Gradient options from down here, or you can go to 'Window', 'Gradient'. We want to select it with the 'Black Arrow'. From Linear to 'Radial'. We're going to move the center of rotation. I think-- is that a Radial? I didn't even check before I started. Not even be a Radial Gradient. I think I might be wrong, Linear. You can play around.

So when you've got it in, only two things. We need the colors and the direction, so let's do the colors first. It's best to select them first. I'm going to grab the Eye Dropper Tool. I'm going to click on this tippy top color here. You can see, it's there, it's over here. I'm going to click on it, and say, 'Add to Swatches'. Click 'OK', it's just appeared there as a reasonable Swatch. Then down here, I'm going to grab the Eye Dropper Tool. And I'm going to say, I want that color. And add him to my 'Properties', 'Fill'. Make the Swatch. Not worried about the color.

So now my colors are added, I'm going to select him with my 'Black Arrow'. And I'm going to double click the 'White house'. That's the white area here. I'm going to say, it's that side. Click this one. Click that color. Now I need to play around with the angle, and I use that using the 'Gradient Tool'. You can click and drag across it to get it to go the right way. So I need to drag from kind of up, that way. I feel like that's kind of what's going on there. Not exactly. Last thing I'm going to do is, go to 'Properties', say 'Stroke'. You were helpful, and you are now gone.

That my friends is how to redraw the tinder logo using loads of tools, mainly the Curvature Tool, and the Rounded corners in Adobe Illustrator. All right, let's get on to the next video.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024