1 00:00:00,000 --> 00:00:02,210 [Treehouse presents] 2 00:00:02,210 --> 00:00:05,750 [Quick Tips][Creating Basic Shapes in Adobe Illustrator][with Mat Helme] 3 00:00:05,750 --> 00:00:09,430 Hey, what's up—Mat Helme here with a Treehouse Quick Tip: 4 00:00:09,430 --> 00:00:13,320 Creating basic shapes with Adobe Illustrator CS6. 5 00:00:13,320 --> 00:00:16,530 After we fire up Illustrator and create a new document, 6 00:00:16,530 --> 00:00:19,460 let's head over to the Tools Panel and drag out the Shape tools. 7 00:00:19,460 --> 00:00:22,920 We can do this by grabbing the rectangle, 8 00:00:22,920 --> 00:00:25,920 selecting and holding, 9 00:00:25,920 --> 00:00:28,920 and then releasing on the outer arrow to pull out all of the shapes. 10 00:00:28,920 --> 00:00:31,120 With the Rectangle tool selected, 11 00:00:31,120 --> 00:00:38,370 let's get rid of the stroke and change the color of the fill to—say—red. 12 00:00:39,140 --> 00:00:45,030 Now, clicking and holding down, you can place the rectangle shape onto the canvas. 13 00:00:47,220 --> 00:00:54,760 If you wish to make a square, you can simply hold Shift, and it will scale it proportionally for you. 14 00:00:54,760 --> 00:01:00,350 Now, if you want to make a square at a specific size—say 200 pixels x 200 pixels, 15 00:01:00,350 --> 00:01:05,099 simply select the canvas with the Rectangle tool, and a window will pop up; 16 00:01:05,099 --> 00:01:07,070 it'll ask you for the width and height. 17 00:01:07,070 --> 00:01:13,300 So, 200 pixels x 200 pixels, select OK, 18 00:01:13,300 --> 00:01:19,570 and you can see we have our perfect rectangle at 200 pixels x 200 pixels. 19 00:01:19,570 --> 00:01:23,970 Now, let's grab the Rounded Rectangle tool, and—again— 20 00:01:23,970 --> 00:01:29,050 select the canvas, and we will do 200 pixels x 200 pixels. 21 00:01:29,050 --> 00:01:30,970 Now, we're given a corner radius; 22 00:01:30,970 --> 00:01:34,000 let's give it a corner radius of 20 pixels. 23 00:01:36,040 --> 00:01:41,870 And again, we have our perfect rounded rectangle with the corner radius of 20 pixels. 24 00:01:43,250 --> 00:01:46,290 Now, say if I want to make this 300 pixels wide, 25 00:01:46,290 --> 00:01:51,310 I simply transform it out to width 300 pixels, 26 00:01:51,310 --> 00:01:53,700 and notice how our corner radius stretched. 27 00:01:56,850 --> 00:02:02,480 Now, a quick tip here for making rounding corners is you take the Rectangle tool, 28 00:02:02,480 --> 00:02:09,210 let's select a square here, go to Effect, Stylize, and select Rounded Corners. 29 00:02:11,250 --> 00:02:17,170 Now we can select our radius—say—50 pixels, preview it—it looks good— 30 00:02:17,170 --> 00:02:22,020 and when we stretch that, you can see our corner radius stays correct throughout. 31 00:02:23,400 --> 00:02:25,850 Now, let's select our Ellipse tool, 32 00:02:25,850 --> 00:02:36,040 and with this tool we can make ovals or circles by holding Shift just like the Rectangle tool. 33 00:02:37,810 --> 00:02:39,770 Next, let's grab the Polygon tool, 34 00:02:39,770 --> 00:02:44,950 and what's great about the Polygon tool is we can add and subtract points to it. 35 00:02:44,950 --> 00:02:49,020 So it defaults as the Polygon tool but very easily—if I press the down arrow twice— 36 00:02:49,020 --> 00:02:52,240 we now have a square, and one more, a triangle. 37 00:02:53,610 --> 00:02:55,690 This works the same as adding; 38 00:02:55,690 --> 00:02:57,930 we press the up arrow, and it then adds points. 39 00:03:01,930 --> 00:03:03,590 This is the same for the Star tool. 40 00:03:05,850 --> 00:03:09,720 You can simply create a 5-point star as default, 41 00:03:09,720 --> 00:03:13,720 but say if we wanted to turn this into—say—a sun icon, 42 00:03:13,720 --> 00:03:19,040 I can then add many points by just holding down the up key and changing the color. 43 00:03:23,250 --> 00:03:25,460 The last tool you will see here is the Flare tool. 44 00:03:25,460 --> 00:03:28,190 I wouldn't worry too much about the Flare tool; 45 00:03:28,190 --> 00:03:30,860 it's been around for about as long as I've been using Illustrator, 46 00:03:30,860 --> 00:03:32,250 and I've really never used it. 47 00:03:32,250 --> 00:03:35,310 It's kind of like an Easter egg in Adobe Illustrator. 48 00:03:35,310 --> 00:03:38,950 Basically what it does is it puts a lens flare on everything. 49 00:03:38,950 --> 00:03:41,420 Not that cool. 50 00:03:41,420 --> 00:03:47,950 That about wraps up our quick tips for creating shapes in Adobe Illustrator CS6. 51 00:03:47,950 --> 00:03:52,690 For more in-depth tutorials and projects using Adobe Illustrator CS6, 52 00:03:52,690 --> 00:03:57,590 head over to Treehouse and treat yourself to a gold membership—you deserve it!