English Subtitles for Adobe Illustrator Basics: Part 03



Subtitles / Closed Captions - English

what's up guys<font color="#E5E5E5"> Eric Vasquez here from</font>

teach me to design<font color="#E5E5E5"> calm and today is</font> <font color="#CCCCCC">lesson 3</font><font color="#E5E5E5"> on our Adobe Illustrator basics</font> video series and I'm going to<font color="#E5E5E5"> be</font> <font color="#CCCCCC">building off of</font><font color="#E5E5E5"> last week's video where</font> I showed you guys<font color="#E5E5E5"> how</font><font color="#CCCCCC"> to use</font><font color="#E5E5E5"> the pen</font> tool<font color="#CCCCCC"> so</font><font color="#E5E5E5"> today we're going to be tracing</font>

a photograph in<font color="#E5E5E5"> Illustrator and I'm</font> going to<font color="#E5E5E5"> show you guys how</font><font color="#CCCCCC"> you</font><font color="#E5E5E5"> can turn</font> <font color="#E5E5E5">that photograph into vector art now from</font> there we're<font color="#E5E5E5"> going to be taking our</font> custom vector art<font color="#CCCCCC"> and I'll show you</font><font color="#E5E5E5"> how</font> <font color="#E5E5E5">to create unique</font><font color="#CCCCCC"> and interesting</font>

patterns<font color="#E5E5E5"> along with that we'll be doing</font> a few<font color="#E5E5E5"> other</font><font color="#CCCCCC"> things</font><font color="#E5E5E5"> like creating some</font> color variations using artboards <font color="#E5E5E5">blending modes and opacity so let's jump</font> right<font color="#E5E5E5"> in</font> <font color="#CCCCCC">alright guys so today we're</font><font color="#E5E5E5"> going to be</font>

continuing<font color="#CCCCCC"> in</font><font color="#E5E5E5"> our Adobe Illustrator</font> basics video series<font color="#CCCCCC"> this</font><font color="#E5E5E5"> is part</font><font color="#CCCCCC"> three</font> or lesson<font color="#CCCCCC"> three of that series and you</font> know I've been<font color="#CCCCCC"> covering quite a bit of</font> stuff<font color="#E5E5E5"> so far just in part</font><font color="#CCCCCC"> 1 in part 2 so</font> you know I might<font color="#CCCCCC"> be using some of the</font>

stuff that I've<font color="#E5E5E5"> covered in previous</font> <font color="#E5E5E5">videos in any subsequent videos part 3/4</font> and anything after<font color="#CCCCCC"> that but if you need</font> a<font color="#E5E5E5"> refresher you</font><font color="#CCCCCC"> know you just go back</font> and<font color="#CCCCCC"> check out</font><font color="#E5E5E5"> any of the previous</font><font color="#CCCCCC"> videos</font> in part<font color="#E5E5E5"> 2 I showed you guys some</font>

different<font color="#CCCCCC"> things</font><font color="#E5E5E5"> that</font><font color="#CCCCCC"> you can do with a</font> pen tool<font color="#E5E5E5"> and tracing it and things like</font> <font color="#CCCCCC">that</font><font color="#E5E5E5"> so when it comes to tracing you</font> know you could trace a photo you can trace a sketch<font color="#CCCCCC"> you can really trace</font><font color="#E5E5E5"> over</font> anything<font color="#E5E5E5"> that</font><font color="#CCCCCC"> you want</font><font color="#E5E5E5"> but let's say you</font>

had this image here where I just<font color="#E5E5E5"> have</font> some different<font color="#E5E5E5"> flowers isolated on a</font> white background<font color="#CCCCCC"> but</font><font color="#E5E5E5"> let's say I want to</font> make<font color="#E5E5E5"> these a vector if I drag it over</font> <font color="#CCCCCC">here you can see that it</font><font color="#E5E5E5"> you know it's</font> one image it's solid it's got the white

<font color="#CCCCCC">background</font><font color="#E5E5E5"> there's a couple of ways</font><font color="#CCCCCC"> that</font> <font color="#CCCCCC">I could</font><font color="#E5E5E5"> go</font><font color="#CCCCCC"> about this one way is to</font> maybe lock the layer create a new layer <font color="#CCCCCC">on</font><font color="#E5E5E5"> top of</font><font color="#CCCCCC"> it</font><font color="#E5E5E5"> and fill it</font><font color="#CCCCCC"> with white</font><font color="#E5E5E5"> and</font> then come<font color="#CCCCCC"> over here to your</font><font color="#E5E5E5"> transparency</font> option<font color="#CCCCCC"> on the right side which</font><font color="#E5E5E5"> you can</font>

also get<font color="#CCCCCC"> to just</font><font color="#E5E5E5"> by going to window</font> transparency<font color="#CCCCCC"> and all I'm going to do is</font> lower the transparency<font color="#CCCCCC"> of the white</font> layer to about<font color="#CCCCCC"> 50%</font><font color="#E5E5E5"> and then lock that</font> layer as well<font color="#E5E5E5"> now I could create a new</font> <font color="#E5E5E5">layer on top of</font><font color="#CCCCCC"> this</font><font color="#E5E5E5"> grab my pen tool</font>

<font color="#E5E5E5">press D to</font><font color="#CCCCCC"> get my default colors and</font> then as I've shown you<font color="#CCCCCC"> guys in the</font> previous video you can toggle this<font color="#E5E5E5"> by</font> <font color="#E5E5E5">holding down shift and pressing X to</font> switch<font color="#E5E5E5"> between your fill</font><font color="#CCCCCC"> and stroke</font> colors or actually to swap them so here

