Illustrator Pixel Perfect | How To Create A Pixel Perfect Icon With Illustrator Cc

Youtube URL:


Subscribe Here





How To Create A Pixel Perfect Icon With Illustrator Cc


[MUSIC] I need to produce exhibition on the shoe. I’ll let you know what I’ve done to set this all up, so let’s go to the Preferences box or dialogue box, okay. I’ll go ahead and just drag this to the center of the screen notice in the general section. You see, key word agreement. Just one pixel. Good to go, Okay, next, we go to units. Make sure that general is set to pixels. Stroke is set to pixel’s guide and grid grid line, every one pixels subdivisions, one pixel click. OK, you’re good to go. The other thing that you need to do is when you go to the View menu. So you go go toward the bottom. We’re just kind of here there. It is youll. See, show grid. My screen has hydrent because I’ve already selected show grid simple, right and make sure that snap to grid snap to pixel and snap points are selected. You’re good to go. Now you see a grid, so without the grid, we see absolutely nothing blank. It’s going to be a bit tough to create pixel art without that grisco it’s just good to have it displayed, and I will show you what now, alright, so switch the blue and start here and I will to this point here because I am trying to make sure that I get a solid line of pixels versus half pixels. So those of you who don’t know what a pickles are and let me tell you assure you when we have some type of setup where you got a notice how it’s snapping to that pixel grid where it’s here. I’m going to show you snap the grid, snap the pixel so that is snapping to grid snap to pixel. So we induce not to pixel now. We can do this notice. How half of these boxes down here? And these pixel boxes are filled. That’s a half picture now. If I turn this blue rectangular shaped row of pixels into black. You can actually see it, actually. I’ll keep the black, so let me see, which is blue. Which black and where they have this apart so now that we’ve gone over 1/2 pixels. Remember, we want to avoid half pixels so so we need to make sure that snapped a pixel and snap to grid are checked cool, and since we don’t have a full pixel box here and also, if all right, rectangle tool, if you want to select the rectangle tool with your mouse, of course, you know if it is, but the shortcut to the rectangle tool is and cool. Got it cool, and since we’re avoiding half pixels and we need this to go in the diagonal direction we avoid filling this box here. Control-z commands on the Mac coming out loud and I pressed be to select the selection tool. Okay, so now we need them a little bit left direction. Em, that’s here Because I can actually start moving upward diagonally here, and we just in flat there, and, of course, with these guys, that’s pretty simple. Okay, stretch that one out. Stretch it out even more and we can do this, got it. Now this section here. You would think that a straight line down there. Be okay, but notice how it’s a little small. So let’s just do this. Hurry and do this, huh? And one more and here one more. Oops, and we go up now. These little lines that suggest the shear is in motion done. And that’s what you need to do, so let’s say, for example. I I don’t know because of the resolution of the Veil. The screen recorder. I’m not sure if you’re actually going to get to see how crisp and clean this looks so go to the layer here. Turn off the bottom layer. I’m going to go down, you press command and the minus key. You go down until on the bottom left is where you some percentage in terms of scale. I’m not 100 right now for me because I can see it on my screen. It looks pretty clear, so now if I wanted to say, for example, I’m going to go ahead and highlight and group Command G. And then what I’m going to do is. I’m going to hide that shoe and I’m going to display the ownership. I’m not sure if you can see this, but I can. I see half pixels and it looks fuzzy so now that we’ve created a pixel version of that shoe, I will be using the total version of that shoe because I’m dealing with a 16 by 16 width and height. So there you have it boom, right, and oh, oh, you’re welcome. [music] you!