Create Innovative Logos With Isometric Grid | Mar | Skillshare

Create Innovative Logos With Isometric Grid

Mar, Logo Designer | Coffee Addict

Create Innovative Logos With Isometric Grid

Mar, Logo Designer | Coffee Addict

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (31m)
    • 1. Introduction

      1:09
    • 2. Introducing the Isometric Grid

      8:38
    • 3. Creating the 3D Draft

      5:51
    • 4. Coloring with Pattern

      3:42
    • 5. Coloring With Gradient

      11:42
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.

420

Students

1

Project

About This Class

81ab3e70

Did you ever want to create a 3D logo? Did you know you can do it in less than 30 minutes using grids? :-)

You guys who watched my previous video Using Grids To Create The Perfect Logo know how much I love working with grids, so here's another course about another type of a gridding system that's all about maths and I promise it will give you so much fun!

We will be working with isometric grid and we'll learn how to draw 3D logos! 

Join me for this quick course that will leave you playing in Illustrator for hours after seeing it. Just don't forget to post your project! ;-)))

Ready? Let's begin!

Music by: bensound.com

Meet Your Teacher

Teacher Profile Image

Mar

Logo Designer | Coffee Addict

Teacher


Mar is a logo designer and a horrible driver. So instead of driving around seeing places, Mar found her happiness indoors in the world of vectors. She is here to share with everyone what she has learnt on her journey through the planet Design and prove to people that the pen tool is not an enemy.

Living in Malta, Mar has a lot of sun to enlighten her work and keep up the positive attitude. She enjoys swimming in the dawn and doing yoga at the beach. She is actively trying to quit caffeine and actively failing.

See full profile

Class Ratings

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

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.

phone

Transcripts