<font color="#E5E5E5">I have white as a fill now it's my</font> stroke but if<font color="#E5E5E5"> I just want to go back and</font> forth between<font color="#E5E5E5"> them it's just X without</font> <font color="#CCCCCC">the shift key being held down so let's</font> say I just<font color="#E5E5E5"> want to get rid of the white</font> fill for now and all I have<font color="#E5E5E5"> is a black</font>

outline<font color="#CCCCCC"> now I could come in here</font><font color="#E5E5E5"> you</font> know and begin<font color="#E5E5E5"> tracing the outside of</font> the shape and then gradually kind<font color="#E5E5E5"> of</font> work my way to the<font color="#E5E5E5"> inside</font><font color="#CCCCCC"> of</font><font color="#E5E5E5"> the shape</font> with more and more details<font color="#E5E5E5"> but you know</font> that would

leave a fairly time-consuming and a little bit tedious<font color="#E5E5E5"> because there is</font> <font color="#E5E5E5">quite a lot of</font><font color="#CCCCCC"> detail in here especially</font> some of<font color="#CCCCCC"> these</font><font color="#E5E5E5"> flowers that</font><font color="#CCCCCC"> have these</font> <font color="#E5E5E5">really you know beautiful and</font> interesting patterns on them so I want

to show you guys<font color="#E5E5E5"> an easier way</font><font color="#CCCCCC"> to do</font> <font color="#E5E5E5">this</font><font color="#CCCCCC"> alright so what I'm</font><font color="#E5E5E5"> going to do is</font> select my photo<font color="#E5E5E5"> and then hold</font><font color="#CCCCCC"> down</font><font color="#E5E5E5"> the</font> option and<font color="#CCCCCC"> shift</font><font color="#E5E5E5"> keys and just drag this</font> over here<font color="#CCCCCC"> to the side</font><font color="#E5E5E5"> so</font><font color="#CCCCCC"> that I have a</font> copy of<font color="#E5E5E5"> it alright and</font><font color="#CCCCCC"> I've shown you</font>

<font color="#CCCCCC">guys how to do that in previous</font><font color="#E5E5E5"> video in</font> one of the previous<font color="#CCCCCC"> videos that we've</font> already covered so what we're going to do<font color="#E5E5E5"> from</font><font color="#CCCCCC"> here is press command</font><font color="#E5E5E5"> X to cut</font> that create a new layer and press <font color="#CCCCCC">command F</font><font color="#E5E5E5"> to paste in front now I'm</font>

going to lock<font color="#CCCCCC"> that layer</font><font color="#E5E5E5"> and poke its</font> eye out to hide it so that I have a copy on<font color="#CCCCCC"> a separate layer now I'm going to be</font> working<font color="#CCCCCC"> on this layer</font><font color="#E5E5E5"> and what you want</font> to do is select it with your<font color="#E5E5E5"> arrow or to</font> be more<font color="#E5E5E5"> specific with your selection</font>

tool and<font color="#E5E5E5"> then come up</font><font color="#CCCCCC"> here to where it</font> says<font color="#E5E5E5"> image trace and this as it says</font> converts an image into tracing<font color="#CCCCCC"> object so</font> this is<font color="#E5E5E5"> just a warning</font><font color="#CCCCCC"> telling you it</font> may take a<font color="#CCCCCC"> couple of seconds because</font> it's a pretty<font color="#E5E5E5"> detailed looking image but</font>

once you do this you will<font color="#CCCCCC"> be able</font><font color="#E5E5E5"> to get</font> a<font color="#E5E5E5"> pretty good result</font><font color="#CCCCCC"> now</font><font color="#E5E5E5"> this is not a</font> pretty good result but let me show you how you<font color="#CCCCCC"> can tweak these settings a</font> little<font color="#E5E5E5"> bit to change it up</font><font color="#CCCCCC"> so up here</font> where<font color="#CCCCCC"> we</font><font color="#E5E5E5"> went</font><font color="#CCCCCC"> to</font><font color="#E5E5E5"> the auto trace feature</font>

you'll have this little<font color="#CCCCCC"> menu</font><font color="#E5E5E5"> called your</font> image trace panel now<font color="#E5E5E5"> if I click</font><font color="#CCCCCC"> that is</font> see I've got<font color="#CCCCCC"> some different settings I</font> can<font color="#CCCCCC"> do auto</font><font color="#E5E5E5"> color high color low color</font> grayscale<font color="#E5E5E5"> black and white which is what</font> we have now<font color="#CCCCCC"> or outline and you also have</font>

this this<font color="#E5E5E5"> is really important</font><font color="#CCCCCC"> this is</font> your threshold<font color="#E5E5E5"> which as you move it up</font> and<font color="#E5E5E5"> down will give you more or less</font> <font color="#E5E5E5">detail in your tracing</font><font color="#CCCCCC"> result</font> as you can see here it<font color="#E5E5E5"> gave us a little</font> bit more detail<font color="#E5E5E5"> by giving us some more</font>

black<font color="#E5E5E5"> and</font><font color="#CCCCCC"> if I</font><font color="#E5E5E5"> increase</font><font color="#CCCCCC"> that even</font> further<font color="#CCCCCC"> it'll</font><font color="#E5E5E5"> take a couple of moments</font> <font color="#E5E5E5">but then it'll</font><font color="#CCCCCC"> update</font><font color="#E5E5E5"> and you can see</font> that<font color="#E5E5E5"> you know now you almost have a</font> silhouette<font color="#E5E5E5"> or a solid shape for most of</font> <font color="#CCCCCC">these flowers but</font><font color="#E5E5E5"> I don't really want</font>

