Logo Design Simplification and Minimalism Techniques | Adam Chraibi | Skillshare
Drawer
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Logo Design Simplification and Minimalism Techniques

teacher avatar Adam Chraibi, Designer and animator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Course Introduction

      1:53

    • 2.

      The Definition of Branding in Logo Design

      2:12

    • 3.

      The Graphic Simplification in Logo Design

      2:52

    • 4.

      Logo Influences and Reference Images to Sketch our Logo

      1:53

    • 5.

      Creating Our Moodboard and the List of The Animal's Attributes

      5:24

    • 6.

      Sketching Our Logo Ideas

      3:42

    • 7.

      Setting up The Grid

      3:54

    • 8.

      Vectorizing Our Sketches

      18:17

    • 9.

      Choosing The Right Typeface For Our Logo

      11:51

    • 10.

      Choosing The Right Color For Our Logo

      6:17

    • 11.

      Final Logo Touches Before Presentation

      7:40

    • 12.

      Mock-ups and Final Presentation

      4:29

    • 13.

      Final Class Project-Koala Simplification

      1:31

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

1,028

Students

7

Projects

About This Class

Graphic simplification is a method used by graphic designers to make memorable and iconic designs, in this course you will learn the necessary simplification techniques to bring objects into their simplest form through analyzing and sketching.

We will carry out a fictional project for an antivirus company whose only requirement will be the graphic simplification of an animal, in this case, a gorilla. 

This course is focused on the technical side of logo design which means we will not cover the briefing questions and other theory stuff, but you can download a document with the questions you can ask in the discovery phase.

So here is a brief list of what we will cover in this course:

  • Searching and analyzing Images
  • Graphic simplification techniques
  • Sketching
  • Vectorizing
  • How to choose the suitable Typeface
  • Presentation

