[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:05.09,Default,,0000,0000,0000,,Prof Vaughn: Let's keep thinking about \Nhow we're going to use illustrator,
Dialogue: 0,0:00:05.09,0:00:08.50,Default,,0000,0000,0000,,to make our, basic drawings.
Dialogue: 0,0:00:08.50,0:00:10.11,Default,,0000,0000,0000,,So when we think about drawing, it is
Dialogue: 0,0:00:10.11,0:00:13.80,Default,,0000,0000,0000,,perfectly fine if you have zero drawing\Nskills.
Dialogue: 0,0:00:13.80,0:00:19.50,Default,,0000,0000,0000,,Most people think, that you need to have,\Num, this like very fluid ability to use
Dialogue: 0,0:00:19.50,0:00:25.11,Default,,0000,0000,0000,,a pen or a pencil or charcoal to make\Nsomething hand drawn, with hand to paper.
Dialogue: 0,0:00:25.11,0:00:28.78,Default,,0000,0000,0000,,When we're thinking of illustrator we're\Ngonna start in a slightly
Dialogue: 0,0:00:28.78,0:00:29.84,Default,,0000,0000,0000,,different format.
Dialogue: 0,0:00:29.84,0:00:34.01,Default,,0000,0000,0000,,We're going to think about the way\Nvectors, so here's a vector image,
Dialogue: 0,0:00:34.01,0:00:37.83,Default,,0000,0000,0000,,the way vectors are really just made of\Nbasic shapes.
Dialogue: 0,0:00:37.83,0:00:43.20,Default,,0000,0000,0000,,So the first way to tackle the idea of \Ndrawing in illustrator is to just break
Dialogue: 0,0:00:43.20,0:00:49.51,Default,,0000,0000,0000,,apart any image, or any idea, into its\Nmost fundamental shapes.
Dialogue: 0,0:00:49.51,0:00:53.74,Default,,0000,0000,0000,,So this is actually a really lovely\Ndrawing here, done in illustrator.
Dialogue: 0,0:00:53.74,0:00:57.70,Default,,0000,0000,0000,,Uh, very nice sort of vector based\Nportrait, we could call this.
Dialogue: 0,0:00:57.70,0:01:00.63,Default,,0000,0000,0000,,I want you to see what this is.
Dialogue: 0,0:01:00.63,0:01:02.02,Default,,0000,0000,0000,,What is this made of?
Dialogue: 0,0:01:02.02,0:01:05.20,Default,,0000,0000,0000,,At its most basic form, we could think\Nabout this in terms of
Dialogue: 0,0:01:05.20,0:01:06.84,Default,,0000,0000,0000,,basic, basic, basic, shapes.
Dialogue: 0,0:01:06.84,0:01:08.91,Default,,0000,0000,0000,,So, we'll start at the bottom.
Dialogue: 0,0:01:08.91,0:01:12.36,Default,,0000,0000,0000,,We've got this kind of, uh, black shape\Nhere.
Dialogue: 0,0:01:12.36,0:01:13.76,Default,,0000,0000,0000,,We've got a blue one.
Dialogue: 0,0:01:13.76,0:01:16.98,Default,,0000,0000,0000,,Basically got a soft kind of round\Ntriangle.
Dialogue: 0,0:01:16.98,0:01:21.84,Default,,0000,0000,0000,,We've got some half circles, here's some\Nmore half circles.
Dialogue: 0,0:01:21.84,0:01:26.57,Default,,0000,0000,0000,,Y'know the mouth is some sort of a circle\Nwith a layer of white over it.
Dialogue: 0,0:01:26.57,0:01:31.18,Default,,0000,0000,0000,,Our hair is basically a circle that's\Nbroken up into some wavy shapes.
Dialogue: 0,0:01:31.18,0:01:34.65,Default,,0000,0000,0000,,Our background is just one square of pink.
Dialogue: 0,0:01:34.65,0:01:40.15,Default,,0000,0000,0000,,So we're thinking about sort of looking at\Nillustrations and breaking them down
Dialogue: 0,0:01:40.15,0:01:43.15,Default,,0000,0000,0000,,into their most basic forms.
Dialogue: 0,0:01:43.15,0:01:45.54,Default,,0000,0000,0000,,From there, we can use our basic shapes
Dialogue: 0,0:01:45.54,0:01:47.77,Default,,0000,0000,0000,,in illustrator to start drawing these\Nobjects.
Dialogue: 0,0:01:47.77,0:01:51.83,Default,,0000,0000,0000,,Now this one has some, sort of complicated\Nshapes that we'll get to.
Dialogue: 0,0:01:51.83,0:01:54.50,Default,,0000,0000,0000,,We can do the same with any logo.
Dialogue: 0,0:01:54.50,0:01:56.85,Default,,0000,0000,0000,,So think about how a logo looks.
Dialogue: 0,0:01:56.85,0:01:59.40,Default,,0000,0000,0000,,I want you to start sort of\Ndiagnosing it.
Dialogue: 0,0:01:59.40,0:02:03.65,Default,,0000,0000,0000,,Here we've got a circle of, a light, kind\Nof mid-orange color maybe?
Dialogue: 0,0:02:03.65,0:02:05.60,Default,,0000,0000,0000,,We've got a white circle,
Dialogue: 0,0:02:05.60,0:02:11.66,Default,,0000,0000,0000,,and then we have these petal shapes,\Nwith some little white yellowish oblongs.
Dialogue: 0,0:02:11.66,0:02:18.35,Default,,0000,0000,0000,,Our straw here is basically just like a\Nline or rectangle, we have our leaf shape.
Dialogue: 0,0:02:18.35,0:02:23.69,Default,,0000,0000,0000,,It's all about basic shapes layered \Non top of each other, to give the illusion
Dialogue: 0,0:02:23.69,0:02:26.57,Default,,0000,0000,0000,,of a three dimensional object.
Dialogue: 0,0:02:26.57,0:02:29.03,Default,,0000,0000,0000,,Here, water drops, it's all about the\Napplication of
Dialogue: 0,0:02:29.03,0:02:33.25,Default,,0000,0000,0000,,color, shading, highlighting, but\Nessentially,
Dialogue: 0,0:02:33.25,0:02:35.71,Default,,0000,0000,0000,,these are all pretty basic shapes.
Dialogue: 0,0:02:35.71,0:02:42.28,Default,,0000,0000,0000,,So, start to look at things for what they\Nare, in terms of their most basic shape.
Dialogue: 0,0:02:42.28,0:02:46.07,Default,,0000,0000,0000,,When we're in illustrator, I'm gonna go \Nover the basic shapes today,
Dialogue: 0,0:02:46.07,0:02:47.91,Default,,0000,0000,0000,,how we use them.
Dialogue: 0,0:02:47.91,0:02:51.98,Default,,0000,0000,0000,,Um, you're gonna start practicing, and I'm\Ngonna give you a practice file to work
Dialogue: 0,0:02:51.98,0:02:55.56,Default,,0000,0000,0000,,with, where you end up drawing something\Nusing just basic shapes.
Dialogue: 0,0:02:55.56,0:02:58.56,Default,,0000,0000,0000,,But let's start looking at our tools, so
Dialogue: 0,0:02:58.56,0:03:01.67,Default,,0000,0000,0000,,here I have a single artboard document\Nstill.
Dialogue: 0,0:03:01.67,0:03:03.77,Default,,0000,0000,0000,,You can zoom in or zoom out.
Dialogue: 0,0:03:03.77,0:03:06.72,Default,,0000,0000,0000,,We're gonna do all of the work, on this\Nwhite document.
Dialogue: 0,0:03:06.72,0:03:11.34,Default,,0000,0000,0000,,So starting at the top, of illustrators \Ntools, we have a selection tool,
Dialogue: 0,0:03:11.34,0:03:13.73,Default,,0000,0000,0000,,and a direct selection tool.
Dialogue: 0,0:03:13.73,0:03:17.30,Default,,0000,0000,0000,,These are gonna be important, we're gonna\Ncome back to them in just a minute.
Dialogue: 0,0:03:17.30,0:03:21.90,Default,,0000,0000,0000,,These are the tools that we will use to \Nedit, our shapes.
Dialogue: 0,0:03:21.90,0:03:25.17,Default,,0000,0000,0000,,So in illustrator we're working with real \Nbasic shapes,
Dialogue: 0,0:03:25.17,0:03:27.19,Default,,0000,0000,0000,,we're gonna start with the given tools.
Dialogue: 0,0:03:27.19,0:03:29.39,Default,,0000,0000,0000,,So we got a rectangle tool here.
Dialogue: 0,0:03:29.39,0:03:32.28,Default,,0000,0000,0000,,If you click and hold, we have rectangle
Dialogue: 0,0:03:32.28,0:03:36.18,Default,,0000,0000,0000,,ellipse, that's a circle, polygon, star, \Nline segment.
Dialogue: 0,0:03:36.18,0:03:39.25,Default,,0000,0000,0000,,So let's just start with our basic \Nrectangle tool.
Dialogue: 0,0:03:39.25,0:03:43.49,Default,,0000,0000,0000,,As you use your tools for shapes, you're\Nsimply gonna come into your document,
Dialogue: 0,0:03:43.49,0:03:45.40,Default,,0000,0000,0000,,and click and drag.
Dialogue: 0,0:03:45.40,0:03:50.91,Default,,0000,0000,0000,,Whatever shape you drag to will be the\Nshape that is drawn, now,
Dialogue: 0,0:03:50.91,0:03:54.64,Default,,0000,0000,0000,,automatically, you see this blue bounding\Nbox.
Dialogue: 0,0:03:54.64,0:03:59.38,Default,,0000,0000,0000,,Might be a different color depending on\Nyour layers, but, each shape in
Dialogue: 0,0:03:59.38,0:04:02.59,Default,,0000,0000,0000,,illustrator is considered to be live.
Dialogue: 0,0:04:02.59,0:04:05.95,Default,,0000,0000,0000,,Unlike photoshop, where we would have \Nsomething, and we would have to
Dialogue: 0,0:04:05.95,0:04:09.17,Default,,0000,0000,0000,,transform it, with edit transform,\Nmenu option.
Dialogue: 0,0:04:09.17,0:04:12.21,Default,,0000,0000,0000,,In illustrator, they're sort of just \Nalways live.
Dialogue: 0,0:04:12.21,0:04:15.03,Default,,0000,0000,0000,,So they're kind of always ready to be \Nedited.
Dialogue: 0,0:04:15.03,0:04:19.51,Default,,0000,0000,0000,,And we know that because we can see the\Nbounding box, all these blue lines,
Dialogue: 0,0:04:19.51,0:04:25.99,Default,,0000,0000,0000,,and white boxes, indicate that we can\Nedit the shape, in a number of ways.
Dialogue: 0,0:04:25.99,0:04:31.02,Default,,0000,0000,0000,,When we're thinking about, drawing a shape\Nand using color,
Dialogue: 0,0:04:31.02,0:04:32.89,Default,,0000,0000,0000,,we have two opportunities.
Dialogue: 0,0:04:32.89,0:04:36.43,Default,,0000,0000,0000,,We have the fill color, which is the\Nentirety of the object,
Dialogue: 0,0:04:36.43,0:04:39.25,Default,,0000,0000,0000,,as if a paint bucket has been dumped\Non it.
Dialogue: 0,0:04:39.25,0:04:42.77,Default,,0000,0000,0000,,Or, we have the edge color, which we're\Ngonna call stroke.
Dialogue: 0,0:04:42.77,0:04:46.27,Default,,0000,0000,0000,,We can edit these colors, from a few\Ndifferent places,
Dialogue: 0,0:04:46.27,0:04:49.72,Default,,0000,0000,0000,,we have our properties panel\Nright in the middle.
Dialogue: 0,0:04:49.72,0:04:53.81,Default,,0000,0000,0000,,The appearance is dedicated to how\Nthis object looks.
Dialogue: 0,0:04:53.81,0:04:57.71,Default,,0000,0000,0000,,So if I click on the fill-\Nhere is my color panel,
Dialogue: 0,0:04:57.71,0:04:59.83,Default,,0000,0000,0000,,I can choose a different color.
Dialogue: 0,0:04:59.83,0:05:02.67,Default,,0000,0000,0000,,You have different kinds of\Nswatches here.
Dialogue: 0,0:05:02.67,0:05:06.25,Default,,0000,0000,0000,,You have color, gradient, \Npattern, color, etc.
Dialogue: 0,0:05:06.25,0:05:08.64,Default,,0000,0000,0000,,So you can open up \Ndifferent swatches.
Dialogue: 0,0:05:08.64,0:05:12.24,Default,,0000,0000,0000,,We can talk a little bit more\Nabout this panel later, um,
Dialogue: 0,0:05:12.24,0:05:14.19,Default,,0000,0000,0000,,but all kinds of opportunities here.
Dialogue: 0,0:05:14.19,0:05:16.100,Default,,0000,0000,0000,,If you don't like the swatch panel\Nwhere you are sort of seeing
Dialogue: 0,0:05:16.100,0:05:20.32,Default,,0000,0000,0000,,these little boxes of color,\Nthen you can use your little
Dialogue: 0,0:05:20.32,0:05:24.53,Default,,0000,0000,0000,,palette where you pick \Nfrom the color spectrum.
Dialogue: 0,0:05:24.53,0:05:28.23,Default,,0000,0000,0000,,And you can always move\Nthese around too.
Dialogue: 0,0:05:28.23,0:05:30.37,Default,,0000,0000,0000,,So two different opportunities there.
Dialogue: 0,0:05:30.37,0:05:32.89,Default,,0000,0000,0000,,Now again, we are in the fill color.
Dialogue: 0,0:05:32.89,0:05:36.46,Default,,0000,0000,0000,,If we choose the stroke color,\Nwe are talking about the outer edge.
Dialogue: 0,0:05:36.46,0:05:39.51,Default,,0000,0000,0000,,So, lets pick something really\Nnoticeable here.
Dialogue: 0,0:05:39.51,0:05:42.59,Default,,0000,0000,0000,,Lets pick this orange color.
Dialogue: 0,0:05:42.59,0:05:44.81,Default,,0000,0000,0000,,And I am going to increase the weight.
Dialogue: 0,0:05:44.81,0:05:49.15,Default,,0000,0000,0000,,So this is the point --\N10 point, stroke weight.
Dialogue: 0,0:05:49.15,0:05:51.13,Default,,0000,0000,0000,,That is that outside line.
Dialogue: 0,0:05:51.13,0:05:54.40,Default,,0000,0000,0000,,If you don't want to stroke,\Nclick back on that and
Dialogue: 0,0:05:54.40,0:05:55.99,Default,,0000,0000,0000,,use the none.
Dialogue: 0,0:05:55.99,0:05:58.29,Default,,0000,0000,0000,,Take that stroke off.
Dialogue: 0,0:05:58.29,0:06:01.76,Default,,0000,0000,0000,,We also have opacity here,\Nyou are familiar with this.
Dialogue: 0,0:06:01.76,0:06:05.24,Default,,0000,0000,0000,,So if we lower the opacity of this object,\Nyou are going to see-through,
Dialogue: 0,0:06:05.24,0:06:08.11,Default,,0000,0000,0000,,especially if there was another\Nshape behind it.
Dialogue: 0,0:06:08.11,0:06:11.77,Default,,0000,0000,0000,,So that is our basic appearance opportunity.
Dialogue: 0,0:06:11.77,0:06:15.82,Default,,0000,0000,0000,,We can also edit the color\Nfrom our tools panel.
Dialogue: 0,0:06:15.82,0:06:17.34,Default,,0000,0000,0000,,So here, same opportunity.
Dialogue: 0,0:06:17.34,0:06:22.09,Default,,0000,0000,0000,,There's that fill, double click,\Nyou can choose another color.
Dialogue: 0,0:06:22.09,0:06:27.71,Default,,0000,0000,0000,,If you want to use the stroke,\Ndouble click the stroke,
Dialogue: 0,0:06:27.71,0:06:29.15,Default,,0000,0000,0000,,choose a color.
Dialogue: 0,0:06:29.15,0:06:35.93,Default,,0000,0000,0000,,Okay, now here, that stroke is set\Nto one point so I would still
Dialogue: 0,0:06:35.93,0:06:37.92,Default,,0000,0000,0000,,have to come over here and\Nmake it a little bit bigger
Dialogue: 0,0:06:37.92,0:06:39.45,Default,,0000,0000,0000,,if I wanted to see it.
Dialogue: 0,0:06:39.45,0:06:41.77,Default,,0000,0000,0000,,So there is a way to change things.
Dialogue: 0,0:06:41.77,0:06:43.76,Default,,0000,0000,0000,,You also have an eye dropper.
Dialogue: 0,0:06:43.76,0:06:46.81,Default,,0000,0000,0000,,I am going to make another shape\Nreally quickly here and
Dialogue: 0,0:06:46.81,0:06:52.71,Default,,0000,0000,0000,,change its color just to give us\Nan idea.
Dialogue: 0,0:06:52.71,0:07:00.01,Default,,0000,0000,0000,,Okay, so if I wanted to pick up a color\Nfrom somewhere else in the document
Dialogue: 0,0:07:00.01,0:07:03.66,Default,,0000,0000,0000,,and apply it to this object,\Nit is very important that first
Dialogue: 0,0:07:03.66,0:07:05.43,Default,,0000,0000,0000,,I select this object.
Dialogue: 0,0:07:05.43,0:07:08.88,Default,,0000,0000,0000,,So I have used my black arrow,\Nwhich is a selection tool,
Dialogue: 0,0:07:08.88,0:07:09.97,Default,,0000,0000,0000,,and clicked on it.
Dialogue: 0,0:07:09.97,0:07:12.32,Default,,0000,0000,0000,,I know I have it because\Nof the bounding box.
Dialogue: 0,0:07:12.32,0:07:17.26,Default,,0000,0000,0000,,Now if I wanted to use the eye dropper,\Nmiddle of the tools panel,
Dialogue: 0,0:07:17.26,0:07:21.04,Default,,0000,0000,0000,,to select another color,\Nlets say I really want this
Dialogue: 0,0:07:21.04,0:07:25.12,Default,,0000,0000,0000,,same exact blue that I have here, \NI can just click on that blue
Dialogue: 0,0:07:25.12,0:07:30.62,Default,,0000,0000,0000,,and all of the apperance properities\Nof this blue box will be transferred
Dialogue: 0,0:07:30.62,0:07:32.47,Default,,0000,0000,0000,,to my other box.
Dialogue: 0,0:07:32.47,0:07:36.82,Default,,0000,0000,0000,,So that is another way\Nto apply color to an object.
Dialogue: 0,0:07:36.82,0:07:40.22,Default,,0000,0000,0000,,Okay, I am going to command Z, back us up,
Dialogue: 0,0:07:40.22,0:07:46.57,Default,,0000,0000,0000,,close up this little color window\Nand lets talk about our selection tools.
Dialogue: 0,0:07:46.57,0:07:51.24,Default,,0000,0000,0000,,So, first one up, basic\Nselection tool,
Dialogue: 0,0:07:51.24,0:07:53.01,Default,,0000,0000,0000,,it's a black arrow.
Dialogue: 0,0:07:53.01,0:07:56.36,Default,,0000,0000,0000,,This is the tool you are going to use \Nto grab your objects.
Dialogue: 0,0:07:56.36,0:08:01.02,Default,,0000,0000,0000,,Notice, as I click on each object,\NI have selected it,
Dialogue: 0,0:08:01.02,0:08:02.97,Default,,0000,0000,0000,,and now I can move it.
Dialogue: 0,0:08:02.97,0:08:06.79,Default,,0000,0000,0000,,It also opens up the opportunity\Nfor the bounding box.
Dialogue: 0,0:08:06.79,0:08:09.41,Default,,0000,0000,0000,,So the bounding box \Nacts like the transform tool
Dialogue: 0,0:08:09.41,0:08:10.46,Default,,0000,0000,0000,,in photoshop.
Dialogue: 0,0:08:10.46,0:08:13.85,Default,,0000,0000,0000,,I can scale it up or down,\Nmake it bigger, smaller,
Dialogue: 0,0:08:13.85,0:08:15.37,Default,,0000,0000,0000,,taller, wider.
Dialogue: 0,0:08:15.37,0:08:19.81,Default,,0000,0000,0000,,I am sort of free form scaling right now\Nfrom this corner.
Dialogue: 0,0:08:19.81,0:08:25.93,Default,,0000,0000,0000,,If you want to scale proportionally\Nhold shift on your keyboard.
Dialogue: 0,0:08:25.93,0:08:31.10,Default,,0000,0000,0000,,This will keep it in proportion,\Nso same ratio but bigger or smaller.
Dialogue: 0,0:08:31.10,0:08:35.99,Default,,0000,0000,0000,,Otherwise, you are sort of just\Nfree form, re-sizing objects
Dialogue: 0,0:08:35.99,0:08:37.97,Default,,0000,0000,0000,,to fit your need.
Dialogue: 0,0:08:37.97,0:08:40.71,Default,,0000,0000,0000,,As you are using this tool,\Nthe selection tool,
Dialogue: 0,0:08:40.71,0:08:44.81,Default,,0000,0000,0000,,if you come over to the middle area,\Nyou are not on a bounding box,
Dialogue: 0,0:08:44.81,0:08:48.15,Default,,0000,0000,0000,,you are just moving your object --\Nmoving your object.
Dialogue: 0,0:08:48.15,0:08:52.73,Default,,0000,0000,0000,,Other opportunities with our black\Nselection tool.
Dialogue: 0,0:08:52.73,0:08:55.59,Default,,0000,0000,0000,,If you zoom in --\NI am going to zoom in real close
Dialogue: 0,0:08:55.59,0:08:57.81,Default,,0000,0000,0000,,to one of these corners.
Dialogue: 0,0:08:57.81,0:09:01.02,Default,,0000,0000,0000,,You can use your zoom and your pan.
Dialogue: 0,0:09:01.02,0:09:07.65,Default,,0000,0000,0000,,You have a little white circle\Nwith a blue center on the corner.
Dialogue: 0,0:09:07.65,0:09:10.75,Default,,0000,0000,0000,,This is a corner widget.
Dialogue: 0,0:09:10.75,0:09:13.55,Default,,0000,0000,0000,,The corner widget controls the\Nlook of the corner.
Dialogue: 0,0:09:13.55,0:09:15.42,Default,,0000,0000,0000,,So this softens or hardens.
Dialogue: 0,0:09:15.42,0:09:20.91,Default,,0000,0000,0000,,If I click this and drag in,\Nnotice I have created a rounded edge.
Dialogue: 0,0:09:20.91,0:09:24.83,Default,,0000,0000,0000,,So my hard edge rectangle now has\Na softer corner.
Dialogue: 0,0:09:24.83,0:09:30.13,Default,,0000,0000,0000,,Zoom out and you will notice this has\Nactually done all of the corners at once.
Dialogue: 0,0:09:30.13,0:09:34.00,Default,,0000,0000,0000,,So when you are working \Nwith a selection in Illustrator,
Dialogue: 0,0:09:34.00,0:09:37.97,Default,,0000,0000,0000,,we are thinking about vector paths.
Dialogue: 0,0:09:37.97,0:09:40.74,Default,,0000,0000,0000,,These vector paths determine the shape.
Dialogue: 0,0:09:40.74,0:09:42.63,Default,,0000,0000,0000,,We have points.
Dialogue: 0,0:09:42.63,0:09:45.93,Default,,0000,0000,0000,,So this is end point, \Nthis is an end point,
Dialogue: 0,0:09:45.93,0:09:48.51,Default,,0000,0000,0000,,this is an end point,\Nand path.
Dialogue: 0,0:09:48.51,0:09:51.17,Default,,0000,0000,0000,,Points are connected by paths.
Dialogue: 0,0:09:51.17,0:09:56.10,Default,,0000,0000,0000,,These are the algorithms that\NIllustrator uses to make these connections.
Dialogue: 0,0:09:56.10,0:10:03.28,Default,,0000,0000,0000,,Anything with the black arrow tool \Nis working on the entire selection,
Dialogue: 0,0:10:03.28,0:10:07.08,Default,,0000,0000,0000,,the entirety of the object.
Dialogue: 0,0:10:07.08,0:10:13.30,Default,,0000,0000,0000,,Okay, if, what we want to do instead\Nis work on one portion of
Dialogue: 0,0:10:13.30,0:10:15.78,Default,,0000,0000,0000,,the object --\Nlets move to a different object.
Dialogue: 0,0:10:15.78,0:10:17.59,Default,,0000,0000,0000,,Zoom in.
Dialogue: 0,0:10:17.59,0:10:23.76,Default,,0000,0000,0000,,If we want to target just one corner\Nor one point of the path to make
Dialogue: 0,0:10:23.76,0:10:27.61,Default,,0000,0000,0000,,an edit, then we are going to use\Nour direct selection tool.
Dialogue: 0,0:10:27.61,0:10:29.85,Default,,0000,0000,0000,,White arrow, second tool down.
Dialogue: 0,0:10:29.85,0:10:32.66,Default,,0000,0000,0000,,So you are always going to be\Ngoing back and forth between these.
Dialogue: 0,0:10:32.66,0:10:36.45,Default,,0000,0000,0000,,Eventually you will get quick enough \Nyou can use the keyboard command.
Dialogue: 0,0:10:36.45,0:10:38.44,Default,,0000,0000,0000,,Selection tool is V.
Dialogue: 0,0:10:38.44,0:10:40.67,Default,,0000,0000,0000,,The direct selection too is A.
Dialogue: 0,0:10:40.67,0:10:44.11,Default,,0000,0000,0000,,So if I hit A on my keyboard, \NI automatically go to that
Dialogue: 0,0:10:44.11,0:10:45.61,Default,,0000,0000,0000,,white arrow tool.
Dialogue: 0,0:10:45.61,0:10:47.13,Default,,0000,0000,0000,,So white arrow tool.
Dialogue: 0,0:10:47.13,0:10:48.40,Default,,0000,0000,0000,,Look at the difference.
Dialogue: 0,0:10:48.40,0:10:50.11,Default,,0000,0000,0000,,Remember black arrow,\Nwe have got a got a
Dialogue: 0,0:10:50.11,0:10:52.75,Default,,0000,0000,0000,,certain type of bounding box.
Dialogue: 0,0:10:52.75,0:10:55.20,Default,,0000,0000,0000,,White arrow, it changes.
Dialogue: 0,0:10:55.20,0:11:02.06,Default,,0000,0000,0000,,Now, we actually just see the\Nfour points that compose the path,
Dialogue: 0,0:11:02.06,0:11:03.92,Default,,0000,0000,0000,,that make up this rectangle.
Dialogue: 0,0:11:03.92,0:11:09.94,Default,,0000,0000,0000,,So now, if I click on one of these,\NI have targeted just one point.
Dialogue: 0,0:11:09.94,0:11:13.80,Default,,0000,0000,0000,,Notice it has gone blue and\Nthe other ones are white.
Dialogue: 0,0:11:13.80,0:11:16.67,Default,,0000,0000,0000,,I have selected just this path.
Dialogue: 0,0:11:16.67,0:11:22.29,Default,,0000,0000,0000,,Now as I move it,\NI am only editing that one point
Dialogue: 0,0:11:22.29,0:11:26.93,Default,,0000,0000,0000,,which of course is determining\Nthe difference in the path
Dialogue: 0,0:11:26.93,0:11:31.38,Default,,0000,0000,0000,,but this is how I have taken a basic\Nrectangle and started to edit it.
Dialogue: 0,0:11:31.38,0:11:34.58,Default,,0000,0000,0000,,If I want to target this corner, \Nlower left,
Dialogue: 0,0:11:34.58,0:11:38.79,Default,,0000,0000,0000,,click on that point, again,\Nwith the direct selection,
Dialogue: 0,0:11:38.79,0:11:40.91,Default,,0000,0000,0000,,and drag it in.
Dialogue: 0,0:11:40.91,0:11:44.88,Default,,0000,0000,0000,,So already I have sort of \Nbegun taking a basic shape and
Dialogue: 0,0:11:44.88,0:11:47.13,Default,,0000,0000,0000,,making it more complex.
Dialogue: 0,0:11:47.13,0:11:49.78,Default,,0000,0000,0000,,When I am done, I can simply click off.
Dialogue: 0,0:11:49.78,0:11:53.67,Default,,0000,0000,0000,,If I wanted to move this or\Nscale the entire thing,
Dialogue: 0,0:11:53.67,0:11:57.46,Default,,0000,0000,0000,,back to that selection tool\Nwhere I have got the entirety
Dialogue: 0,0:11:57.46,0:11:59.69,Default,,0000,0000,0000,,in a bounding box.
Dialogue: 0,0:11:59.69,0:12:03.66,Default,,0000,0000,0000,,Other opportunities,\Nif we want to use the corner widget
Dialogue: 0,0:12:03.66,0:12:07.100,Default,,0000,0000,0000,,only on one corner, \Nuse that direct selection tool.
Dialogue: 0,0:12:07.100,0:12:10.43,Default,,0000,0000,0000,,Here, lets soften this.
Dialogue: 0,0:12:10.43,0:12:14.57,Default,,0000,0000,0000,,Notice before, oops,\Nit is actually doing it again.
Dialogue: 0,0:12:14.57,0:12:15.95,Default,,0000,0000,0000,,Command Z.
Dialogue: 0,0:12:15.95,0:12:20.92,Default,,0000,0000,0000,,I need to grab just this corner,\Nso I have now clicked on it once
Dialogue: 0,0:12:20.92,0:12:24.91,Default,,0000,0000,0000,,to select just this one \Nand now drag it in.
Dialogue: 0,0:12:24.91,0:12:29.43,Default,,0000,0000,0000,,So now I have edited one\Ncorner with a corner widget
Dialogue: 0,0:12:29.43,0:12:33.36,Default,,0000,0000,0000,,by using direct selection just\Non that one particular corner.
Dialogue: 0,0:12:33.36,0:12:35.86,Default,,0000,0000,0000,,So I am starting to get more complex shapes.
Dialogue: 0,0:12:35.86,0:12:37.79,Default,,0000,0000,0000,,Now again as always, \Nyou are thinking about
Dialogue: 0,0:12:37.79,0:12:41.04,Default,,0000,0000,0000,,your layers panel,\Nyou are thinking about layer order.
Dialogue: 0,0:12:41.04,0:12:43.33,Default,,0000,0000,0000,,Lets look at our layers over here.
Dialogue: 0,0:12:43.33,0:12:45.80,Default,,0000,0000,0000,,Layer one has both objects.
Dialogue: 0,0:12:45.80,0:12:49.15,Default,,0000,0000,0000,,Path and rectangle.
Dialogue: 0,0:12:49.15,0:12:50.89,Default,,0000,0000,0000,,Same kind of thing, \Nif you want to edit them,
Dialogue: 0,0:12:50.89,0:12:52.97,Default,,0000,0000,0000,,remember you need to target them.
Dialogue: 0,0:12:52.97,0:12:56.88,Default,,0000,0000,0000,,You can target by simply clicking \Nin your document or
Dialogue: 0,0:12:56.88,0:12:58.76,Default,,0000,0000,0000,,over here.
Dialogue: 0,0:12:58.76,0:13:01.99,Default,,0000,0000,0000,,If I target on the right, \Nit gives me a little blue box.
Dialogue: 0,0:13:01.99,0:13:03.77,Default,,0000,0000,0000,,That means I have selected it.
Dialogue: 0,0:13:03.77,0:13:05.42,Default,,0000,0000,0000,,Now you can see I have selected it.
Dialogue: 0,0:13:05.42,0:13:09.78,Default,,0000,0000,0000,,If we need to re-order,\Nwe can change the layer order.
Dialogue: 0,0:13:09.78,0:13:15.34,Default,,0000,0000,0000,,Notice, I can tell I have selected\Nthis object and it is targeted,
Dialogue: 0,0:13:15.34,0:13:16.59,Default,,0000,0000,0000,,this blue one.
Dialogue: 0,0:13:16.59,0:13:19.17,Default,,0000,0000,0000,,I can see its path, \Nit's sort of hidden behind this,
Dialogue: 0,0:13:19.17,0:13:20.56,Default,,0000,0000,0000,,that is layer order.
Dialogue: 0,0:13:20.56,0:13:22.79,Default,,0000,0000,0000,,So always thinking about layer order.
Dialogue: 0,0:13:22.79,0:13:27.64,Default,,0000,0000,0000,,When we are targeting our objects,\Nwe can also thinking about our
Dialogue: 0,0:13:27.64,0:13:32.21,Default,,0000,0000,0000,,other transformations,\Nwe can rotate from the corners,
Dialogue: 0,0:13:32.21,0:13:34.52,Default,,0000,0000,0000,,very easy,\Nscale up and down.
Dialogue: 0,0:13:34.52,0:13:41.86,Default,,0000,0000,0000,,We, um, can think about how to \Nfill the background with color.
Dialogue: 0,0:13:41.86,0:13:44.69,Default,,0000,0000,0000,,A lot of times people say\N'how do I make a background layer?'
Dialogue: 0,0:13:44.69,0:13:49.49,Default,,0000,0000,0000,,You could make a new layer if you\Nwant to create new layer,
Dialogue: 0,0:13:49.49,0:13:53.44,Default,,0000,0000,0000,,bring it down to the bottom,\Nthen simply think
Dialogue: 0,0:13:53.44,0:13:54.95,Default,,0000,0000,0000,,'well, how would I make it?'
Dialogue: 0,0:13:54.95,0:13:59.82,Default,,0000,0000,0000,,All I need to do is actually\Nhave a shape that fills the entirety
Dialogue: 0,0:13:59.82,0:14:01.88,Default,,0000,0000,0000,,of the space.
Dialogue: 0,0:14:01.88,0:14:03.28,Default,,0000,0000,0000,,So lets make a shape.
Dialogue: 0,0:14:03.28,0:14:05.03,Default,,0000,0000,0000,,Rectangle tool.
Dialogue: 0,0:14:05.03,0:14:07.28,Default,,0000,0000,0000,,I am just going to click and drag,\NI am going to go a little bit over
Dialogue: 0,0:14:07.28,0:14:11.34,Default,,0000,0000,0000,,the boarder and that is fine\Nand it is filling to that default color.
Dialogue: 0,0:14:11.34,0:14:14.34,Default,,0000,0000,0000,,So, if I want it I can double click it\Nover here and bring it back.
Dialogue: 0,0:14:14.34,0:14:17.53,Default,,0000,0000,0000,,Lets say I want it to be\Nkind of a light blue, a purple color.
Dialogue: 0,0:14:17.53,0:14:23.02,Default,,0000,0000,0000,,That now is my background color.
Dialogue: 0,0:14:23.02,0:14:27.65,Default,,0000,0000,0000,,So background color is simply\Na filled shape, often a rectangle.
Dialogue: 0,0:14:27.65,0:14:30.67,Default,,0000,0000,0000,,Okay, so we have started to build\Nup our ideas here.
Dialogue: 0,0:14:30.67,0:14:34.44,Default,,0000,0000,0000,,Let's continue looking at the\Nproperties of our basic shapes.
Dialogue: 0,0:14:34.44,0:14:37.98,Default,,0000,0000,0000,,I am going to turn the visibility\Noff of these for now.
Dialogue: 0,0:14:37.98,0:14:39.96,Default,,0000,0000,0000,,Remember, layer of visibility \Nis the same,
Dialogue: 0,0:14:39.96,0:14:42.09,Default,,0000,0000,0000,,we've got this little eyeball icons.
Dialogue: 0,0:14:42.09,0:14:44.71,Default,,0000,0000,0000,,If you want to work on\Na layer make sure you go to it.
Dialogue: 0,0:14:44.71,0:14:47.54,Default,,0000,0000,0000,,I am going to keep working on this \Nlayer one.
Dialogue: 0,0:14:47.54,0:14:54.20,Default,,0000,0000,0000,,Layer two lets rename background color,\Nso we just know.
Dialogue: 0,0:14:54.20,0:14:55.83,Default,,0000,0000,0000,,Okay layer one.
Dialogue: 0,0:14:55.83,0:14:59.12,Default,,0000,0000,0000,,So we have got our rectangle,\Nwe explored that one.
Dialogue: 0,0:14:59.12,0:15:02.91,Default,,0000,0000,0000,,A couple other things to think about-\Nwe have quick commands.
Dialogue: 0,0:15:02.91,0:15:09.23,Default,,0000,0000,0000,,If I hold shift while drawing an object,\Nit will keep it perfectly one to one
Dialogue: 0,0:15:09.23,0:15:10.52,Default,,0000,0000,0000,,ratio proportional.
Dialogue: 0,0:15:10.52,0:15:12.14,Default,,0000,0000,0000,,So, perfect square.
Dialogue: 0,0:15:12.14,0:15:14.25,Default,,0000,0000,0000,,That is how I make a perfect square.
Dialogue: 0,0:15:14.25,0:15:19.36,Default,,0000,0000,0000,,Now look, I can't really see this shape\Nbecause it is being drawn in the same
Dialogue: 0,0:15:19.36,0:15:22.24,Default,,0000,0000,0000,,color that I last used for the background.
Dialogue: 0,0:15:22.24,0:15:25.82,Default,,0000,0000,0000,,Lets go to properties,\Nchange the color.
Dialogue: 0,0:15:25.82,0:15:30.78,Default,,0000,0000,0000,,Okay, so, shift gives you a \None to one ratio.
Dialogue: 0,0:15:30.78,0:15:32.69,Default,,0000,0000,0000,,I am going to delete this.
Dialogue: 0,0:15:32.69,0:15:36.06,Default,,0000,0000,0000,,You can also delete your objects by\Nsimply clicking on them and
Dialogue: 0,0:15:36.06,0:15:37.68,Default,,0000,0000,0000,,hitting the delete button.
Dialogue: 0,0:15:37.68,0:15:42.40,Default,,0000,0000,0000,,Your other option is to use\Nthe ALT or option key.
Dialogue: 0,0:15:42.40,0:15:46.31,Default,,0000,0000,0000,,Notice when you do that you\Nget this sort of targeted appearance.
Dialogue: 0,0:15:46.31,0:15:51.86,Default,,0000,0000,0000,,Look at the way its drawing,\Nit is drawing out from the center point.
Dialogue: 0,0:15:51.86,0:15:54.33,Default,,0000,0000,0000,,So if we want to draw out\Nfrom the center point
Dialogue: 0,0:15:54.33,0:15:55.21,Default,,0000,0000,0000,,hold ALT or option.
Dialogue: 0,0:15:55.21,0:15:56.60,Default,,0000,0000,0000,,Lets do that again.
Dialogue: 0,0:15:56.60,0:15:58.60,Default,,0000,0000,0000,,Normally you would draw from\Na corner.
Dialogue: 0,0:15:58.60,0:16:01.24,Default,,0000,0000,0000,,Notice I have drawn left,\NI could draw right,
Dialogue: 0,0:16:01.24,0:16:03.77,Default,,0000,0000,0000,,but it is drawing out from the corner.
Dialogue: 0,0:16:03.77,0:16:06.44,Default,,0000,0000,0000,,ALT, option, draws from the center.
Dialogue: 0,0:16:06.44,0:16:09.44,Default,,0000,0000,0000,,If you want it to be proportional \Nhold that shift key.
Dialogue: 0,0:16:09.44,0:16:11.88,Default,,0000,0000,0000,,Now it is proportional.
Dialogue: 0,0:16:11.88,0:16:14.48,Default,,0000,0000,0000,,Okay, I am going to delete this object.
Dialogue: 0,0:16:14.48,0:16:18.40,Default,,0000,0000,0000,,So selection tool, grab it, delete.
Dialogue: 0,0:16:18.40,0:16:20.52,Default,,0000,0000,0000,,Other shapes.
Dialogue: 0,0:16:20.52,0:16:24.04,Default,,0000,0000,0000,,Here is our circle, ellipse, same idea-\Nclick and drag.
Dialogue: 0,0:16:24.04,0:16:29.45,Default,,0000,0000,0000,,If you want it to be a sort of oblong,\Ndraw that.
Dialogue: 0,0:16:29.45,0:16:32.32,Default,,0000,0000,0000,,If you want it proportional,\Nshift key.
Dialogue: 0,0:16:32.32,0:16:34.30,Default,,0000,0000,0000,,There is the way to go.
Dialogue: 0,0:16:34.30,0:16:37.43,Default,,0000,0000,0000,,Same, direct selection vs selection.
Dialogue: 0,0:16:37.43,0:16:40.53,Default,,0000,0000,0000,,Our selection tool grabs the\Nwhole thing.
Dialogue: 0,0:16:40.53,0:16:42.46,Default,,0000,0000,0000,,You can scale it up or down.
Dialogue: 0,0:16:42.46,0:16:45.80,Default,,0000,0000,0000,,Whoops, see there, be careful,\Nyou can always grab your
Dialogue: 0,0:16:45.80,0:16:47.35,Default,,0000,0000,0000,,other objects very easily.
Dialogue: 0,0:16:47.35,0:16:49.43,Default,,0000,0000,0000,,So make sure to grab the object you want.
Dialogue: 0,0:16:49.43,0:16:55.67,Default,,0000,0000,0000,,You have this little tool \Nright here, this is an angle tool.
Dialogue: 0,0:16:55.67,0:17:00.76,Default,,0000,0000,0000,,If you didn't want a full circle,\Nthat can be interesting for you.
Dialogue: 0,0:17:00.76,0:17:02.51,Default,,0000,0000,0000,,Lets back up.
Dialogue: 0,0:17:02.51,0:17:07.38,Default,,0000,0000,0000,,You also have the ability to\Nkind of squash it or squish it.
Dialogue: 0,0:17:07.38,0:17:11.09,Default,,0000,0000,0000,,This is taking it out of proportion\Nby using the left or right
Dialogue: 0,0:17:11.09,0:17:13.81,Default,,0000,0000,0000,,bounding box areas.
Dialogue: 0,0:17:13.81,0:17:17.44,Default,,0000,0000,0000,,Lets look at the direct selection \Non an elipse.
Dialogue: 0,0:17:17.44,0:17:20.03,Default,,0000,0000,0000,,So here is my direct selection,\NI am going to zoom in so
Dialogue: 0,0:17:20.03,0:17:22.38,Default,,0000,0000,0000,,we can get a closer look at\Nthis object.
Dialogue: 0,0:17:22.38,0:17:25.52,Default,,0000,0000,0000,,Here are the points that\Nmake up this path.
Dialogue: 0,0:17:25.52,0:17:28.06,Default,,0000,0000,0000,,We have got four points-\Nleft, right, top, bottom.
Dialogue: 0,0:17:28.06,0:17:32.84,Default,,0000,0000,0000,,Clicking on a point reveals the\Nway the path is working.
Dialogue: 0,0:17:32.84,0:17:35.81,Default,,0000,0000,0000,,We are going to talk more\Nabout this but we have handles here.
Dialogue: 0,0:17:35.81,0:17:38.03,Default,,0000,0000,0000,,These handles control the curves.
Dialogue: 0,0:17:38.03,0:17:43.59,Default,,0000,0000,0000,,So if I edit this handle,\Nnotice I am changing
Dialogue: 0,0:17:43.59,0:17:46.04,Default,,0000,0000,0000,,this circular shape.
Dialogue: 0,0:17:46.04,0:17:51.07,Default,,0000,0000,0000,,So maybe I really want something\Nthat is kind of funky, I don't know,
Dialogue: 0,0:17:51.07,0:17:54.68,Default,,0000,0000,0000,,strange, amoeba like shape.
Dialogue: 0,0:17:54.68,0:17:58.19,Default,,0000,0000,0000,,You can draw things in, out,\Nand you can affect the rotation.
Dialogue: 0,0:17:58.19,0:18:01.46,Default,,0000,0000,0000,,So that is how the shape of a\Ncircle is made, four points
Dialogue: 0,0:18:01.46,0:18:05.91,Default,,0000,0000,0000,,with handles, using your direct\Nselection to edit it.
Dialogue: 0,0:18:05.91,0:18:12.100,Default,,0000,0000,0000,,Okay, lets use our selection, delete, \Nand move on in our tools.
Dialogue: 0,0:18:12.100,0:18:16.05,Default,,0000,0000,0000,,Polygon, just like it sounds, multi sided.
Dialogue: 0,0:18:16.05,0:18:19.09,Default,,0000,0000,0000,,So when you are thinking of a polygon, \Nyou need to think of
Dialogue: 0,0:18:19.09,0:18:21.04,Default,,0000,0000,0000,,'how many sides do I want?'
Dialogue: 0,0:18:21.04,0:18:24.81,Default,,0000,0000,0000,,The first time you click with\Na polygon, it is going to ask you
Dialogue: 0,0:18:24.81,0:18:26.10,Default,,0000,0000,0000,,'how many sides?'
Dialogue: 0,0:18:26.10,0:18:29.50,Default,,0000,0000,0000,,So if you want a triangle, \Nclick three.
Dialogue: 0,0:18:29.50,0:18:32.52,Default,,0000,0000,0000,,If you want something else \N-- lets do it again.
Dialogue: 0,0:18:32.52,0:18:35.11,Default,,0000,0000,0000,,Remember every time you click\Nwith the shape tool it's going
Dialogue: 0,0:18:35.11,0:18:36.20,Default,,0000,0000,0000,,to draw a shape.
Dialogue: 0,0:18:36.20,0:18:39.53,Default,,0000,0000,0000,,You always need to make your shape\Nand then go to a selection tool
Dialogue: 0,0:18:39.53,0:18:41.01,Default,,0000,0000,0000,,if you are ready to move it.
Dialogue: 0,0:18:41.01,0:18:43.95,Default,,0000,0000,0000,,Lets do something with six sides.
Dialogue: 0,0:18:43.95,0:18:46.25,Default,,0000,0000,0000,,Okay, there is my six sided.
Dialogue: 0,0:18:46.25,0:18:49.68,Default,,0000,0000,0000,,Now again, every time you click\Nand draw it is going to draw another one.
Dialogue: 0,0:18:49.68,0:18:51.37,Default,,0000,0000,0000,,So I don't want that.
Dialogue: 0,0:18:51.37,0:18:53.45,Default,,0000,0000,0000,,Actually what I want to do \Nis edit this one.
Dialogue: 0,0:18:53.45,0:18:55.44,Default,,0000,0000,0000,,So I am going to go in\Nmy selection tool,
Dialogue: 0,0:18:55.44,0:19:01.78,Default,,0000,0000,0000,,make it bigger, \Nmaybe I want to change the color of this one,
Dialogue: 0,0:19:01.78,0:19:05.80,Default,,0000,0000,0000,,maybe layer order is more important\Nor I want to play with opacity.
Dialogue: 0,0:19:05.80,0:19:08.95,Default,,0000,0000,0000,,I can lower the opacity and\Nsee through the blue object
Dialogue: 0,0:19:08.95,0:19:10.87,Default,,0000,0000,0000,,to this orange one.
Dialogue: 0,0:19:10.87,0:19:12.99,Default,,0000,0000,0000,,Remember if you are trying to\Nmove something and
Dialogue: 0,0:19:12.99,0:19:15.79,Default,,0000,0000,0000,,you can't move it,\Npay attention to your layer order,
Dialogue: 0,0:19:15.79,0:19:18.98,Default,,0000,0000,0000,,you might have to come in here\Nand take a look at what's happening.
Dialogue: 0,0:19:18.98,0:19:20.65,Default,,0000,0000,0000,,So now I have got a triangle.
Dialogue: 0,0:19:20.65,0:19:24.21,Default,,0000,0000,0000,,Same thing- I can edit it on its\Nindividual points.
Dialogue: 0,0:19:24.21,0:19:27.51,Default,,0000,0000,0000,,I can edit the softness, the corner \Nwidgets.
Dialogue: 0,0:19:27.51,0:19:33.51,Default,,0000,0000,0000,,Or, I can use my tool to grab just one.
Dialogue: 0,0:19:33.51,0:19:37.35,Default,,0000,0000,0000,,Maybe I want one to be hard\Nand the rest to be soft,
Dialogue: 0,0:19:37.35,0:19:40.62,Default,,0000,0000,0000,,same kind of corner widgets here\Nif I want to edit just this one.
Dialogue: 0,0:19:40.62,0:19:46.31,Default,,0000,0000,0000,,Target it with that direct selection tool\Nand make your shape.
Dialogue: 0,0:19:46.31,0:19:49.50,Default,,0000,0000,0000,,The only other shape tool that\Nwe, um, might be interested in using
Dialogue: 0,0:19:49.50,0:19:51.50,Default,,0000,0000,0000,,right now is the star tool.
Dialogue: 0,0:19:51.50,0:19:53.59,Default,,0000,0000,0000,,Line segment draws a line\Nthat might be useful
Dialogue: 0,0:19:53.59,0:19:57.01,Default,,0000,0000,0000,,but most often we are drawing \Nmore complex shapes.
Dialogue: 0,0:19:57.01,0:19:59.79,Default,,0000,0000,0000,,Our star tool is as it says.
Dialogue: 0,0:19:59.79,0:20:03.78,Default,,0000,0000,0000,,When your using your star tool,\Nif you want to change the number
Dialogue: 0,0:20:03.78,0:20:07.63,Default,,0000,0000,0000,,of shapes, I am sorry,\Nthe number of, ah, points,
Dialogue: 0,0:20:07.63,0:20:09.91,Default,,0000,0000,0000,,you have to use that ALT option key again.
Dialogue: 0,0:20:09.91,0:20:14.52,Default,,0000,0000,0000,,So before drawing it,\Nhold ALT option and click.
Dialogue: 0,0:20:14.52,0:20:18.05,Default,,0000,0000,0000,,That opens up the dialog box\Nfor changing the number of points.
Dialogue: 0,0:20:18.05,0:20:20.96,Default,,0000,0000,0000,,You could have many, many points.
Dialogue: 0,0:20:20.96,0:20:22.44,Default,,0000,0000,0000,,To a star.
Dialogue: 0,0:20:22.44,0:20:25.58,Default,,0000,0000,0000,,Let's add some color so we can see it.
Dialogue: 0,0:20:25.58,0:20:26.82,Default,,0000,0000,0000,,Let's do yellow.
Dialogue: 0,0:20:26.82,0:20:30.59,Default,,0000,0000,0000,,Now look at that path, it's a pretty\Ncomplex path.
Dialogue: 0,0:20:30.59,0:20:33.24,Default,,0000,0000,0000,,We can still move it, make it bigger\Nor smaller.
Dialogue: 0,0:20:33.24,0:20:35.18,Default,,0000,0000,0000,,We've got many, many points.
Dialogue: 0,0:20:35.18,0:20:41.07,Default,,0000,0000,0000,,If we needed to edit an individual\Npoint, or the softness of the corner,
Dialogue: 0,0:20:41.07,0:20:42.15,Default,,0000,0000,0000,,the curve.
Dialogue: 0,0:20:42.15,0:20:43.67,Default,,0000,0000,0000,,We would use our direct selection tool.
Dialogue: 0,0:20:43.67,0:20:47.24,Default,,0000,0000,0000,,Remember you need to target one point\Nfirst, then edit.
Dialogue: 0,0:20:47.24,0:20:50.78,Default,,0000,0000,0000,,Target, edit.
Dialogue: 0,0:20:50.78,0:20:55.95,Default,,0000,0000,0000,,If you want the corner widget, inside, or\Noutside kind of corner.
Dialogue: 0,0:20:55.95,0:20:59.27,Default,,0000,0000,0000,,Target it, edit.
Dialogue: 0,0:20:59.27,0:21:01.55,Default,,0000,0000,0000,,Click off, and you can see your shape.
Dialogue: 0,0:21:01.55,0:21:06.11,Default,,0000,0000,0000,,So now we've got the ability to work\Nwith basic shapes, layer order, color,
Dialogue: 0,0:21:06.11,0:21:09.38,Default,,0000,0000,0000,,corner widgets, and sizing.
Dialogue: 0,0:21:09.38,0:21:13.60,Default,,0000,0000,0000,,Your task, is, to get comfortable using\Nbasic shapes.
Dialogue: 0,0:21:13.60,0:21:15.15,Default,,0000,0000,0000,,Filling them with color.
Dialogue: 0,0:21:15.15,0:21:18.30,Default,,0000,0000,0000,,Your, practice assignment looks like this.
Dialogue: 0,0:21:18.30,0:21:21.99,Default,,0000,0000,0000,,So you're going to use this template, to\Ndraw a robot.
Dialogue: 0,0:21:21.99,0:21:24.96,Default,,0000,0000,0000,,You're gonna start by drawing the most\Nbasic shapes.
Dialogue: 0,0:21:24.96,0:21:29.11,Default,,0000,0000,0000,,We're gonna look at our layers panel, and\Nyou're gonna make a new layer for you
Dialogue: 0,0:21:29.11,0:21:30.68,Default,,0000,0000,0000,,to work on.
Dialogue: 0,0:21:30.68,0:21:34.30,Default,,0000,0000,0000,,Call it something you'll remember.
Dialogue: 0,0:21:34.30,0:21:36.59,Default,,0000,0000,0000,,I'm gonna just call it jen robot.
Dialogue: 0,0:21:36.59,0:21:38.44,Default,,0000,0000,0000,,You're gonna leave these locked.
Dialogue: 0,0:21:38.44,0:21:40.46,Default,,0000,0000,0000,,My guides and drawings are locked.
Dialogue: 0,0:21:40.46,0:21:42.11,Default,,0000,0000,0000,,So you won't be able to really edit them.
Dialogue: 0,0:21:42.11,0:21:44.56,Default,,0000,0000,0000,,And you can't draw on something that's\Nlocked.
Dialogue: 0,0:21:44.56,0:21:46.21,Default,,0000,0000,0000,,You can't use a locked layer.
Dialogue: 0,0:21:46.21,0:21:51.02,Default,,0000,0000,0000,,So make sure you're working on a new\Nlayer before you start attempting this.
Dialogue: 0,0:21:51.02,0:21:55.07,Default,,0000,0000,0000,,So the goal is to draw this shape, this\Nshape, these shapes,
Dialogue: 0,0:21:55.07,0:21:58.19,Default,,0000,0000,0000,,using this dashed, sort of template.
Dialogue: 0,0:21:58.19,0:22:02.46,Default,,0000,0000,0000,,Think about the way our shapes can be\Nlayered to give an illusion.
Dialogue: 0,0:22:02.46,0:22:07.14,Default,,0000,0000,0000,,So all of these shapes really, as they\Nincrease in complexity,
Dialogue: 0,0:22:07.14,0:22:09.74,Default,,0000,0000,0000,,are still just made up of the most basic\Nshapes.
Dialogue: 0,0:22:09.74,0:22:12.99,Default,,0000,0000,0000,,The illusion is complete when they are \Nlayered over each other.
Dialogue: 0,0:22:12.99,0:22:15.94,Default,,0000,0000,0000,,Because then your eye can't tell the\Ndifference.
Dialogue: 0,0:22:15.94,0:22:20.00,Default,,0000,0000,0000,,So you're gonna make a square, with soft\Ncorners.
Dialogue: 0,0:22:20.00,0:22:22.74,Default,,0000,0000,0000,,Use your rectangle tool.
Dialogue: 0,0:22:22.74,0:22:24.29,Default,,0000,0000,0000,,Come over here.
Dialogue: 0,0:22:24.29,0:22:27.96,Default,,0000,0000,0000,,Draw it approximately the same size.
Dialogue: 0,0:22:27.96,0:22:30.59,Default,,0000,0000,0000,,It's filling with white, which is great.
Dialogue: 0,0:22:30.59,0:22:36.08,Default,,0000,0000,0000,,If you need to see through it, so you can\Nsee my edges, remember we don't need a
Dialogue: 0,0:22:36.08,0:22:38.48,Default,,0000,0000,0000,,stroke right here, and let's turn that \Noff.
Dialogue: 0,0:22:38.48,0:22:42.14,Default,,0000,0000,0000,,You could lower this temporarily if you\Nwant to see the template.
Dialogue: 0,0:22:42.14,0:22:46.01,Default,,0000,0000,0000,,And then, you wanna edit your corners.
Dialogue: 0,0:22:46.01,0:22:47.98,Default,,0000,0000,0000,,We're gonna edit all of them at once.
Dialogue: 0,0:22:47.98,0:22:50.95,Default,,0000,0000,0000,,So will use our regular selection tool.
Dialogue: 0,0:22:50.95,0:22:52.03,Default,,0000,0000,0000,,Black arrow.
Dialogue: 0,0:22:52.03,0:22:54.35,Default,,0000,0000,0000,,And just pull those corners in.
Dialogue: 0,0:22:54.35,0:22:56.69,Default,,0000,0000,0000,,Okay, so that's about the right size.
Dialogue: 0,0:22:56.69,0:22:58.62,Default,,0000,0000,0000,,Now you could increase the opacity.
Dialogue: 0,0:22:58.62,0:23:05.16,Default,,0000,0000,0000,,Great, you're gonna use your polygon,\Nwith the three side, to make a triangle.
Dialogue: 0,0:23:05.16,0:23:07.10,Default,,0000,0000,0000,,Then you're gonna get a little bit more \Ncomplex.
Dialogue: 0,0:23:07.10,0:23:08.78,Default,,0000,0000,0000,,We've got a small circle.
Dialogue: 0,0:23:08.78,0:23:10.80,Default,,0000,0000,0000,,A sort of, elongated triangle.
Dialogue: 0,0:23:10.80,0:23:12.80,Default,,0000,0000,0000,,Two rectangles that you're gonna draw.
Dialogue: 0,0:23:12.80,0:23:15.97,Default,,0000,0000,0000,,Just layering them so that they create\Nthis illusion.
Dialogue: 0,0:23:15.97,0:23:19.52,Default,,0000,0000,0000,,And then you're gonna do the real deal.
Dialogue: 0,0:23:19.52,0:23:22.18,Default,,0000,0000,0000,,You're gonna come over.
Dialogue: 0,0:23:22.18,0:23:24.85,Default,,0000,0000,0000,,You're gonna eventually have a robot that\Nlooks like this.
Dialogue: 0,0:23:24.85,0:23:28.42,Default,,0000,0000,0000,,Pretty complex little drawing, but pretty\Nsimple to make.
Dialogue: 0,0:23:28.42,0:23:32.10,Default,,0000,0000,0000,,So let's think about how we can make this\Nro-little robot.
Dialogue: 0,0:23:32.10,0:23:34.05,Default,,0000,0000,0000,,We know our basic shapes.
Dialogue: 0,0:23:34.05,0:23:37.38,Default,,0000,0000,0000,,Let's look at like the eyeballs and these\Nsort of shoulder joints.
Dialogue: 0,0:23:37.38,0:23:40.43,Default,,0000,0000,0000,,What would you do to make this?
Dialogue: 0,0:23:40.43,0:23:42.75,Default,,0000,0000,0000,,We actually have a couple options, right?
Dialogue: 0,0:23:42.75,0:23:49.67,Default,,0000,0000,0000,,We could have a red circle, filled,\Nwith a white circle filled, over the top.
Dialogue: 0,0:23:49.67,0:23:54.54,Default,,0000,0000,0000,,Alternatively, think about the way you\Ncould have a circle,
Dialogue: 0,0:23:54.54,0:23:58.50,Default,,0000,0000,0000,,that is maybe just a filled, stroke edge.
Dialogue: 0,0:23:58.50,0:24:00.86,Default,,0000,0000,0000,,So let's look at that.
Dialogue: 0,0:24:00.86,0:24:03.50,Default,,0000,0000,0000,,Ellipse tool, I'm just gonna draw off to\Nthe side here.
Dialogue: 0,0:24:03.50,0:24:06.30,Default,,0000,0000,0000,,So right now it's filled with color,\Nwhite.
Dialogue: 0,0:24:06.30,0:24:11.02,Default,,0000,0000,0000,,But really if you look at the eye, you\Ncould see this as just a red outline,
Dialogue: 0,0:24:11.02,0:24:17.88,Default,,0000,0000,0000,,so let's do, no fill, and, a red stroke.
Dialogue: 0,0:24:17.88,0:24:21.59,Default,,0000,0000,0000,,Now this is where the eyedropper will\Ncome in handy.
Dialogue: 0,0:24:21.59,0:24:22.87,Default,,0000,0000,0000,,If I use that eyedropper.
Dialogue: 0,0:24:22.87,0:24:27.18,Default,,0000,0000,0000,,I'm gonna select this red background, and\Njust clicked on that background.
Dialogue: 0,0:24:27.18,0:24:30.41,Default,,0000,0000,0000,,Notice it's kind of gone in the wrong \Norder, I need to flip the fill and stroke.
Dialogue: 0,0:24:30.41,0:24:33.66,Default,,0000,0000,0000,,So I'm gonna use this little flip, or\Nswap.
Dialogue: 0,0:24:33.66,0:24:36.13,Default,,0000,0000,0000,,Now the red is applied there.
Dialogue: 0,0:24:36.13,0:24:38.17,Default,,0000,0000,0000,,I'm gonna, really increase that.
Dialogue: 0,0:24:38.17,0:24:41.89,Default,,0000,0000,0000,,I can't see it because it's on the red\Nbackground so I'm gonna use the direct
Dialogue: 0,0:24:41.89,0:24:46.16,Default,,0000,0000,0000,,selection, and move this shape.
Dialogue: 0,0:24:46.16,0:24:49.10,Default,,0000,0000,0000,,Now, there it is, it's actually a \Nlittle bit big.
Dialogue: 0,0:24:49.10,0:24:51.76,Default,,0000,0000,0000,,Again, you're gonna wanna draw the face\Nfirst,
Dialogue: 0,0:24:51.76,0:24:58.46,Default,,0000,0000,0000,,but if I move-let's see, sometimes it can\Nbe really hard to grab your objects.
Dialogue: 0,0:24:58.46,0:25:01.14,Default,,0000,0000,0000,,C'mon, you got to kinda click.
Dialogue: 0,0:25:01.14,0:25:04.66,Default,,0000,0000,0000,,And if illustrator gets-illustrator I will\Nsay is a little bit more, um,
Dialogue: 0,0:25:04.66,0:25:07.56,Default,,0000,0000,0000,,It can have more bugs, than photoshop.
Dialogue: 0,0:25:07.56,0:25:09.84,Default,,0000,0000,0000,,So, save your work often.
Dialogue: 0,0:25:09.84,0:25:12.04,Default,,0000,0000,0000,,Um, if it starts to freeze or something,
Dialogue: 0,0:25:12.04,0:25:15.42,Default,,0000,0000,0000,,then you're gonna wanna just restart your\Nprogram.
Dialogue: 0,0:25:15.42,0:25:19.63,Default,,0000,0000,0000,,Okay, I'm gonna put a shape behind it\Nso we can see it.
Dialogue: 0,0:25:19.63,0:25:21.26,Default,,0000,0000,0000,,Off to the side.
Dialogue: 0,0:25:21.26,0:25:26.13,Default,,0000,0000,0000,,This one I want to be, actually, in white.
Dialogue: 0,0:25:26.13,0:25:31.04,Default,,0000,0000,0000,,No stroke, and then let's reorder those\Nlayers.
Dialogue: 0,0:25:31.04,0:25:33.37,Default,,0000,0000,0000,,So I want that, on top.
Dialogue: 0,0:25:33.37,0:25:36.26,Default,,0000,0000,0000,,Okay, So it's a little bit too big but you\Nget the idea.
Dialogue: 0,0:25:36.26,0:25:40.95,Default,,0000,0000,0000,,That is, an object that just has a\Nstroke on it, right here.
Dialogue: 0,0:25:40.95,0:25:48.69,Default,,0000,0000,0000,,We could lower that size, and then also\Nprobably hold down that shift key,
Dialogue: 0,0:25:48.69,0:25:52.97,Default,,0000,0000,0000,,keep it constrained, and that would work,\Nalso, as your eyeball.
Dialogue: 0,0:25:52.97,0:25:56.02,Default,,0000,0000,0000,,So you're gonna diagnose how to draw this.
Dialogue: 0,0:25:56.02,0:25:58.47,Default,,0000,0000,0000,,Use the template if that's easier for\Nyou.
Dialogue: 0,0:25:58.47,0:26:03.66,Default,,0000,0000,0000,,Remember, once you have a shape, if you\Nneed a duplicate version of it,
Dialogue: 0,0:26:03.66,0:26:06.88,Default,,0000,0000,0000,,you can use your layers panel, just like\Nphotoshop,
Dialogue: 0,0:26:06.88,0:26:09.86,Default,,0000,0000,0000,,drag this down, to the duplicate\Nbutton.
Dialogue: 0,0:26:09.86,0:26:11.81,Default,,0000,0000,0000,,You can also use quick commands.
Dialogue: 0,0:26:11.81,0:26:18.12,Default,,0000,0000,0000,,So now that I've selected this object, I\Ncan do command C, command V.
Dialogue: 0,0:26:18.12,0:26:20.68,Default,,0000,0000,0000,,So that's edit copy, edit paste.
Dialogue: 0,0:26:20.68,0:26:24.36,Default,,0000,0000,0000,,From your edit menu, there it is,\Nedit copy, edit paste.
Dialogue: 0,0:26:24.36,0:26:28.33,Default,,0000,0000,0000,,And, it gives me that same object.
Dialogue: 0,0:26:28.33,0:26:31.30,Default,,0000,0000,0000,,So if you have multiple parts that are\Nexactly the same,
Dialogue: 0,0:26:31.30,0:26:35.12,Default,,0000,0000,0000,,think about copy and pasting, so you're\Nnot making them over, and over again.
Dialogue: 0,0:26:35.12,0:26:37.42,Default,,0000,0000,0000,,These are all the same here.
Dialogue: 0,0:26:37.42,0:26:39.08,Default,,0000,0000,0000,,This is all the same.
Dialogue: 0,0:26:39.08,0:26:42.53,Default,,0000,0000,0000,,Once you've drawn your adorable little\Nrobot,
Dialogue: 0,0:26:42.53,0:26:45.37,Default,,0000,0000,0000,,you are going to, give it a different\Ncolor.
Dialogue: 0,0:26:45.37,0:26:48.29,Default,,0000,0000,0000,,So I don't want your robot to be white,\Nlike mine.
Dialogue: 0,0:26:48.29,0:26:49.47,Default,,0000,0000,0000,,Give him a different color.
Dialogue: 0,0:26:49.47,0:26:51.82,Default,,0000,0000,0000,,You could change all the parts to a\Ndifferent color.
Dialogue: 0,0:26:51.82,0:26:58.71,Default,,0000,0000,0000,,You could, put a new rectangle, behind,\Nthat has a different fill color.
Dialogue: 0,0:26:58.71,0:27:04.20,Default,,0000,0000,0000,,Let's say we want this to be, we want\Na nice kind of green background.
Dialogue: 0,0:27:04.20,0:27:12.76,Default,,0000,0000,0000,,And perhaps your robot, is going to be,\Num, let's make him, uh, a yellow robot.
Dialogue: 0,0:27:12.76,0:27:17.25,Default,,0000,0000,0000,,Play with your layer order so you get it\Nin the right order.
Dialogue: 0,0:27:17.25,0:27:19.30,Default,,0000,0000,0000,,You can start building on top.
Dialogue: 0,0:27:19.30,0:27:22.84,Default,,0000,0000,0000,,Perhaps the last step is to, put a new\Nbackground color.
Dialogue: 0,0:27:22.84,0:27:29.48,Default,,0000,0000,0000,,So I would draw all the pieces, and then\Nuse your properties panel to change them.
Dialogue: 0,0:27:29.48,0:27:32.75,Default,,0000,0000,0000,,So that will be your practice task, let me\Nknow if you have any questions
Dialogue: 0,0:27:32.75,0:27:36.18,Default,,0000,0000,0000,,or if you get stuck, using basic shapes\Nto draw.