<font color="#CCCCCC">that I still want to have</font><font color="#E5E5E5"> some color</font> <font color="#CCCCCC">here so I'm going to come</font><font color="#E5E5E5"> up here</font><font color="#CCCCCC"> to my</font> preset and you<font color="#CCCCCC"> can choose from these</font> other<font color="#E5E5E5"> things you can choose 16 colors</font> sketched<font color="#E5E5E5"> art silhouettes there's some a</font> bunch<font color="#E5E5E5"> of cool options here but the one</font>

that I'm most concerned with<font color="#E5E5E5"> for now is</font> color<font color="#E5E5E5"> so instead</font><font color="#CCCCCC"> of the preset I'm just</font> going to<font color="#E5E5E5"> leave</font><font color="#CCCCCC"> it on custom leave the</font> view on tracing<font color="#E5E5E5"> result and change the</font> mode<font color="#CCCCCC"> from black and white to color</font> now the reason I'm choosing<font color="#E5E5E5"> this instead</font>

<font color="#E5E5E5">of the preset is because where we</font> previously<font color="#CCCCCC"> had our threshold bar here</font> it's now a color scale so it's<font color="#CCCCCC"> asking</font><font color="#E5E5E5"> us</font> <font color="#E5E5E5">to</font><font color="#CCCCCC"> specify how many</font><font color="#E5E5E5"> colors do</font><font color="#CCCCCC"> we want it</font> can be anything from<font color="#E5E5E5"> 2 up until 30</font> colors<font color="#E5E5E5"> now I have this cranked all the</font>

<font color="#CCCCCC">way up to 30 colors so that is the</font> maximum<font color="#CCCCCC"> number of colors used for</font> tracing and because of<font color="#E5E5E5"> that it's going</font> to<font color="#E5E5E5"> take a little bit longer just to</font> produce a result here for us so I'm just <font color="#E5E5E5">going to let illustrator think for a</font>

second<font color="#CCCCCC"> do its Fang use its brain power</font> <font color="#E5E5E5">and see what it gives us now this</font><font color="#CCCCCC"> auto</font> trace feature<font color="#E5E5E5"> is really</font><font color="#CCCCCC"> handy</font><font color="#E5E5E5"> if you</font> wanted to<font color="#E5E5E5"> quickly turn a photo into a</font> vector<font color="#E5E5E5"> and I created a video about this</font> pretty<font color="#E5E5E5"> early on when I started</font><font color="#CCCCCC"> the</font>

channel<font color="#E5E5E5"> as part of my 30 tips in 30 days</font> video series I did<font color="#E5E5E5"> one video</font> specifically on using the auto trace <font color="#E5E5E5">feature so you guys can</font><font color="#CCCCCC"> check that out</font> if you<font color="#CCCCCC"> want to see a little bit more</font> <font color="#E5E5E5">about this feature</font><font color="#CCCCCC"> now here's</font><font color="#E5E5E5"> our result</font>

<font color="#E5E5E5">and as you can see it looks pretty good</font> to<font color="#CCCCCC"> our our photo that we have over</font><font color="#E5E5E5"> here</font> we<font color="#E5E5E5"> still</font><font color="#CCCCCC"> have the original all right so</font> if i<font color="#CCCCCC"> zoom out a little bit you can</font><font color="#E5E5E5"> see</font> <font color="#E5E5E5">it's</font><font color="#CCCCCC"> actually a pretty</font><font color="#E5E5E5"> good result</font><font color="#CCCCCC"> now</font> you know lock<font color="#E5E5E5"> that</font><font color="#CCCCCC"> and turn that</font><font color="#E5E5E5"> back</font>

off the problem<font color="#CCCCCC"> is that we still have</font> this white<font color="#CCCCCC"> background and</font><font color="#E5E5E5"> it's all one</font> <font color="#E5E5E5">solid shape so now that we've traced it</font> how do we actually<font color="#E5E5E5"> convert this into</font> points that we can<font color="#CCCCCC"> use and manipulate</font> <font color="#E5E5E5">well once you're happy with the result</font>

<font color="#CCCCCC">all you have</font><font color="#E5E5E5"> to do is come</font><font color="#CCCCCC"> up here to</font> where<font color="#CCCCCC"> it says expand</font> click on that<font color="#E5E5E5"> and it's basically going</font> to<font color="#CCCCCC"> look</font><font color="#E5E5E5"> over the entire image that we</font> just<font color="#CCCCCC"> traced</font><font color="#E5E5E5"> and take all these little</font> shapes and details<font color="#CCCCCC"> and</font><font color="#E5E5E5"> everything like</font>

<font color="#E5E5E5">that</font><font color="#CCCCCC"> and create them or you know</font> <font color="#CCCCCC">basically</font><font color="#E5E5E5"> recreate them as vector points</font> <font color="#CCCCCC">all right so again</font><font color="#E5E5E5"> just give it a couple</font> of seconds<font color="#CCCCCC"> to run through and do its</font> thing <font color="#CCCCCC">all right so there</font><font color="#E5E5E5"> you go</font><font color="#CCCCCC"> now you can</font>

<font color="#E5E5E5">actually see all of these points there's</font> tons<font color="#CCCCCC"> of points</font><font color="#E5E5E5"> in here</font><font color="#CCCCCC"> that we</font><font color="#E5E5E5"> can now</font> use and manipulate<font color="#E5E5E5"> so if I select all of</font> <font color="#E5E5E5">this I'm</font><font color="#CCCCCC"> just going</font><font color="#E5E5E5"> to move this over to</font> <font color="#CCCCCC">the</font><font color="#E5E5E5"> side</font><font color="#CCCCCC"> here</font><font color="#E5E5E5"> all right we</font><font color="#CCCCCC"> still have</font> this white<font color="#CCCCCC"> background but the nice thing</font>