Requirements:

  • Adobe Illustrator CC (I'm working with the latest version)
  • Basic knowledge of Logo design and Illustrator

 After this course and some practice, you should be able to design any logo in a minimalist way using the techniques you learn, so your brand looks simple and memorable.

Meet Your Teacher

Teacher Profile Image

Adam Chraibi

Designer and animator

Teacher

Hello, I'm Adam Chraibi, professional designer, animator and video editor based in Casablanca, Morocco with more than 7 years experience and my motto is if you design it you can animate it.

I went to art school when I was a 15 years old where I studied the basics of drawing, shadows and light (Mangas style) and after that I went to law school where I got my bachelors degree in private Law.

But my love and passion for art and animation was bigger than the love for law, I wasn't feeling conformable studying it, but it was too late I couldn't just drop off I told myself at least get the degree and then do something else.

So I switched my career into doing what I love and passionate about, which is all the digital art stuff. That when I ... See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Course Introduction: Do you want to learn how to make simple and memorable logos using the graphics simplification techniques. If yes, then you are and the whitespace. Hello everyone. My name is Adam, I'm a professional graphic designer slash anti-matter. And this class, I'll be teaching you how to make simple, minimal logos from scratch. For this class, we will carry out with a fictional project for an antivirus company when only a requirements will be the graphics simplification often animal, in our case, it's going to be a gorilla. And we're not going to do the discovery phase because I want this class to be purely technical and also because I cover the discovery on my other Skillshare class. But you can download a PDF with all the briefing questions that you can ask to your clients. So here's how the course we'll go. We will start with a general definition of the term grounding. From there, we will see the common methods used for graphic simplification. Then we'll look for images to spark our creativity. We will do sketches, then vectorize our logo, and then how to choose the right fonts and colors. So go with our logo and the message that the brown tones or deliver. And finally, we'll see how to present your logo to the climates. This course is not for absolute beginners. You need to have basic knowledge of Adobe Illustrator CC, the latest version, the better. And after you finish the glass, you want to go ahead and download premium materials or ports for you from the project and resources. And do the class project, which is designing your own simple minimal logo using the techniques you'll learn and go sit here on a project gallery. So what can give you my feedback? Okay guys, so that's all for the introduction. See you inside. 2. The Definition of Branding in Logo Design: In this lecture, I want to clarify the definition of the term Brandon, because a lot of people associated with logo design or marketing or topography, which is not. Also the definition I'm going to use as from the book called The Brand Gap by Marty knew Meyer. Which is by the way, an amazing book that you should read if you get the chance. And his definition of the term multi stars by clarifying what's branding as knots. So according to the book, Brandon as now logo, knots and identity and it's not a product. So what is branding? It's a person's gut feeling about a product, service, or organization. In other words, a brand is not what you say it is, it's what they say about you. So it's like a reputation and everything, and everyone is affecting this reputation. Aka there's brand. Now from the designer point of view, it's what we are doing, the logo and other deliverables. But this is not the real definition of brand. So it's important to know what a brand is and what we are doing is part of branding and not all of it. But it's also our gut feeling about a product. When a client comes to you with the products and you try that products. And let's say for example, he brings you a beverage called Frog Druze and he tasted it, and it doesn't taste good. It's your guts feeling that this products may not please to most customers, okay. So it's may not be a successful brand. And if you judge that as a good products, then yes, you do whatever you can to get Dachau summer to work with you. Okay. And from the client's point of view at a checklist, so he's like, I got the logo, I got the ads, I got a t-shirt design to package design, card design, etcetera, etcetera. Okay guys, so that was all about this lecture. See you in the next one. 3. The Graphic Simplification in Logo Design: In this lecture, I want to talk about the graphics simplification, which is what this course is all about. So the graphic simplification is a design method that designers use to make graphics more memorable and recognizable. The two most commonly used modes for graphics simplification, our extraction of overall shape and extraction of components, features like this panda, I only subtracted its key features. So you can sell right away what it is. You can also use both of these modes together if you want to or if it's, if it's a complicated design. So in the process of conception, the designer will spend a lot of time searching and retrieval available days. Average means, images, videos, drawings, whatever you could find to spot creative inspiration and enhance the speed of thinking. To better understand the process of extraction and graphics simplification, I'll give you an example about text extraction. So when you are studying a book for an exam, you don't need to remember all the book by heart. You just need the main ideas. So what you do is read all the book first and then you go ahead and highlights the main ideas that you will need to pass the exam and remember those ideas. So and the design simplification as the same thing, as the ability to design without unnecessary details and just highlights the essential details. Understand an object. And you do this after you analyze the entire objects, okay? So you analyze and then extracts, we can categorize the graphic simplification and to several types. We have strokes. We can either work with just tropes. We have shapes, could be geometric shapes or organic shapes like icons, and a combination of both, if necessary or if you want to. I also want to give you some pro tips when designing minimal logos. So the first one is to keep a visual coherence as much as possible. So you want to have the same stroke weight as much as possible. And when it comes to strokes, and then you want to keep them the same. So you don't want to have round edges and sharp edges, okay? It's either going to be round or sharp. Also you want to keep things simple, don't over-complicate things. And finally, you have to ask people if they recognize their design. So of course you can recognize your design kids, you are designing it and you know what you are doing. But it's also good to ask people and sell them. Can you recognize this? If yes, then it's good. If no, then something is wrong. That pretty much it for this lecture. See you on the next one. 4. Logo Influences and Reference Images to Sketch our Logo: In this lecture, we will start with Logo influences and then look for reference images to make our sketches. Now for influences you can find, of course everything online. You can look on Dribbble. Instagram B has Google. But there is an amazing book that I liked the most, especially if you go into specialize in more than slash minimal logos, which is this one, Logo Modernism. If we take a look at it, you can see here that they have quite a collection of famous brands. So you have all kinds of logos. We have type logos, icons, symbols, monograms and animal logos, like we're the one in this course. So it's really an interesting book to study the most famous known designs and gets a ton of inspiration as this book is so great that it has been named the mother of all logo books. It's expensive but worth it. Next, we need to start looking for images to spark our creative mind and sketch. You can use Pinterests, Google, or just type in Google search bar what you're looking for. And then you will have results with different websites. So we're going to make two or three variations of this gorilla logo. One with the head, just the head and monoid full body. So I'm looking for images of just the head and others with full body. Okay, so I need to find images that will make good reference for my logo. And it doesn't matter if the design is symmetrical or asymmetrical. So once you find all your images and illustrations and drawings and whatever you need, go ahead and save them in your folder, and I'll see you in the next lecture. 5. Creating Our Moodboard and the List of The Animal's Attributes: In this lecture, we're going to go ahead and create our moodboard, make lists of the animals attributes, and then start with this sketch in process. Finally. So once you go ahead and save all the images from the Internet that you found, you can go ahead and place them all in one folder, okay, just like this one. So if I click, you can see that I have here all my images that I collected earlier. Okay, we're going to use those as a reference to sketch our logo and also to spark our creative mind. You know, to slap the brain and tell it to go ahead and be creative. You can create a mood board on Pinterest or any other website that wants Butts personally, I'd just like to do everything on Adobe Illustrator. So I'm gonna go ahead now and then open Adobe Illustrator. All right, let's go ahead and create a new document. Now I'm going to be working with these dimensions right here, 1920 by 1080 P. And the reason why I've chosen these dimensions, because I think it's better for presentation. If you're going to present to your logo, to the clients, then it's better to work with these dimensions, okay? And if you want to post your work on Instagram, then you can go ahead and change. Zoe's true. Wanted ten hundred, two hundred, ten hundred and two hundred or 1800 by 1, 0, 0, 0, 0. So unscathed as Gertz representation, I'm gonna go ahead and click on Create sick leave, those advanced options like this. No need to change for screen because we're not going to be posting anything on the internet. Now I'm gonna go ahead and click on the shortcut Shift plus 0 to enter the artboard mode, and then just click on this plus sign so I can add another artboard. Okay? Now on this one, I'm gonna go ahead and creates my Moodboard. And on this one, I'm going to go ahead and create a list of attributes. And again, we need that list of attributes to help us with the sketch. So open the folder or the pictures, selects everything. Control Command C and Command V. Okay, no problem. Now I'm just going to go ahead and organize my picture inside the canvas. As you can see that when I'm resizing, I'm holding Shift Alt or Option know so I can scale accordingly. Okay guys, so I think I have everything here. And as you can see, we have a lot of images. And sometimes when you're looking for reference images, you may get carried away and you may add an image twice. So I'm just going to go ahead and delete images. That's I think we don't meet this way. We can save some space. All right, guys, so I think I want to be working with those. And next, we're gonna come over here to the second odds rose art board. I don't know why I'm not pronouncing that correctly. Click on T for the Type. Like here. Wants to switch this to something like this. Here's my favorites fonts for boda. Lock, swiping analysts of the attributes. And we go, and then I'm just gonna go ahead and write down Important denoted characteristic of the gorilla. So the first one is going to be big forehead, rectangular forehead. Then we have the forehead is bigger than the face. So the gorilla is a fairly complicated animals who draw, It's almost like drawing the human body. So I'm just gonna go ahead and finish these real quick. Okay. Once I do those, we can go ahead and sketch. 6. Sketching Our Logo Ideas: Okay guys, so these are all the attributes of this animal that I think will help me when I'm sketching. So when I'm going to be drawing, I'm going to be thinking about those all the time. And in case I make a mistake, for example, hydrophilic and the arms and the same size, I can just go ahead and correct it because I know that's arms aren't bigger than legs. Now let's go ahead and start sketching. So get your sketchbook, can pencil, know anything will do a whitepaper. And then I'm just going to start with, you know, redraw the face of the gorilla 10. So at first, I'm just going to go ahead and try to copy the face, you know, just so I can understand how the phase as constructs it. So it doesn't have to be perfect because we're not doing illustration here. Because if there was illustration and kinda taken me a lot of time to draw the thing perfectly. Well. I'm not an illustrator about. I think that's if you check my Instagram, you can see my drawings, guys. I'm not gonna say anything about it. I think I can draw pretty good. I'm I'm not that grades, but I can draw pretty good getting now I'm sides to get creative a little bit. So I'm trying to mix the gorilla with because it's for an antivirus logo. So it should look strong. No, it should look bits evil because it's fighting the virus. And also I'm trying to make it look evil in the same time look ticking, you know, the correct word, tick, tick, tick. So it's also important to keep in mind guys, that if you have a lot of curves and circles and you're drawing, it does make it look soft. And if you have sharp edges, it makes it look strong. And because it's an antivirus, wanna make it look sharp and strong and like it can really fights. So as you can see now, I am just starting with the face. Then I'm going to go ahead and do a full body because because I want to have two versions of the logo. One would deface and the auto loan with read the full body. And it's also important to keep in mind guys debts, you have to know the limits of your simplification, okay? Like you don't want it to look to sample and you don't want it to look too difficult. You have to find sort of the middle ground because let's say for example, you want to draw a tennis ball, okay? If you just put a circle, then it could be anything, You know, we don't know if it's a tennis ball or efforts earth, are you trying to draw a basketball? But if you go ahead and put those tennis lines that are very known in common, false, then people can sell as a tennis ball, okay? You don't want it too simple. So people want to thank the CIA lazy and you don't want it. She'll complicated. If not simple anymore. 7. Setting up The Grid: This lecture, we're going to go ahead and get everything radius so we can vectorize our sketch. So first-in first, go ahead and export your sketches to your computer, okay, you can do it via Google Drive, add, drop, whatever it means you use. Next, I want to go ahead and open Photoshop, and I just want to add some more contrast between the pencil on the paper so we can trace that in Adobe Illustrator. Now, this tip you guys, as optional, you can do this step on your phone if you have lights room, or on any other application, okay? If you want to do it on Photoshop it easy and just keep in mind that you may have to rotate the picture. So this is the rotate tool or are okay if you want to rotate a van, come over here to the adjustments and just brightness and contrast, increase the contrast 100. Next is going to be levels. So just move the one in the middle to the rights. On the right-hand only just move it a little bit to the left. Okay. So the middle one, you move it to the rights and the rights wanting move it to the left of edges to increase the contrast as you can see right here. And then of course you just go ahead file and exports and you exported. Okay guys, so now let's go back to Adobe Illustrator. Now, same thing here. Go ahead to create new. And the same document that we created earlier, 1920 by 1080 P creates, okay guys, Now we have to set up our grid so we can start visualizing our sketches. So we're going to be using a square grid. We're not going to be using the golden ratio. So here's what you need to do. So first thing first, we're gonna go to Edit Preferences, then guides and grid. Now right here, by default, grid line every you may have 72 by defaults, okay? Don't recommend working with 72. I recommend that you put here either one pixel or aids or six scene, okay? And subdivisions are going to be one. No matter what you put here. If you puts one, it's going to be one here. You put 16, it's going to be one here, okay. Uncheck grids and aback because we're going to be tracing over the sketches. And if you put grades in the back, it's going to be behind the picture. And we want the grid and France of the picture. Okay? This one right here, you may check as well, show pixel grid above 600%. Zoom, click Okay. You can change the color if you don't want science to anything else right here. Next then is go to View. Roll down. Okay, on this area right here, Show grid. You have snap to grid and you have Snap to Pixel by defaults, I think. Okay, So if you're gonna be working with a square grid, you need to uncheck Snap to Grid and you need to uncheck Snap to Pixel. Okay? Make sure you have snap to points and then show grid. This is our grid. We can just go ahead and import or place our pictures or sketches. Okay, you guys, so as you can see, I'm not going to be vectorized and all my sketches just two months that I liked the most. So it's going to be the face of this gorilla, the body of this one. Then of course, this face right here that looks like the shape of the gorilla and a door lock. Okay. I think it's pretty good for an antivirus, this one, so I like it the most. So see you in the next lecture, guys, when we're going to start vectorizing our sketch. 8. Vectorizing Our Sketches: All right, so in this lecture we're going to start with the victimization of these sketches. So the tools we're going to be using to vectorize our sketches are going to be the direct selection and the Selection tool. But of these, we're going to be using the line segments, the straight one and the curvy one. And we're going to be using the scale tool, okay, Pretty much we're just going to be using with those and also the scissor. Alrighty guys. Rarely we're going to be using the pens will only get stuck or we cannot achieve all we want to achieve using the tools that I just mentioned. So I'm gonna open the Layers panel and add a new layer. And this one will just sketches. I'm just going to double-click templates and then just reduce the opacity a little bit to sense. Okay, there we go. Now, let's start with this one right here. Okay, so I'm going to be using first draw a tangle mixture or you are on layer number 2. Like this. So a no fail. Now I'm going to go to the direct selection tool. Select this one hold shifts and selects the other anchor points. Click on S for scale and just scale it a little bit like this. And we go. Now you don't have to exactly trace your sketches. We're just using it as reference because I cannot work with blank canvas. You know, it's, it's almost impossible. I go like this now we need to trace the spots. So I'm going to click on C for the scissor. This one right here. Click once here, once here, and delete this. Okay? Now the line segments, we want our tool. I'm going to click here and drag down. Okay, make sure you use the guide. So the guide will tell you that you are in the middle. And do the same thing here. And now we have the shape of the phase of the gorilla. Maybe I could increase the size of the forehead. Guess it has a big forehead, as we've seen while we were making the animal attributes. But let's first finish the sketch and then we can adjust where we need to adjust. Again, I'm going to go back, click on M for the rectangle tool. A for direct selection tool, select this anchor points hold, shift, select the other one as unskilled on both. Now the scissor cuts here, cuts here, and then the leads. Okay, so I'm trying to keep my selection of tools minimal. Okay? I want to build this logo using only lines and shapes, okay? This tool, and this tool and the grid, of course. Now all we need is build this parts, the mouth though, L for the circle. And then I want to put a circle in the middle like this. Just a circle using left and right arrows. Or the Selection tool. There we go. And now same thing. So I'm going to select the circle with the selection tool and then click on C. Then I don't want to click on the rectangle. I want to click on a circle. Okay? So click here to cuts and then another one here, just hide system. So you have to cut in the same place. This has to be aligned. Okay guys, so make sure you follow the guides here. So click here. And as you see right now the guide is silane asked at the cut is alive. Okay, so again, the leads this. And we have something like this. Okay guys, looks good. If I buy this. Here you can see all we have, we can still align it later. But the overall is fine. Now we can either add this rectangle down here or this one on its itself. So I'm just going to select this and put it right here. This right here, M rectangle here. Let's just go ahead and adjust this a little bit. Here we go. This time. Puts a rectangle here. With these parts, we can join them, okay, we can select the direct selection tool, select this and then Control Command and J for Juliet's. Okay, and then it's going to be drawing. There we go. Same thing can be done here. Control Command J selects using the direct selection tool because you need to select two separated and components control command J and K. Now you see that we have a little bit of this 10. It's sort of missing the design. So what you can do again is select this one using the direct selection tool. Shift and select this one. And you see this circle, this handle, click on it, and then just drag so you can fix this. Now it's fixed, okay. Don't see it. And you can do the same for this one. So I'm just going to delete it. There we go. This olds shifts here. Next, I'm just going to select everything and align this one right here. Horizontal align, center align. Okay. Now let's go ahead and build the body. Okay, so same thing. We're going to go ahead and select the rectangle tool. And then just build a rectangle like this. Please. Select both anchor points as shown here. Now, I'm just going to select S1 anchor points, double-clicked hold shifts, and drag. It's like this. Just this one like this. So if you want to adjust one anchor points, you double-click on it using the direct selection tool. There we go. Now see for the scissor tool and I want to cut here, that's here. And then deletes the line. A direct selection tool, and then just curve this ten bits. And we go, now I'm just gonna go ahead and puts portrays the location of the feeds. So you want the distance between defeat to be the same. Okay? So how I'm going to calculate it using the square, okay? Using the distance between each line of the square. So what I'm gonna do is quickly just this picture. Click on it, and then just adjust that, choosing the right arrow on my keyboard. Okay, same thing for this factor. The stroke, I'm going to adjust it. Like thirsty we go. Lockett's again, make sure you are only number 2. And now I'm going to put or trays defeats, okay, and I want the distance between the feeds to be the same. So the first one is going to be here on this line of the grid. The second one is going to be here. Okay? And the third one is going to be here because Madison, third leg. Same thing here. So the first one is here. Second one is here. One is here. Okay? Again, I'm using the sketch only as a reference. Now let's go back to the Arc tool, then just finish this sketch. So let's see if this thing is going to work. You can, of course, while working with the Arc tool, click on up arrow and down arrow so you can adjust the curve of the arc tool. Like this. We come down here and click here. Here. We go. Same thing here. This distance here, maybe up a little bit. And from here we're just going to reverse. So you can see that's it. Pretty much easier once you get used to working with the lines and the Arc tool K. Now let's fix this part right here. And I'm going to be using the curve pencil for this one. Here we go, the direct selection tool just in here. Now I'm just going to hide the sketch and see what we have here. It's getting there. Now I have to trace this one right here, the belly. And of course, I'm going to be using the pen tool for this one. Hold shifts of interest. Here. Select the direct selection tool and then I'm just going to fix this one down here. Well, maybe I could delete this and then redo it. I'm clicking down on my arrow to adjust the curve. Here we go. Now finally, we just need to fix the last hand. So what I'm gonna do is choose the Pen tool, like here and here. This one. It's going to look for Z selects everything. I'm just going to try something else. From here to here. Let's see if I go ahead and add selection tool. Click on this parts. Double-click the adjustment, I'm gonna try. This one looks good as well. The outline mode a, and then I'm just going to double-click on this ten and then just adjusted with this area right here. The bottom of the head. Looks good. That looks good, You guys. Okay. Now, once you finish, I think we're going to stop here because if it continues going to take forever, it's finished of course. But you get the idea guy has, okay, so I'm just working with minimal tools and trying to build things as simple as they come. So focus on building which shapes and lines and if it gets stuck, use the pencil, okay, and also the scissor stock-outs parts. Now, once you finish, I'm gonna go ahead and just increase the stroke weight. So this one is good. Extrude when you increase the stroke weight. You can see these things to separation that we have here. If it's okay with you, then you can just leave it for me. It's fine. Not a problem. But if not, you can just select the entire thing and go to stroke and then you can change the stroke and then, or corners from here. This one looks bad. So I don't want it to have like rounded edges. I want to have sharp edges, some or leave it like this. Then just switch from this to this. This looks good enough. Same thing, just increase the size of the stroke for all your designs. This one maybe I could just increase a little bit the size of the forehead. Maybe just a little bit. So it sort of looks like a door lock mixed with the gorilla and with the USB ports right here. So we're going to leave things in here. So what I'm gonna do just in case I'm going to go ahead. Selects everything. Control Command C, or Control Command V. Ik is, if you're expand, your vector is going to be hard to make any other adjustments if you want to. So I'm just duplicating the thing just in case we need to go back and adjust something. And then as you can see, once you expand, there is no going back. After this. You just want to go ahead and group. So select the entire thing and then Control Command G to group everything. Okay, so now we've done with the grid and everything, just go to View and then hide grid. And on the next lecture we are going to be talking about typography because we need to add tie to our design. 9. Choosing The Right Typeface For Our Logo: Okay guys, now it is time to choose a typeface for our logo. And in order to do this, there are a couple of things that you need to understand. First thing first, you need to understand the difference between a typeface and a font. So typeface is something like Helvetica, Futura Roboto. And a fonts as a variation of that typeface. For example, Helvetica bold Helvetica lights and so on. A lot of font constitutes SI, phase. Okay, So this one is good to give in mind. Also, you need to know about different typeface classifications. So I'm going and try, I'll try to explain this as simple as possible. So the most common typeface classifications are the Serif and Sans Serif, okay? And the difference between these two are that the serif have legs or feet. Okay, these are called serifs. And the sans serifs don't have any feeds or get it all have these serious right here. Next we have these serifs lab. So as you can see right here, the service lab and the serif are pretty much the same. It just that defeat of the serif are lighter and defeat of the serifs lab are thicker. So this is a difference between these two. So this one thick feeds and this one light feeds. Also the serif slab is also called the mechanic or Egyptian typeface. And this one can also be called either a serif typeface or Roman typeface. Next we have the insist, it's hype phase and the incest, unlike the outer of phones that are created from brush or pencil, this one is based on carved letters and stones. Okay? So if I were to design a Roman logo or poster, I would go ahead and use this typeface right here. And finally, we have scripts that imitates handwriting. As you can see, they are very beautiful and elegant. I would use them if I were to design a poster for a piano concerts of Mozart or Bach. Now, the other thing that you need to keep in mind are that you need to know before making the font selection is what feeling or values each of these type faces convey. Because as we know, typefaces have personality, they, they convey values. Okay, so let us start again with some serif. Sans serif is a modern fonts. It's conveys values of strength, security, neutrality, and minimalism. Then we have the serif or Roman typeface. This one, as a traditional fonts, It's conveys the values of seriousness, respects elegance and formality. Next we have the serif slab, and this one shares values of serif and sans serif. So this typeface is also traditional, serious and youthful, and it transmits values like safety and care. So the insist typeface shares values between Serif and sans-serif. So basically it's a balance of traditional and modern. And finally, we have scripts which as you can see, is the very, very elegant psi phase. And it transmits values lack creativity, affection, and intimacy. Okay guys, now that you know the values of each type face, can you guess which one is the right choice for our logo? If you guessed, writes it as the san-serif again because sans serif shares the same value as our logo. So our logo is for tech company, so it's modern. It's supposed to make you feel safe. Okay, so safety and modernism and simplicity, we're gonna go ahead and choose a sans-serif. Okay, we can also work with a serif slab, know as a compliment for the san-serif. So this one's cores 60 percent for our logo and this one's cores like 40, or maybe this one score 70 and 130. Anyways, it says the obvious choice. Now let's go back to Illustrator and fix our logo. Okay, You guys, now that we know that we are going to be using a sans-serif font. Let's go ahead and swipe down the name of this brand. So it just made our brand. So I'm just gonna name is God. 72, like this. No, So combination between gorilla and Godzilla. And down here, I want to add onto antivirus. Like this. Of course we need a contrast between the name of the brand and the antivirus, then this is the information at all. So you can add contrast and different ways. We can work with two different found, two different typefaces. We can adjust the size, width, stroke, you know, anything. Like this. So now the website that I recommend the most to find the best font is Google Fonts. Okay, I would not recommend working with deaf fonts.com because I think it's really a bad websites for fonts and sizes in general. So I recommend Google fonts, Adobe fonts, and font Squirrel, squirrel, Font Squirrel, whatever. Okay. So if I click here and we have our Google Fonts ready, I'm just going to go ahead and side bend the name of the brand. Right here we have categories. I want to unselect the ones I don't need and just keep this some serif. And of course we can choose from here. So about of course is the best one for me, but I have to switch from a bottle and we can use both. Okay. No problem. So the name of this type edit in Spanish, I think it's pronounced MNO, libri and Roboto. So here's this one. Download. And also download this one as well. I think I already hover bottles will need to download. It's just find another one. Maybe this one too. Now I'm gonna go ahead and just install these typefaces. Let's go ahead now and try both. And the typefaces. And as we just noted, so this one, like this, looks good. Or antivirus. Try something slab. A combination between Sans Serif. Slab serif. Looks good. Do on was what the name of data one was. So now you can see Roboto typeface and amnesia and the fonts of the typeface. The Roboto typeface. Me, try one more thing. I'll try a satellites and q. And then just align those real quick. For the icon, I think I'm going to choose this one. So if you remember, we created two layers. One with the icon already expanded and the other one with life strokes. Okay, So nothing is expanded yet. We still can make modification if you want. So I want to modify this one because I want to keep this one, but maybe at D here. And I was thinking about increasing the size of the stroke. Like this. Not D, because D is smaller than the body. Olds. Again, just in here. Now we can expound on a try with this. I think it looks good. You just group this and align it shrine the ADOS as well. So to drag it, just hold Alt or Option and chefs. The guys. And here we have its, think it looks good. We can of course, still modify this a little bit. But for now we'll keep it like this and see you in the next lecture. Where we're going to be talking about colors. 10. Choosing The Right Color For Our Logo: All right guys, so in this lecture we need to apply the right color for our logo. And there are a couple of things that you need to understand about colors and logos of as saying first you need to understand color association and mean is. So I have this PDF documents that you can download from the course project and resources. It has all the colors Association in meanings in different countries also because whites in Japan is not the same thing as whites in the United States and whites in my country. Whereas Morocco. And also you need to understand that you need to apply contrast between colors. For example, if you have dark foreground, you need to have light-colored background. And if you have lights color foreground, you need to have dark color background. And finally, keep your color selection minimal. I think true colors are more than enough. Rarely, you need to apply three colors, okay? So one is going to be dominant, and one is going to be like complimentary or accents color. Now of course, you can choose your color pallets from Adobe Color. If you go to Explore side Pan Gorilla, you can see that we have beautiful pellets. Right here. Can choose from whatever you want. I think this one is fine. I can just download as JPEG. And one more thing I like to do is to look at the competition. So let's go to Google. Here we go, images. So you can see colors at the US. Cool. Now let's go ahead and create our color palettes. One more thing I need to do is find other guerrilla images on Google. Just so we can have different choices, you know. So I think we're good on gorilla pictures. I want to see gorilla foods. Did I do good snow foods foods? The eat carrots, banana. Okay, now I'm going to go ahead and go back to Illustrator. And then place the images that I just downloaded. Okay, I'm going to select all of these. Then just place them here. One here, one here. Go ahead and find one more. Here we go. Now I'm going to select the rectangle, hold shift and drag. Control Command C or Control Command F to duplicate hold shifts on olds and drag. Then change the color of the small one. So this color of this, maybe we need a darker background. Think I like this one better. We know what the yellow and this color on the background. Or maybe this one on the background. And the foreground. Don't think this one looks good. Okay, Let's go ahead and try it. Sample this color again, and then just say the hex code command C. Select the type. Okay, to change the color of the type. Duplicates the background, make it big like this. Arrange. Send to Back clips, goodbye. Maybe if I open the color a little bit more. Like this. Yeah, like this, I think it looks good. So we can tweak this 1220 times the pants. I'm gonna go ahead and create a couple. Okay guys, so you can tweak those all day long. Then on the next lecture we'll see how you can put the final touches on your logo before you final present the logo to the clients. Okay. Before the final presentation. 11. Final Logo Touches Before Presentation: Now in this lecture I want to talk about logo construction. Okay, so I'm just going to go ahead and duplicates this one right here and beliefs the background. So the first thing you need to know is that when you design an, an icon that is asymmetrical or not symmetrical, you want it to look or to face to the right. It's okay not to the left. Because if it's facing to the left or down, it just gives bad vibes, Okay? It looks like the gorilla is leaving at, leaving the entire place, you know. And if it's facing to the right, it gives good vibes, okay, either to the right or up, okay? So right up, good vibes, left down, bad vibes. Okay. Next you want to type to be bigger. So I'm just going to increase the type like this, bigger than the logo. Hey guys. Next thing I want to talk about the space in-between the icon, the brand name, and the title. So the distance between the icon and brand name should be half the size of the logo or the icon. Rights. But this rule doesn't always apply. So just keep that in mind while you construct in your logo. But we also have to keep an eye on the design, okay, if it's file's right's you lead is if it doesn't feel balanced, you adjust it. Okay. So let's go ahead and try it. I'm just going to select the Line Tool again or the line segment tool, change the color k, and let's try the rules. I'm just going to trace line here, another one here, and then another one put as rights and a metal like this. Okay, look at the guides. Now I'm going to select this one on this, on this one we can delete it. We don't need that anymore. Like this. And then bring it down here. And select this and this. And bring it down. And you can see that here is a bit too much. But deletes the lines, zoom out so you can see it a bit too much. So let's go ahead and then adjusted, bring it back up little bits. As its field arise, I think it's, it's okay, maybe just little bits, 1234. Hey, that looks good. And the distance between the brand name and the small title here should be again, have the size of the brand name. Okay. So same thing here on the lines. Okay. So the title should be all, the small title should be all in capital letters. All capitals like this. Select. So let's zoom out. We know also I'm just going to just add little bits. Writes this, then it looks good right now. Next, do with this title should be a little bit bigger than the icon. So I'm just going to grab the lines, put them here. Okay, it looks good. Now we're going to go ahead and play a little bit with the tracking. Selects all in a line. It's move out. So you can see the difference between this and this. Okay? And we're going to leave it here, okay, guys. So these are basic things that you need to keep it. There is no rules that says that you should follow this. But I think from personal experience and from learning from other logo designers, this is what I learned. Okay, and always you have to trust your experience in your eyes, you know, see if it's well balanced. Okay, You guys, alright guys. So now that you're done with the logo, Okay. We need to prepare stuff for our mockup. Okay, so again, duplicates. I'm gonna go ahead and expand the type Object, Expand, Object. Expand. We're going to need the icon alone with color. The icon. What black does the logo should work in black and whites. And the icon and whites. And of course, you need type or the block. So I put color and psi pointwise, shifts 0 and add arts boards like this. Okay. Now I need to align them artboards. So open the artboards panel. Click on this demo here, rearrange all art board. And then I have here five columns, spacings when a click, Okay? And who they are. Well aligned. Close this anomalous legs. This is here. We have as OK, now we can just go ahead. Exports, exports as Use Artboards range. Then I'm going to put here from two to seven, then Exports. Okay, I'm going to name those Logo assets. Make sure it says here transparence, high resolution, 300 pixels per inch. Okay? And next we're going to start with doing mock-ups, you guys, okay. 12. Mock-ups and Final Presentation: Okay guys, so now we are in the final step of our logo design process, which is putting mock-ups. Okay, so go ahead and download those from the project and resources. Those are premium mockups that you can work with for this project and for any other project that you want. No problem. So I'm going to go ahead and open this one, for example, office while mockup. And I'm just going to do one example and then you can go ahead and do the other examples. Okay guys. So as you can see right here, we have your design here. So pretty much it tells you what to do if you, if you look at the layers in Photoshop. So double-click on the smart object. No, I don't need the text. Just hide everything. Add a new layer. Okay. File, Place Embedded. Then remember these files as we exported from Adobe Illustrator, you can go ahead and place your logo in black. Okay, remember, very important that the logo works and black and whites File Save or Control Save. If I click on the shortcuts, my screen is going to stop recording. Now Let's go back and you can see it. It looks beautiful. Okay. Now go ahead and do the auto loans as well. Probably this one right here, Brian mock-up is the most difficult, but you can do it. You just need to follow here. Okay? So once you finish with the mock-up, Let's go ahead and see how to present the logo to the clients, okay? Because remember guys, mockups are very, very important, so you have to invest in good quality mockups. Okay. Now let's go back to Adobe Illustrator. And this is how you final presents the logo to the clients. Okay, so some people like to lead with the final results. What I like to do is show the process that I went through and how I did obtain this logo. Okay, so I start with the fonts or the TI phase that we chose for the logo. So you do something with a tagline of the company or the name of the brand or something that they say during the brief in that they kept repeating over and over again. So you start with that's okay. You just are where this has the fonts that we choose or the typeface that we choose for the logo. Okay? This is the other typefaces choices. This is the colors die we choose for the logo, and this is the reference images. Okay? And so on. But you don't do this, you don't present like this. You go ahead and click on this journey screen mode. And you go to presentation mode, okay, It's shifts plus f. And then you can just click on the rights arrow. If you're doing a presentation. We have the colors, we have image references, list of attributes. This is just the symbol or the icon. So I did those circles and the grid on purpose to show that it was hard to make the final results. Couple of color variation and then the mock-ups. Okay? Then if he doesn't like it, this one, then I can just go ahead and show the other symbol variations that I did. But I lead with this one because I believe this one is the best. And I don't like to show two variations right away. I'll just leave with one. And if it doesn't like it, I'll switch to the other variations. So you just click the Escape button to go back to the normal mode. So my final advice is is that you have to explain everything that you didn't have to explain your choices. Don't give a chance for the customer to add things or to explain things from their mind, okay, because they always don't get it. So I believe that a good designer is someone who's also a good talker or a good salesman. So yeah, just trust yourself. Trust your design. If turnover your friends tell you that's a good design, then it's good. And just explain everything that you did. The guy. So that was pretty much it's we've done with this lecture. Thank you for following heard of this class. I hope you learned something. And yeah, see you on the next class. 13. Final Class Project-Koala Simplification: This is the final project of the course. And what I want you to do is go ahead and design a minimal simple logo from an image. Okay, so the most important and I want you to master is to look at the image, analyze it, and bring unique characteristics of the objects or the animal, whatever that you're simplifying. Okay, this is the most important scale that you should develop. Everything else is just basic logo design. So for example, if we look at this image, let's go ahead and bring down the important element of this specific image. I'm just going to open the layers, double-click lock templates. Okay? So just real quick, I have a new layer. I'm gonna go ahead and trace what I see, Okay? Just using shapes. Okay. Now if your wants, if you cannot tell this as a koala just from looking at this, you can maybe go ahead and add the ears and the mouth. So as you can see, it's pretty simple. Once you get used to it, you can do it. So yes, thank you for watching. We finally done with the course. And if you want to learn more, you can check my Kotter's theory course and my vintage logo design course on Skillshare. Thanks so much for watching. See you in the next class.