1 00:00:03,690 --> 00:00:06,080 Hi there and welcome to Aitken's. 2 00:00:06,480 --> 00:00:12,300 We are going to create very many icons, I'm sure, you know, there is a science called iconography. 3 00:00:12,420 --> 00:00:17,670 I don't know if it's a science, but it's called iconography, meaning the art of creating icons. 4 00:00:17,910 --> 00:00:19,290 And I would like to start you up. 5 00:00:19,650 --> 00:00:23,640 Maybe this is something that inspires you and you really want to do icons. 6 00:00:24,000 --> 00:00:24,600 Some of them. 7 00:00:24,600 --> 00:00:26,370 It's a real business doing icons. 8 00:00:27,430 --> 00:00:28,490 How do you create icons? 9 00:00:28,630 --> 00:00:31,460 First of all, you do not work on an art board. 10 00:00:31,480 --> 00:00:34,260 I'm going to come to edit out board and it's a letter. 11 00:00:34,270 --> 00:00:37,920 So you start creating icons here or when I can by letter. 12 00:00:37,930 --> 00:00:40,180 It's not really practical. 13 00:00:40,360 --> 00:00:45,120 What you want is to have a certain size for the output of certain dimensions. 14 00:00:45,790 --> 00:00:50,510 The most common are 24 by 24 points, 48 by 48. 15 00:00:50,530 --> 00:00:54,880 And you multiply until you get to five, 12 by five, 12 points. 16 00:00:55,690 --> 00:00:57,730 Four hours is 30 by 30. 17 00:00:57,730 --> 00:00:59,650 And I think you multiply something like this. 18 00:00:59,650 --> 00:01:00,760 But I can work. 19 00:01:00,760 --> 00:01:05,770 It's no problem as long as you have a certain symmetry or a certain size. 20 00:01:06,440 --> 00:01:11,990 Now, of course, we're going to take our art board and reduce it to 96 by 96. 21 00:01:12,010 --> 00:01:16,060 This is a size we are going to work with in our course to do that. 22 00:01:16,060 --> 00:01:19,900 We just changed in 96 by 96. 23 00:01:22,090 --> 00:01:25,640 So we have a very small airport, not really zoom, it's going to be very big. 24 00:01:26,250 --> 00:01:28,860 I want to create eight icons for the course. 25 00:01:29,230 --> 00:01:32,010 We can even create more make file for icons. 26 00:01:32,020 --> 00:01:35,880 And as soon as you are inspired, you know, I can make it, you know, awesome. 27 00:01:36,160 --> 00:01:41,710 And also, you can get inspired to issue a lot of tricks and tips, how to make icons with the least 28 00:01:41,710 --> 00:01:42,840 detail possible. 29 00:01:43,690 --> 00:01:45,340 Can I add another seven? 30 00:01:45,340 --> 00:01:47,620 So I click on the plus here all the way. 31 00:01:47,890 --> 00:01:54,100 And now I have eight albums you notice, but I don't want them like this is just linear. 32 00:01:54,110 --> 00:01:59,100 You know, I would like to put them in two rows and four columns to do that. 33 00:01:59,110 --> 00:02:06,610 You come to rearrange all and there are several ways to arrange them columns than row or grid by row. 34 00:02:07,030 --> 00:02:10,010 And this is first columns and then rows. 35 00:02:10,030 --> 00:02:15,230 I will go for the first one, which is good, and I want four columns and especially 20 will work. 36 00:02:15,230 --> 00:02:17,740 OK, we always had this move. 37 00:02:17,740 --> 00:02:19,480 Artwork was Albert. 38 00:02:19,480 --> 00:02:23,280 So if you move the Albert around, the artwork inside the Albert will move. 39 00:02:23,470 --> 00:02:24,520 That's pretty practical. 40 00:02:24,970 --> 00:02:32,110 I'm going to click OK, and now you have eight cardboard symmetric on your file and select the first 41 00:02:32,110 --> 00:02:37,800 one and press control or command a zero and we start to draw our first item. 42 00:02:38,240 --> 00:02:41,440 I'm going to draw the home icon, which is actually a house. 43 00:02:42,130 --> 00:02:47,290 Now, I need one single guide here and is the one in the center. 44 00:02:47,920 --> 00:02:56,740 I'm going to open the rulers that's control are or are and then drag one of them, then go to view and 45 00:02:56,740 --> 00:03:00,700 make sure in guides here I have them unlocked. 46 00:03:00,700 --> 00:03:05,140 So I click on log guides, then come over and select my guide. 47 00:03:05,140 --> 00:03:09,790 Not this is Bruce selected and just a line and I resent it. 48 00:03:09,790 --> 00:03:11,740 So now I have the middle of the document. 49 00:03:11,740 --> 00:03:12,970 That's all I need. 50 00:03:13,600 --> 00:03:17,230 Then go back to view and guides and my guide. 51 00:03:18,340 --> 00:03:25,780 I'm going to start with a rectangle in a nice, big, fat, lots of attracting, I think you should 52 00:03:25,780 --> 00:03:28,380 do when you're designing is the fin and the stroke. 53 00:03:29,020 --> 00:03:30,820 I'm not going to have a stroke of one. 54 00:03:30,820 --> 00:03:35,740 I'm going to reduce it to zero point twenty five just to see exactly and precisely what I'm doing. 55 00:03:36,310 --> 00:03:38,500 And I want the feel to be no filler at all. 56 00:03:38,510 --> 00:03:39,550 I can change that little. 57 00:03:40,860 --> 00:03:48,120 I have my rectangle, which represent the ceiling or the rooftop of the house or the room, but I'm 58 00:03:48,120 --> 00:03:49,270 going to align it in the middle. 59 00:03:49,590 --> 00:03:53,910 Then I'm going to draw the body of the house, which is a rectangle. 60 00:03:55,800 --> 00:03:57,420 And also, Lynette. 61 00:03:58,520 --> 00:04:04,670 Now, I needed to create this angle, shape or the shape or the inverted V shape, if you like, how 62 00:04:04,670 --> 00:04:05,250 would I do that? 63 00:04:05,630 --> 00:04:12,470 It's pretty easy to select whatever you want to select, to create and then go to the pental and just 64 00:04:12,470 --> 00:04:13,700 add an anchor point here. 65 00:04:14,110 --> 00:04:15,950 Notice you need the plus sign. 66 00:04:16,860 --> 00:04:18,090 Another plus sign. 67 00:04:18,940 --> 00:04:21,500 And I wish I can do this guy, but it's not happening. 68 00:04:21,520 --> 00:04:24,430 You notice I cannot find the plus side. 69 00:04:24,650 --> 00:04:27,530 I'm going to select select only this guy here. 70 00:04:27,970 --> 00:04:31,350 Go to the pen to come very nicely. 71 00:04:31,360 --> 00:04:32,650 I can see the place now. 72 00:04:33,420 --> 00:04:39,090 If ever you don't see the press with the better, it means the object is not selected less control zero. 73 00:04:40,350 --> 00:04:46,050 And go for the direct selection to select the three anchor points, a shift and take them on. 74 00:04:46,940 --> 00:04:54,080 Didn't work very nicely deselect at this point only and take it down, make it as symmetric as possible. 75 00:04:54,590 --> 00:04:58,310 I think the roof is too high so I'm going to take it a bit down. 76 00:04:59,740 --> 00:05:05,230 Now, if you think it is too wide, you can just make it smaller and readjust everything. 77 00:05:06,360 --> 00:05:07,710 That's OK, for our example. 78 00:05:08,010 --> 00:05:10,070 I would like to create a chimney. 79 00:05:10,320 --> 00:05:13,700 I'm going to put the chimney just over here, take it down. 80 00:05:15,260 --> 00:05:16,750 Then that is Section two. 81 00:05:16,790 --> 00:05:23,810 I'm going to start using the shortcut A and V to switch in between the selection tools, so I now select 82 00:05:23,810 --> 00:05:26,710 only this point and shift and take it down. 83 00:05:28,560 --> 00:05:33,240 It's Palin now, I would like to add the door, the door will come from here. 84 00:05:34,100 --> 00:05:41,280 That's very fine, but I don't want this line here, the way to do it is to punch the door out. 85 00:05:41,660 --> 00:05:44,320 I've said both of them, the body and the door. 86 00:05:44,540 --> 00:05:50,120 And here you have the partial to minus front called the punching to. 87 00:05:52,050 --> 00:05:54,210 So the door is part of the big ship that. 88 00:05:54,980 --> 00:05:57,860 I want to add the window here is the window here. 89 00:05:58,960 --> 00:05:59,770 Very nice. 90 00:06:01,040 --> 00:06:04,370 I would like to punch the window in, I punch it out here. 91 00:06:05,730 --> 00:06:10,410 Though you have punched them out, you can really strike them and still move them around the door, 92 00:06:10,410 --> 00:06:14,040 you will move it, for example, by these direct election. 93 00:06:15,230 --> 00:06:21,710 And selecting all the points and then click on one of the path and just move it around, remember to 94 00:06:21,710 --> 00:06:22,400 press the shift. 95 00:06:24,560 --> 00:06:25,250 Let's go out. 96 00:06:25,970 --> 00:06:32,090 This is your first I can is it just a line and of course, you can change the stroke now to make it 97 00:06:32,090 --> 00:06:34,570 a bit thicker, but I want to do something else with you. 98 00:06:35,150 --> 00:06:37,360 I want to make it a Blackfield icon. 99 00:06:37,970 --> 00:06:43,070 I'm going to say whatever it's supposed to be, black, I think this and then go to the field and make 100 00:06:43,070 --> 00:06:43,730 them black. 101 00:06:44,740 --> 00:06:50,430 Now we have a different icon, it's a whole new category for the black, I'm going to just do like this. 102 00:06:50,440 --> 00:06:51,180 I like this one. 103 00:06:51,760 --> 00:06:55,870 And here, if I find like, it's not very well positioned, I can position it. 104 00:06:56,950 --> 00:07:03,080 I would like to add some brownness, not too much, just some brownness, click and take it down. 105 00:07:03,400 --> 00:07:04,750 Now I'm reading the number here. 106 00:07:04,760 --> 00:07:05,930 Don't go very far. 107 00:07:05,950 --> 00:07:13,390 Actually, that's not what I want to do on a select only this anchor point and the one below and take 108 00:07:13,390 --> 00:07:13,800 them down. 109 00:07:15,000 --> 00:07:17,520 I will go for one point five, I can. 110 00:07:18,390 --> 00:07:19,260 Something like this. 111 00:07:20,320 --> 00:07:25,760 I'm going to check the borders, this one and this one, and just take them to the maximum. 112 00:07:25,780 --> 00:07:26,500 I like that. 113 00:07:27,960 --> 00:07:35,980 Let's take the House now with the White Arrow, suppress a select these three points here, a selected 114 00:07:36,060 --> 00:07:42,450 lot, select this swampers, shift this one and this one's already set and take them down just a bit. 115 00:07:43,370 --> 00:07:44,820 One point five will do best. 116 00:07:45,130 --> 00:07:45,410 That's. 117 00:07:46,540 --> 00:07:52,120 The window here selected is going to make trouble, this one, and have to select each corner. 118 00:07:53,490 --> 00:07:55,310 And really very little. 119 00:07:55,330 --> 00:07:57,190 Don't go like this, OK? 120 00:07:57,210 --> 00:07:58,620 I'm just very little. 121 00:07:58,630 --> 00:07:59,970 I will go zero point five. 122 00:07:59,970 --> 00:08:00,420 I like it. 123 00:08:00,930 --> 00:08:01,840 I'm going to leave it there. 124 00:08:02,520 --> 00:08:03,170 It didn't work. 125 00:08:03,900 --> 00:08:07,020 I'm going to just take it down zero point five, I said. 126 00:08:08,430 --> 00:08:14,550 016 would also do for the door here, I'm going to select this two on top so this one and shift click 127 00:08:14,580 --> 00:08:17,830 this one to make sure I just make it a bit roundish. 128 00:08:18,390 --> 00:08:24,240 Jemini, I'm going to select the top ones, the top corners or the anchor points and just make it just 129 00:08:24,240 --> 00:08:24,690 like this. 130 00:08:26,540 --> 00:08:32,830 You have created your first I can I like to see them like this, this is the first I can was the guide. 131 00:08:32,840 --> 00:08:36,740 Let's go to view and guys and hide them. 132 00:08:36,950 --> 00:08:38,580 So it's good to learn the shortcuts. 133 00:08:38,900 --> 00:08:39,730 It's not bad. 134 00:08:39,740 --> 00:08:41,420 I would work on it even more. 135 00:08:41,690 --> 00:08:47,390 I will make the rooftop a bit bigger or smaller, something like this, aesthetics and this one. 136 00:08:47,390 --> 00:08:50,000 I can just make it maybe smaller. 137 00:08:51,830 --> 00:08:56,090 Then with the selection to select everything, election to. 138 00:08:57,160 --> 00:08:58,210 And make it a bit bigger. 139 00:08:58,990 --> 00:09:07,690 But I'm still within the limit of 96 by 96 and of course, group it now a line in the middle and I have 140 00:09:07,690 --> 00:09:08,410 my first. 141 00:09:08,410 --> 00:09:10,840 I can I can already start publishing it. 142 00:09:11,440 --> 00:09:12,070 Thank you, guys. 143 00:09:12,100 --> 00:09:13,630 We learn how to set the art board. 144 00:09:13,870 --> 00:09:17,410 We create our first icon, which is not magnificent, but it's a start. 145 00:09:17,710 --> 00:09:20,130 And you learn a few tips in the next lecture. 146 00:09:20,540 --> 00:09:23,020 We're going to do even more awesome icon.