<font color="#CCCCCC">is that because we have</font><font color="#E5E5E5"> converted this</font> <font color="#E5E5E5">to points you can now see I have my</font> guides<font color="#E5E5E5"> turned on so I don't know if you</font> guys can see these you know faint blue outlines when I hover<font color="#E5E5E5"> over</font><font color="#CCCCCC"> something</font><font color="#E5E5E5"> but</font> if<font color="#E5E5E5"> I press a to get my direct selection</font>

tool<font color="#CCCCCC"> I can</font><font color="#E5E5E5"> simply click on this any of</font> <font color="#E5E5E5">this white area in</font><font color="#CCCCCC"> the background</font><font color="#E5E5E5"> and</font> I'm just<font color="#E5E5E5"> going to delete</font><font color="#CCCCCC"> it</font><font color="#E5E5E5"> beautiful</font> right<font color="#CCCCCC"> so now there are</font><font color="#E5E5E5"> some areas that</font> <font color="#E5E5E5">get a little choppy and glitchy but for</font> the most<font color="#E5E5E5"> part</font><font color="#CCCCCC"> it looks</font><font color="#E5E5E5"> pretty good now</font>

what we can do from<font color="#E5E5E5"> here</font><font color="#CCCCCC"> is</font><font color="#E5E5E5"> we're going</font> to<font color="#E5E5E5"> want to clean this up a little bit</font> let's<font color="#CCCCCC"> say we just want to take you know</font> three<font color="#E5E5E5"> or maybe</font><font color="#CCCCCC"> four of</font><font color="#E5E5E5"> these flowers</font><font color="#CCCCCC"> and</font> scrap the<font color="#CCCCCC"> rest of them so it can be</font> tricky<font color="#CCCCCC"> to</font><font color="#E5E5E5"> just come in here and</font><font color="#CCCCCC"> select</font>

one of<font color="#E5E5E5"> these and try</font><font color="#CCCCCC"> to pull it apart</font> and you<font color="#E5E5E5"> know you can see all kinds</font><font color="#CCCCCC"> of</font> <font color="#CCCCCC">wacky stuff</font><font color="#E5E5E5"> can</font><font color="#CCCCCC"> start to happen so if we</font> need to<font color="#E5E5E5"> get a little bit more precise</font> and get in here what I would probably<font color="#E5E5E5"> use is this lasso</font>

tool<font color="#E5E5E5"> which you can get by pressing Q on</font> <font color="#CCCCCC">the keyboard so it's very similar to</font> <font color="#CCCCCC">photoshop you</font><font color="#E5E5E5"> basically just drag using</font> <font color="#E5E5E5">your mouse or using</font><font color="#CCCCCC"> a stylus if you're</font> on a tablet<font color="#CCCCCC"> and I'm going</font><font color="#E5E5E5"> to drag</font><font color="#CCCCCC"> my</font> lasso around<font color="#E5E5E5"> this first shape press V</font>

and then command<font color="#E5E5E5"> G to group it and now I</font> can just<font color="#CCCCCC"> move this around as one shape</font> oops<font color="#E5E5E5"> sorry</font><font color="#CCCCCC"> it looks like all of these</font> <font color="#E5E5E5">are grouped currently so I need to</font> <font color="#CCCCCC">ungroup them to do that I'm just going</font> to<font color="#E5E5E5"> come up to the object</font><font color="#CCCCCC"> menu</font><font color="#E5E5E5"> and choose</font>

ungroup<font color="#CCCCCC"> or you could press command shift</font> G on the keyboard<font color="#CCCCCC"> and</font><font color="#E5E5E5"> now that I've done</font> <font color="#CCCCCC">that you can move these elements and</font> pieces around individually now<font color="#E5E5E5"> the</font> problem with that ungroup is that it also kind<font color="#E5E5E5"> of pulls apart these other</font>

shapes so<font color="#CCCCCC"> that is why using our lasso</font> will be<font color="#E5E5E5"> extremely handy because it will</font> <font color="#E5E5E5">allow us</font><font color="#CCCCCC"> to</font><font color="#E5E5E5"> grab bigger chunks or pieces</font> <font color="#CCCCCC">of these flowers all at once so again</font> I'm just<font color="#E5E5E5"> going</font><font color="#CCCCCC"> to go in here and try to</font> carefully make my way around the shape

press<font color="#E5E5E5"> V and then</font> <font color="#CCCCCC">Manji to group that together and then we</font> have another<font color="#CCCCCC"> flower that we can use and</font> I'm<font color="#E5E5E5"> going to continue to do that with</font> <font color="#E5E5E5">one</font><font color="#CCCCCC"> or two</font><font color="#E5E5E5"> more of these flowers here</font> let's grab this<font color="#E5E5E5"> one in the upper left</font>

<font color="#CCCCCC">this white</font><font color="#E5E5E5"> one was to get a little</font> variety<font color="#E5E5E5"> here okay same thing</font><font color="#CCCCCC"> V command G</font> it's a group it I'm going to<font color="#E5E5E5"> move it</font> over<font color="#CCCCCC"> here onto the</font><font color="#E5E5E5"> canvas or the</font> <font color="#CCCCCC">artboard</font><font color="#E5E5E5"> and then let's grab maybe this</font> pink flower here okay very careful

hopefully I didn't grab any<font color="#CCCCCC"> of that</font> flower<font color="#E5E5E5"> on top but if I did it's okay we</font> can<font color="#CCCCCC"> always fix it again just</font><font color="#E5E5E5"> grab that</font> <font color="#CCCCCC">SB command G to group it</font><font color="#E5E5E5"> I move that on</font> over<font color="#E5E5E5"> here now to get the rid of the rest</font> of these I could<font color="#E5E5E5"> just you know come in</font>