1. Introduction: Hi, This is Medina. And welcome to another local design course. Today we will be talking about grids again, and we will learn what isometric grid is, how you can use it in mobile design. And what are the benefits of using this type Procrit. So we will start off by looking at some of the examples off isometric logos. Then we will find our grid, and we will put it in a real straight or document. After that, we will start drawing our first draft off what our logo is going to look like. Then, in the following video, we will create a three D projection off our flat logo. And finally, in the last video, I will show you two different ways in which you can color your logo and give it more depth . I hope you do join me for this course, and I hope that you enjoy. I'm looking forward to seeing your projects in the project gallery. And if you have any questions or you would like to open a discussion, please do so because I read all of your comments and I would love to connect with you. Let's begin 2. Introducing the Isometric Grid: Hi, this is Medina. Welcome to another course about logo design. Today we will be talking about grids again. And if you watched my first video skill share, we were working with grits before and we were using what we call the golden ratio. Brit. Now this time will be doing something a little bit different. Um, and I will just remind you a little bit what we said about working with grids in logo design and why working with grids may be very beneficial for you. So namely, grids can help us create a more balanced, symmetrical, proportionate design. And therefore, using grids in your logo design can really improve the sharpness of your design as well as the scale ability. So, apart from having aesthetic a well balanced advantages, it will also give you a very practical, scalable design that your clients will love. So let's see a little bit, um, what exactly it means isometric. So isometric basically means having a grid out off vertical and horizontal lines that are lying on a horizontal vertical access under 30 degree angle. So what it basically means is that it enables you to create sort of a three D logo using the grid, making sure that your proportions are well balanced and that you overall have ah, well balanced design. So, as you can see, many of these are very well done. Um, and somewhere more or less complex, But they're very eye catchy. And it is very hard not to notice something like this Or, you know, any of these. Actually, you may be wondering now. So what is the benefit really off me? Using an isometric rid in my logo design. Why would I do that? Um, creating an isometric logo may be a great way off playing with the visual proportions and actually playing with the visual perception off the customers and off your client. And what that means is that you can create multiple shapes using one shape. For example, this e that's also an F and also, uh, something else, Maybe a c this way, eh? So what I'm trying to say is that I symmetric design may be used, uh, for a company that start up something that is characterized by a new tack movement, something that's in a way, innovative. And it kind of has that sort of ah, visual play. Now, that we've covered this part. Let's find our isometric grid and let's download it. And that will actually be the foundation off our design. So we will not be creating a grid ourselves last time like we did last time. We will actually find a a grid and put it as the background, um, for our logo design. So let's download this grin, and I will just open the whole file and Mila Street. This is pretty much how the crude looks like. It may look a bit scary at first if you've never worked with this grid, and it does definitely take a little bit of imagination to actually predict in which way your three day design is going to behave. But once you get a hold of it, it is, um, pretty simple. So let's select the whole grid and let's lower down to capacity so that we could see exactly where we are drawing on top of the grit to do that opened the transparency panel from the window, uh, panel and I will just keep my transparency at around 25% like that. Now that looks very good. As you can see as I'm moving uh, across the grid, you can see these vertical and horizontal lines that I was mentioning with a 30 degree angle. Now, let's Asuman I'm using Z on my keyboard and just clicking, okay? And now you want to grab the pen tal and you just want to start withdrawing pretty much. That's that's all there is to it. Um, the smart guides there helping me actually find my way around creating a, uh, nice and the line design and for you to have the same go to view and turn smart guides on here. Okay, now, moving on. Let's start with our first letter. I will be creating the word logo L o g o. Today. But you're free to, uh, use this a way of creating locals or any monogram you want for maybe improvising and creating two in 12 letters in one logo or a visual play. I would love to see what you have created in the, uh, class project area. So I'm going to click, go down. I'm using five cubes for height 12345 and are for the weight off the l. I will use three cubes like this and then back. Follow the smart guides to help yourself out and back. We got our Now let's move to oh again the same process Now for 20 we will use four square's look and back and we have that inside off the Oh, that's empty. Just follow the guides. Oh, now we will do the G That and then you're dumb, right? Left. As I said, you will need to kind of think about, uh, your design prior to doing this. Otherwise, it may be a little bit counterintuitive in which direction you are droving. But you should start with this catch of your logo anyways. So just start on paper using pen and paper. That's what I always do. And in that way, you can even create since now you know that it's pretty much just the collection off grids on a horizontal and vertical access that are, um, overlap and get a 30 degree angle. It should be easy for you to replicate that on a piece of paper and actually, um, play around with it on paper before you. You put it into program, and now that we got her first draft, we still do not have a a fully three d draft. But now that we have a first draft, we are ready to start building on this. And we will do that the following video, So I will catch you. 3. Creating the 3D Draft: we're back in the program. And I have just realised that I don't think that keeping the l a bit shorter is actually helping the whole balance of the logo. So I will move this l, um one cube down like that, and then I will use the direct selection tool and click on these two corners on the right and drag for one cube. Now, I think that this looks a bit more balanced and we can continue with our three d look. So now to create a three D Look, we're going Teoh tro to the left instead of drawing to the right and I will show you right away what that means. So we will use the grid in this way. You can see that it's already starting to feel like, um, a three d projection here and here as well. Now we have the l. L is ready. You're moving on. Just continue going like that. And the reason why I am creating um So what we're creating today is a fairly simple way off using the isometric grid. It is not a very advanced, uh, logo in terms of technique and that it simply because I wanted to show you in which way working with the isometric rid works. And I believe that once you have learned how to use the grid, you can create anything else complexes as you wanted to be. But until that happens, says I said, the grid is not the most intuitive great to work with. So I believe it's very important to master the foundation's first. I'm just continuing with, uh, finishing the three the draft to and finally yeah, that's RG And finally our last old and then down. Now our three d um, draft is over. I'm going to turn on the layers panel and I'm going to turn off the visibility of the grid just to see how the logo looks like, Um, and you can see right away here. I forgot to put the inner side of Theo, and that's okay. That's perfectly fine. Also, the corner of the G and E O. Um, it's very rewarding working with grids in such a way, because there is so much room for learning, and the mistakes that you make are usually not that hard to see. And, um, it's very easy to improve once you've made a mistake and you've moved on. So let's see again. Now that's looking much better. Another thing that I want to do is put, um, corners here on these two parts of the O, as we did with the G like this and here, too. Like that. Let's see again, much better. Now we have quite a nice looking three D visual projection and what I'm going to show you next. It's going to be how you can very quickly put a pattern on this logo. Or you can color just some sides of the logo to give it a bit more death and to stress out certain size over the others. And that's what I what I meant when I said What the beauty off a three d or isometric logo is is that there are so many variations in which you can make a logo, um, stand out and kind of be more permanent. So I'm going to duplicate this whole set because we will be doing two different colorings of it. And to do that quickly, I will just hold the Olt option and shift at the same time and click and drag downwards, and that's going to create apparel copy of it. So let's move on to the next video, and let's color are local 4. Coloring with Pattern: here, here again. And I hope that you are ready to begin with coloring our logo. So we will do two types of coloring. One will be with color, and the other one will be with a pattern. Now going back to her first logo. Let's start with the patterns first, and I will use a star. So I'm just going to draw a very small, cute star and I'm going to color it red like that. And then I'm gonna click on that star and I'm gonna open the swatch panel. So here they are, swatches on. I'm just gonna click and drag with this tar over there, and that's going to create the pattern out of it right away. So what? I want to choose here first, I'm gonna name it, Star, and I'm gonna choose Bring Vairo. And then I'm just gonna split the whole thing a little bit. Maybe 1 55 Make sure to have the maintained with and height proportions turned on so that your pattern scales proportionately and then I'm just gonna seem done. OK, so now make sure that the pattern that we just created this selected you should see it here in the Phil and I won't assume in a little bit. Let's zoom out first and look our logo that would create a command to or just go to object lock selection. And now I will zoom in again, grabbed a pen tool, and just start drawing on the sides that you want to have the pattern just like that. Keep moving. And I want inside of Dio So say to the top here on the G, I thought maybe the block side and what I meant when I said, um, that you can play with it and choose how your love with work to look like It's exactly what you're seeing right now. Um, there are so many ways to, uh, make a piece off isometric global more prominent. And, uh, the most usual way to do that is, if you are, as I said, creating um a logo that is a visual game visual play with the senses. And, you know, if you if you have a G, but you can also see it e in it or something similar than by stressing out different types of the design, you will, um, make that play, uh, in the way that you want the your viewer, your audience to, um, to perceive it 5. Coloring With Gradient: here, here again. And I hope that you are ready to begin with coloring our logo. So we will do two types of coloring. One will be with color, and the other one will be with a pattern. Now going back to her first logo. Let's start with the patterns first, and I will use a star. So I'm just going to draw a very small, cute star and I'm gonna color it red like that. And then I'm gonna click on that star and I'm gonna open the swatch panel. So here they are, swatches on. I'm just gonna click and drag with this tar over there, and that's going to create the pattern out of it right away. So what? I want to choose here first, I'm gonna name it, Star, and I'm gonna choose Bring Vairo. And then I'm just gonna split the whole thing a little bit. Maybe 1 55 Make sure to have the maintained with and height proportions turned on so that your pattern scales proportionately and then I'm just gonna seem done. OK, so now make sure that the pattern that we just created this selected you should see it here in the Phil and I won't assume in a little bit. Let's zoom out first and look our logo that would create a command to or just go to object lock selection. And now I will zoom in again, grabbed a pen tool, and just start drawing on the sides that you want to have the pattern just like that. Keep moving. And I want inside of Dio So say to the top here on the G, I thought maybe the block side and what I meant when I said, um, that you can play with it and choose how your love with work to look like It's exactly what you're seeing right now. Um, there are so many ways to, uh, make a piece off isometric global, more prominent. And, uh, the most usual way to do that is, if you are, as I said, creating um a logo that is a visual game visual play with the senses. And, you know, if you if you have a G, but you can also see it e in it or something similar than by stressing out different types of the design, you will, um, make that play, uh, in the way that you want the your viewer, your audience to, um to perceive it. Now let's move on to the bottom one. Here we were do a similar thing, but it will not be patent. It will be a color, and we will use a radiant in the situation. Um, again, make sure your holy logo concept is locked. And then let's grab the pen. Tal. I will open a library with Iranians, and I will just choose one of them spectrums. Let's say and I will start doing pretty much the same thing as I did Wake the Passion one. I will show you in a second how to, um, change the color of the whole composition. That is what you want. And I think that is what we will need to do, because this is looking a bit too colorful. But for the purposes off learning how continues to color as well. I'm happy that it turned out like this. Let's do the same sides. And you did this one here too. And this tiny part that and finally the old Okay, Now what you have here is, um, a more or less not that appealing. How's the color Let's learn how to change it. So make sure you have selected all off the objects, the shapes that we've just created, all of them. And let's go to Pathfinder. Merge. Now let's try to change the car. So we didn't select this dining part here. That's OK. Back to that finder Merge. Let's try to give it something different now. As you can see, we can change the color of these parts just by using the Pathfinder. Let's try something else. And now, since we have been drawing without strokes, the's shapes that we created do not have a strong. We can easily change that by using our Red stroke here like this. Let's see, How does that look? Know that looks much better. Let's zoom out and see how our logo looks like now. Now, as you can see, our logo got much more dimension right now, and, um, it's looking much more appealing. We can also change the entire a colored entire logo and make it one color. Let's see how we can do that. That's unlock everything, and I will show you when you select everything here, make sure that you have selected everything Citic everything go to object path outlines stroke and then go back to that finder. And now press unite here in the shape months, and that should give the whole logo one single color. So let's try to change the color of it now, um, that c radiant. Let's just leave three or four colors. Yeah, and see how that looks. Or maybe just to three. And finally, before we finish it off, I just quickly want to show you how you can make your radiant on the local scene less and very nicely blended. So you will go to the greedy in tool here or prestige on your keyboard, and you will just click and drag in the direction in which you want your radiant to spread based on this color palette here. So I'm just going to click and drag across the logo, and that's going to give us one seamless, smooth, very nicely blended radiant. So you can also play with this from another direction, Um, or from or diagonally if you want, it will always give you kind of a different blend and a different saturation off the colors . I will just keep mine like this because my logo is going in that direction, so everything is looks well balanced and kind of moving in the same direction. So now when I, uh, let gold selection, you can see how everything became one seamless, very nicely blended, radiant on. I think it's a very nice looking logo that it's called the logo, Um, and that actually gives a bit more perspective on the way locals can look at that. You know, logo does not just need to be a flat, boring, timeless designs. I believe that even though timeless designs do work, the best on global design should be. A logo design project should be made in such a way that the logo that you're creating for plant should before the generations that company to come. But I also think that isometric logos are very well fitted in today's start up a new companies environment, and you should definitely check out the isometric grid. And if nothing just tried to create something in it because it is really a lot of fun, and they're very relaxing and unique experience. So I hope that you found this, uh, logo tutorial interesting. And if you have any suggestions or any thoughts. Anything you would like to ask or just give your criticism. I would love to hear from you. I read all of your comments. I check all of your projects and I am really looking forward to meeting you. Thank you for watching this video. If you like this video, please consider giving you the thumbs up. Because in that way, other students may enjoy the video as well. And I think continue making videos like this where I can show you the things that I have learned in Illustrator on Photoshopped.