here delete<font color="#E5E5E5"> them I could also come over</font> <font color="#CCCCCC">here and</font><font color="#E5E5E5"> grab the</font><font color="#CCCCCC"> eraser tool</font><font color="#E5E5E5"> using</font> shift in<font color="#E5E5E5"> E and as you kind of brush over</font> this you can just<font color="#E5E5E5"> literally</font><font color="#CCCCCC"> like erasing</font> <font color="#E5E5E5">you know these points and these vectors</font> here<font color="#E5E5E5"> but that can take a little while</font><font color="#CCCCCC"> so</font>

I'm just<font color="#CCCCCC"> going to click and drag around</font> <font color="#E5E5E5">all</font><font color="#CCCCCC"> of them and delete</font><font color="#E5E5E5"> them</font><font color="#CCCCCC"> so now I'm</font> <font color="#E5E5E5">just using the hand tool again just</font> holding<font color="#CCCCCC"> down the spacebar</font><font color="#E5E5E5"> and clicking</font> <font color="#E5E5E5">and dragging around to move freely so</font> now we've traced<font color="#E5E5E5"> an image to get</font><font color="#CCCCCC"> a</font>

pretty<font color="#CCCCCC"> realistic result and we've pulled</font> it<font color="#CCCCCC"> apart but</font><font color="#E5E5E5"> still managed</font><font color="#CCCCCC"> to group some</font> of<font color="#E5E5E5"> these individual flowers</font><font color="#CCCCCC"> together so</font> now that<font color="#E5E5E5"> we have</font><font color="#CCCCCC"> this what can we do</font> with this<font color="#E5E5E5"> well you could always add this</font> to a larger illustration<font color="#E5E5E5"> that you're</font>

<font color="#CCCCCC">working on and maybe as a design element</font> <font color="#E5E5E5">but there's something else</font><font color="#CCCCCC"> that's pretty</font> <font color="#E5E5E5">cool that we</font><font color="#CCCCCC"> can do so I'm going to</font> <font color="#CCCCCC">select all of these just</font><font color="#E5E5E5"> clicking and</font> dragging<font color="#E5E5E5"> around them and come up here to</font> the object menu<font color="#E5E5E5"> and</font><font color="#CCCCCC"> then we're</font><font color="#E5E5E5"> going to</font>

<font color="#E5E5E5">choose pattern make now this is just</font> <font color="#CCCCCC">telling you that the new pattern has</font> <font color="#CCCCCC">been added to your swatches</font><font color="#E5E5E5"> panel any</font> changes<font color="#E5E5E5"> made while in pattern editing</font> mode will<font color="#CCCCCC"> be applied</font><font color="#E5E5E5"> to the swatch upon</font> exit great<font color="#E5E5E5"> just hit OK and</font><font color="#CCCCCC"> now you can</font>

see it's<font color="#E5E5E5"> basically put this bounding box</font> around<font color="#CCCCCC"> these</font><font color="#E5E5E5"> four flower petals and what</font> we can do <font color="#E5E5E5">is resize them</font><font color="#CCCCCC"> I'm just hovering over</font> the corner<font color="#CCCCCC"> and then</font><font color="#E5E5E5"> holding shift and</font> <font color="#E5E5E5">alt to scale it down from the center and</font>

you<font color="#E5E5E5"> can rotate them any way</font><font color="#CCCCCC"> you</font><font color="#E5E5E5"> want and</font> it's basically going<font color="#CCCCCC"> to update</font><font color="#E5E5E5"> all</font> instances or all the<font color="#E5E5E5"> copies of this</font> flower<font color="#CCCCCC"> so what I</font><font color="#E5E5E5"> mean by that is if i</font> <font color="#CCCCCC">zoom out you can see it's basically</font> repeating this pattern<font color="#CCCCCC"> I think about</font>

<font color="#CCCCCC">nine times 3x3 something</font><font color="#E5E5E5"> like that</font><font color="#CCCCCC"> all</font> <font color="#E5E5E5">right so this</font><font color="#CCCCCC"> is pretty cool because</font> it's a very<font color="#E5E5E5"> easy and quick</font><font color="#CCCCCC"> way to create</font> a<font color="#E5E5E5"> pattern from a photo that we change</font> into<font color="#CCCCCC"> a vector</font><font color="#E5E5E5"> so I'm just going</font><font color="#CCCCCC"> to</font><font color="#E5E5E5"> make</font> a few copies of this<font color="#E5E5E5"> and try to just</font>

randomize it a<font color="#CCCCCC"> little bit so I'm just</font> <font color="#E5E5E5">going to tweak these a little try to</font> place them<font color="#CCCCCC"> randomly</font><font color="#E5E5E5"> within this</font> <font color="#E5E5E5">rectangle here</font><font color="#CCCCCC"> and then see if we can</font> get an interesting<font color="#E5E5E5"> pattern going</font> you

<font color="#CCCCCC">all</font><font color="#E5E5E5"> right so pretty straightforward</font><font color="#CCCCCC"> I've</font> just tried<font color="#E5E5E5"> to you know flip and rotate</font> some of these to make them<font color="#CCCCCC"> appear a</font> little<font color="#CCCCCC"> bit more random and to try</font><font color="#E5E5E5"> and</font> just mix it up<font color="#E5E5E5"> and get some variation in</font> here so now that<font color="#E5E5E5"> we've done this we</font>

<font color="#E5E5E5">basically have our swatch over here but</font> once we're happy<font color="#E5E5E5"> with</font><font color="#CCCCCC"> it</font> all we have to<font color="#CCCCCC"> do is come up to the top</font> here<font color="#E5E5E5"> and you'll see this gray bar and we</font> can just hit done okay and then that's <font color="#E5E5E5">going to return us to our</font><font color="#CCCCCC"> normal</font><font color="#E5E5E5"> looking</font>

document without<font color="#E5E5E5"> the pattern preview so</font> I'm going<font color="#E5E5E5"> to select all of these cut</font> them come<font color="#CCCCCC"> back to my layers</font><font color="#E5E5E5"> palette</font> <font color="#CCCCCC">create a new</font><font color="#E5E5E5"> layer and press</font><font color="#CCCCCC"> command</font><font color="#E5E5E5"> F</font> to paste<font color="#E5E5E5"> them in place</font><font color="#CCCCCC"> and</font><font color="#E5E5E5"> then I will</font> lock<font color="#CCCCCC"> that layer poke the eye</font><font color="#E5E5E5"> out and now</font>

I just<font color="#E5E5E5"> have this one original blank</font> layer what I'm going to do from here<font color="#CCCCCC"> is</font> <font color="#E5E5E5">grab my rectangle tool</font><font color="#CCCCCC"> which</font><font color="#E5E5E5"> you can</font> also get by pressing M on the keyboard <font color="#CCCCCC">and I'm just</font><font color="#E5E5E5"> going to drag a rectangle</font> out<font color="#E5E5E5"> the size of our artboard now what's</font>

nice is that<font color="#E5E5E5"> the pattern that we</font><font color="#CCCCCC"> just</font> created<font color="#E5E5E5"> has been</font><font color="#CCCCCC"> saved in</font><font color="#E5E5E5"> our swatches</font> panel so all<font color="#E5E5E5"> I have</font><font color="#CCCCCC"> to do is click on</font> the swatch<font color="#E5E5E5"> and it's going</font><font color="#CCCCCC"> to fill my</font> shape<font color="#E5E5E5"> all right here I have a stroke so</font> I'm just<font color="#E5E5E5"> going</font><font color="#CCCCCC"> to hit done</font><font color="#E5E5E5"> but you can</font>

<font color="#CCCCCC">see the fill color</font><font color="#E5E5E5"> is now this pattern</font> <font color="#E5E5E5">so however big I want to make this or</font> you know whatever shape I want to use even<font color="#E5E5E5"> if it's a circle</font><font color="#CCCCCC"> I can fill it</font><font color="#E5E5E5"> with</font> that<font color="#E5E5E5"> pattern</font><font color="#CCCCCC"> and it's nice</font><font color="#E5E5E5"> because it</font> has no<font color="#CCCCCC"> background so it's basically a</font>

transparent<font color="#CCCCCC"> right so at this point</font><font color="#E5E5E5"> I'm</font> <font color="#E5E5E5">going to create another new layer bring</font> <font color="#E5E5E5">it below</font><font color="#CCCCCC"> this pattern and just make</font> another rectangle about the same size and let's fill it with a color<font color="#E5E5E5"> so I'm</font> going<font color="#E5E5E5"> to come back to the swatches</font><font color="#CCCCCC"> panel</font>

and you'll see I don't<font color="#E5E5E5"> have any other</font> swatches at the moment so to<font color="#CCCCCC"> get some of</font> <font color="#E5E5E5">those I'm going to come</font><font color="#CCCCCC"> up</font><font color="#E5E5E5"> here to</font><font color="#CCCCCC"> this</font> <font color="#CCCCCC">drop-down menu this hamburger</font><font color="#E5E5E5"> menu on</font> the<font color="#CCCCCC"> upper right and click on</font><font color="#E5E5E5"> that and</font> you'll<font color="#CCCCCC"> see down below you have something</font>

<font color="#E5E5E5">called open swatch library and from here</font> you<font color="#E5E5E5"> can choose a hole from a whole bunch</font> <font color="#CCCCCC">of presets that</font><font color="#E5E5E5"> you have an illustrator</font> for now I'm going<font color="#E5E5E5"> to choose nature and</font> choose<font color="#E5E5E5"> flowers just to keep things kind</font> <font color="#CCCCCC">of</font><font color="#E5E5E5"> in the same family so you'll see you</font>

get a whole<font color="#E5E5E5"> bunch of pre-loaded</font><font color="#CCCCCC"> swatches</font> and things like<font color="#E5E5E5"> that</font> can choose from<font color="#E5E5E5"> but it looks like it</font> <font color="#E5E5E5">kind of do this on the same layer</font><font color="#CCCCCC"> as our</font> <font color="#E5E5E5">pattern so I'm going to lock that</font><font color="#CCCCCC"> for</font> now I just<font color="#E5E5E5"> cut that shape or that</font><font color="#CCCCCC"> color</font>

by pressing<font color="#CCCCCC"> command X and I'm</font><font color="#E5E5E5"> going to</font> lock<font color="#CCCCCC"> that pattern to make sure that I</font> put<font color="#CCCCCC"> it below so then I just press</font> command F and<font color="#E5E5E5"> that will paste in</font><font color="#CCCCCC"> front</font> <font color="#E5E5E5">this shape that I had just previously</font> <font color="#E5E5E5">cut okay hopefully that makes sense to</font>

you<font color="#E5E5E5"> guys I've basically pasted them both</font> on the<font color="#CCCCCC"> same layer so now I just</font><font color="#E5E5E5"> want</font><font color="#CCCCCC"> to</font> <font color="#E5E5E5">separate them okay but now I can play</font> around<font color="#E5E5E5"> with these colors</font><font color="#CCCCCC"> and you know</font> find<font color="#E5E5E5"> something that looks kind</font><font color="#CCCCCC"> of</font><font color="#E5E5E5"> cool</font> <font color="#CCCCCC">so now I have a background</font><font color="#E5E5E5"> color I've</font>

got my pattern and what's<font color="#CCCCCC"> even more</font> interesting is<font color="#CCCCCC"> I can select this pattern</font> <font color="#E5E5E5">and let's come over here to our</font> <font color="#E5E5E5">transparency option and now I showed you</font> guys in<font color="#E5E5E5"> video number two</font><font color="#CCCCCC"> how you can</font> play around with blending modes this

<font color="#E5E5E5">also works with your</font><font color="#CCCCCC"> pattern so I can</font> <font color="#CCCCCC">change this to multiply</font><font color="#E5E5E5"> you can change</font> it to<font color="#E5E5E5"> screen any one of these I</font> encourage you guys to<font color="#CCCCCC"> just</font><font color="#E5E5E5"> kind of play</font> around<font color="#E5E5E5"> with it and maybe find some</font> interesting<font color="#E5E5E5"> looking results here by</font>

<font color="#CCCCCC">using these different</font><font color="#E5E5E5"> blending modes to</font> create an<font color="#E5E5E5"> even more</font><font color="#CCCCCC"> unique or</font> interesting looking pattern right that actually<font color="#CCCCCC"> looks pretty</font><font color="#E5E5E5"> cool</font><font color="#CCCCCC"> and if you</font> want to take it one<font color="#CCCCCC"> step further go</font> ahead and lock<font color="#CCCCCC"> that unlock your solid</font>

yellow background<font color="#CCCCCC"> select it press</font> <font color="#E5E5E5">command</font><font color="#CCCCCC"> C to copy it then I'm going to</font> <font color="#CCCCCC">lock that layer and</font><font color="#E5E5E5"> create another new</font> layer<font color="#CCCCCC"> on</font><font color="#E5E5E5"> top of</font><font color="#CCCCCC"> the pattern and press</font> command<font color="#CCCCCC"> F to paste in front and now I</font> can also change<font color="#E5E5E5"> the blending mode</font><font color="#CCCCCC"> of</font>

<font color="#E5E5E5">this to affect</font><font color="#CCCCCC"> the pattern below alright</font> <font color="#E5E5E5">so you can kind of you know add even</font> <font color="#CCCCCC">more interest</font><font color="#E5E5E5"> to it by experimenting</font> with these other blending modes let's say you just<font color="#E5E5E5"> want</font><font color="#CCCCCC"> it to be you</font><font color="#E5E5E5"> know</font><font color="#CCCCCC"> kind</font> of<font color="#E5E5E5"> a solid</font><font color="#CCCCCC"> color I can just</font><font color="#E5E5E5"> change the</font>

blending<font color="#CCCCCC"> mode to color and see how that</font> <font color="#CCCCCC">effects our pattern right so there's a</font> lot of<font color="#CCCCCC"> ways that you</font><font color="#E5E5E5"> can get</font><font color="#CCCCCC"> these</font> really interesting<font color="#E5E5E5"> looking patterns and</font> get different results<font color="#CCCCCC"> and let's say I</font> wanted to<font color="#E5E5E5"> I'm just going to close this</font>

let's say that I wanted<font color="#CCCCCC"> to see a</font><font color="#E5E5E5"> couple</font> variations<font color="#E5E5E5"> of this well in the first</font> <font color="#E5E5E5">video I showed you guys</font><font color="#CCCCCC"> how</font><font color="#E5E5E5"> you can use</font> artboards to<font color="#E5E5E5"> set up different variations</font> or different types<font color="#E5E5E5"> of</font> our work in the same<font color="#CCCCCC"> document so let's</font>

try<font color="#CCCCCC"> that out</font><font color="#E5E5E5"> right now I'm going to come</font> up<font color="#CCCCCC"> here to view and choose</font><font color="#E5E5E5"> snap to grid</font> and then I'll<font color="#E5E5E5"> select my artboard tool</font> <font color="#CCCCCC">over here which is just shift or shift</font> <font color="#CCCCCC">and o on the keyboard or you can select</font> it manually<font color="#E5E5E5"> now once you</font><font color="#CCCCCC"> have</font><font color="#E5E5E5"> that just</font>

<font color="#E5E5E5">come back here to this new artboard icon</font> <font color="#E5E5E5">and I'm just going to place maybe two</font> more artboards<font color="#CCCCCC"> side-by-side so we</font><font color="#E5E5E5"> have</font> them in a row okay like<font color="#CCCCCC"> that then</font><font color="#E5E5E5"> I'm</font> <font color="#E5E5E5">just going</font><font color="#CCCCCC"> to press V and</font><font color="#E5E5E5"> that will exit</font> out of<font color="#E5E5E5"> my artboard view now from here</font>

what<font color="#E5E5E5"> I can do is click</font><font color="#CCCCCC"> and drag around</font> <font color="#E5E5E5">all three of these around all three of</font> <font color="#E5E5E5">these layers I mean</font><font color="#CCCCCC"> alright</font><font color="#E5E5E5"> and press</font> <font color="#E5E5E5">command-c then come and select your</font> middle artboard and<font color="#CCCCCC"> press command</font><font color="#E5E5E5"> F</font> <font color="#CCCCCC">alright now I can</font><font color="#E5E5E5"> select this top layer</font>

and delete<font color="#E5E5E5"> it and you can see I've</font> easily just got these two variations <font color="#E5E5E5">here I can do the same thing</font><font color="#CCCCCC"> on my third</font> artboard just click inside and press <font color="#CCCCCC">command F to paste in front again and</font> <font color="#CCCCCC">now I can select</font><font color="#E5E5E5"> this top color come</font>

back to my swatches<font color="#E5E5E5"> and we want to get</font> that same color<font color="#CCCCCC"> palette that we</font><font color="#E5E5E5"> had</font> before<font color="#E5E5E5"> that</font><font color="#CCCCCC"> I</font><font color="#E5E5E5"> close so or we can even</font> <font color="#CCCCCC">try a different one let's try</font><font color="#E5E5E5"> you know</font> foliage or<font color="#E5E5E5"> landscape and see what kind</font> of colors it gives us these<font color="#E5E5E5"> are more</font>

looks like more earth tones you guys kind of get the idea<font color="#CCCCCC"> you</font><font color="#E5E5E5"> know</font> you<font color="#E5E5E5"> can experiment with this play around</font> with the<font color="#CCCCCC"> opacity play around with the</font> blending modes<font color="#CCCCCC"> if you want you can</font> <font color="#CCCCCC">select that top layer this top screen</font>

layer and lock it by<font color="#E5E5E5"> pressing command</font> <font color="#CCCCCC">two</font><font color="#E5E5E5"> and now the next</font><font color="#CCCCCC"> layer that you'll</font> have below is the pattern so you<font color="#CCCCCC"> can</font> leave that<font color="#CCCCCC"> top layer is as is while</font> changing<font color="#E5E5E5"> the pattern</font><font color="#CCCCCC"> below it and just</font> changing the blending mode of<font color="#E5E5E5"> that</font>

<font color="#CCCCCC">alright</font><font color="#E5E5E5"> so you can</font><font color="#CCCCCC"> do a lot of</font><font color="#E5E5E5"> cool</font> <font color="#CCCCCC">stuff</font><font color="#E5E5E5"> with</font><font color="#CCCCCC"> patterns and illustrator</font> using them as swatches<font color="#CCCCCC"> kind of</font><font color="#E5E5E5"> combining</font> it with the auto trace function<font color="#E5E5E5"> and</font> <font color="#E5E5E5">it'll save you guys a lot of</font><font color="#CCCCCC"> time so</font> here's just three<font color="#E5E5E5"> quick and easy</font>

variations of that same pattern<font color="#CCCCCC"> that</font><font color="#E5E5E5"> we</font> created<font color="#E5E5E5"> just using that simple</font> photograph that we have where is it <font color="#E5E5E5">right here so auto tracing that turning</font> it into a<font color="#CCCCCC"> vector a color vector that we</font> can actually<font color="#E5E5E5"> use and manipulate</font><font color="#CCCCCC"> and then</font>

turning<font color="#CCCCCC"> that into</font><font color="#E5E5E5"> some pretty cool</font> looking patterns with color variations <font color="#E5E5E5">and different blending modes so</font> hopefully you guys were with me through <font color="#E5E5E5">all of</font><font color="#CCCCCC"> that I</font><font color="#E5E5E5"> know it's kind of a lot</font><font color="#CCCCCC"> to</font> take in but I just<font color="#CCCCCC"> kind of want to go</font>

through and<font color="#CCCCCC"> show you guys</font><font color="#E5E5E5"> you know a lot</font> of<font color="#CCCCCC"> the possibilities</font><font color="#E5E5E5"> and tools that you</font> <font color="#CCCCCC">have</font><font color="#E5E5E5"> at</font><font color="#CCCCCC"> your disposal in Adobe</font> Illustrator<font color="#CCCCCC"> if you did</font><font color="#E5E5E5"> enjoy the video</font> <font color="#CCCCCC">please</font><font color="#E5E5E5"> give us a thumbs up comment</font><font color="#CCCCCC"> below</font> or subscribe to<font color="#E5E5E5"> the YouTube channel if</font>

you<font color="#CCCCCC"> haven't already</font><font color="#E5E5E5"> and also go ahead</font> <font color="#CCCCCC">and sign up for our email list guys</font> we're<font color="#E5E5E5"> going to be starting a new</font> <font color="#CCCCCC">newsletter pretty soon</font><font color="#E5E5E5"> and we'll have</font> you know<font color="#E5E5E5"> some</font><font color="#CCCCCC"> freebies and giveaways and</font> things<font color="#E5E5E5"> like that coming</font><font color="#CCCCCC"> up but it'll</font>

<font color="#E5E5E5">also be a great way to just stay in the</font> loop and<font color="#E5E5E5"> get notified</font><font color="#CCCCCC"> any time a new</font> tutorial<font color="#E5E5E5"> comes out as always thank</font><font color="#CCCCCC"> you</font> <font color="#CCCCCC">guys so</font><font color="#E5E5E5"> much for watching thank you for</font> <font color="#E5E5E5">your support and we'll see you</font><font color="#CCCCCC"> next</font><font color="#E5E5E5"> time</font>



Video Description

In part 3 of Adobe Illustrator Basics we will be looking at alternate methods for tracing with and without the Pen Tool. We will be using a photo as a base as I take you through many of the features of the auto trace function to get detailed and precise results. From there we will be separating pieces of our vectors using the lasso tool before we create unique patterns and variations of said patterns on multiple art boards.

Sign up for our email list and grab your FREE Photoshop-Ebook:
http://www.teachmetodesign.com/essentialphotoshoptutorialsguide

Connect with us online:
Blog: http://www.teachmetodesign.com
Facebook: http://www.facebook.com/teachmetodesign
YouTube: http://www.youtube.com/c/teachmetodesign