All language subtitles for 3. Working with Shapes, Color & Graphics

All right I don't want to get too far down the road playing with my typographic yet till I know my shapes

and graphics are going to lie because they need to work together.

So in the previous video we learn how to use the type tool and how to start getting fonts set in motion

here.

But what I want to do now is spend some time going over shape's how to modify the colors adding some

separate graphics and then making different boards so we can have multiple comps.

So right now we're going to do is just create a background I'm going to hit the letter M to get my rectangle

tool selected here and hold on the spacebar to drag up a little bit.

And one thing I want to make sure you're seeing I see these smart objects or I'm sorry these smart guides

here is these little pink lines jumping up all over the place and it's really helpful to let you know

you know are you lined up with something else on the canvas in this case.

I want to draw a rectangle to get my background from here down to the bottom and I couldn't quite see

the bottom so I just let go and grab his anchor point and finish my sizing of that.

But if you're not seeing those pink guides go ahead and jump up here to view and make sure you've got

smart guides turned on and maybe even snapped a point that might help you out with your layout and getting

things the way you want it.

I'm going to go ahead and change this color I want to be more of a C vibe here so we're going to go

for something more in the blue tone.

And if you're not seeing this color window again go to your essentials I'll just hit RESET essentials

.

Click on this little fly out menu and I see my color bars here.

I can also click on this tiny little dropdown menu and hit show options which lets me refine my colors

even further I still have this color bar the C M y k color spectrum but I can come in here and add let's

say a little bit of black just to kind of darken it up a touch maybe a little more Cyan to make it a

little more of a true blue.

All right there we go.

Now in Illustrator we have layers just like we do in Photoshop but it works a little bit differently

inside of each layer or we can have multiple layers.

So we have this main layer here and I can rename this anything I want to but if I hit this all drop

down you can see every element within this layer.

So I could create a brand new layer here and draw something else and I can tell is on a different layer

because my guides it selected are a different color.

So these are red.

Anything in this layer whether it's type or multiple shapes you know change colors.

You can see what's going on.

All of these are in this layer and you can see those objects directly here.

I'm going to delete that whole layer which deletes everything on that layer.

The other is when I showed you that is because you can have your entire project on one layer which is

a lot of times how I work.

And the reason why.

Let me bring these back real quick if I select this blue rectangle and I hit command right bracket to

try and bring this up as far as I can.

That's the same as going to let's see where we at Object arr. bring forward or bring to front.

That's how you can change your stacking order.

Well it'll only go to the top of this layer it will never come all the way to the front.

Well a lot of times when I'm working in Illustrator I'm creating logos or shapes or different things

and I want to work quickly so rather than using multiple layers for what I do and some people would

advise against this.

You can work with however you want but I like to keep everything on one layer and then that way I can

quickly.

So I've got the slot that I make command in the left bracket.

It's the one right to the right of the letter P on your keyboard.

So I left the bracket key command left bracket and you can see I can change it in the stack by hitting

command left or right bracket it's a quick way or command shift to throw it all the way to the bottom

so command shift left bracket or command shift right bracket.

So again I use work in one layer so I can quickly change my stack and my layout here.

All right I'm going to bring my layers panel back down and here I am and nested back where it was.

All right so I've got my background selected here and I'm OK with this color for now.

So I'm going to do is I'm going to lock this object and the reason why is as I'm working with text see

right there I was trying to grab that text and I accidentally selected the background instead move the

background so I get a click on that once it command to to lock it.

That's the same as going to object lock selection.

And what that does is it it makes it so I can't select any more it's like it doesn't even exist.

That way I can focus on my type graphy and my poster and the text changes that I'm making.

It's the next thing I want to do I'm going to move.

Let's see I'm going to move over the side I already created I didn't create but I purchased a graphic

for us to use so I'm going to open that up.

Feel free to open that up from the assets folder.

And they're just some vector illustrations here of ankers.

Feel free to grab whichever one you want.

I'm going to grab this guy right here I'll click once on it commands see to copy it.

Click back on that document we came from a hit command V tab pasted in there.

And now I can click and drag to resize this but you can see I'm having a hard time really even seeing

it because there are so many anchor points like the entire thing looks blue.

It's one big selection it's really a brown anchor.

But as I zoom out you couldn't tell that because there's too many anchor points going on so when I hit

command h control h on a PC and that's going to hide those anchor points they're still there.

My items still selected if I hover over it you see I still have these bounding box around at selected

.

So I know that it's selected.

It just hides all those points I can really see the color I'm working with.

Now I'm new to the letter I from eyedropper tool over here on the side.

A click once on that blue color and now it looks like it disappears.

But really it's just the exact same color as the background.

The reason why I did this is I wanted to be in the same tonal range.

I'm going to click once on this thumbnail.

This fill here over on the side turn off only web colors because I want to be able to show any color

I want here.

And then it's going to lighten it up just a touch.

So we're still kind of within the same color range it is making a touch lighter now.

OK so this looks pretty good.

It's a nice subtle effect.

It's a subtle anchor.

And I want to make sure it's dead center so I'm going to click once on this making sure it's selected

and my options bar I have a tiny little aligned board button.

If you don't see these alignment options it's probably because it's set to align to selection and since

I don't have any other selection selected I don't see them so I click the dropdown click aligned to

our board and now it's going to use my board as a reference to a line.

So a click once on the horizontal align center and I'll click once on the vertical align center.

So now I know my object is directly centered in the canvas here.

I'm going to zoom out just to touch to see it.

I'm also going to jump over to that original typography poster I made just as a reference here to see

where we're going with things.

You notice it's a little bit different.

I flip flopped the colors.

My background is currently lighter and my anchor is a little darker so I'm going to jump back over here

and scale this one up quite a bit to reflect what I had on that original design.

Let's look at it one more time.

That's close.

Pretty close.

OK.

A smooth sea never made a skillful sailor.

So this one is a pretty straight design.

I'm going to come back to this original editable text that we had command shift right bracket to bring

it all right to the front and let's see a smooth sea click once right in there it return never made

click once behind the a return.

A skillful sailor.

And now what I can do next I mean to highlight all this command to copy click over here click once command

V to paste and the reason why is because as I start to scale this up it's going to get all wonky on

me here because it's going to hit those.

And this could be a cool effect too but it's going to hit that bounding box and make things flow to

new lines.

I don't want to do that.

I want it to be to stay exactly how I intended some of that command shift and the period key here to

make it bigger and it's not going to jump to two lines now because there is no bounding box number that

command option and the down arrow key to adjust my letting here.

OK.

Let's take a look one more time.

So not bad.

That's about the way we went here and we're going to do is drag this in place so the height of my font

kind of matches center to that anchor there.

OK.

And the other version it was white.

So what I can do is I can just come over here and see this like this white box there.

Or I could just use my slider to drag it up.

Now one thing if we look closely on this other one you'll notice.

Let's take a look at that.

What are we got going on.

So I've got my font here and this look and my transparency window.

So it's 100 percent so what's going on here.

I've got this anchor.

Let's take a look at that.

So my anchor is actually in front of my text here creating that transparency effect.

So what I can do if you want to do that we could bring the anchor in front command shift right bracket

and see that's too much.

I could bring the transparency down up here.

Or the opacity is dropped to 50 percent.

Now it's also going to make it a more subtle effect in the background or I can put it back to zero or

at 100 percent here maybe bring my front to the front and maybe I bring the opacity down on this a little

bit so you can play with that and get the desired effect you're going for but I'm going to go ahead

and stop right here on this setting just as is like command saved to make sure I save it.

And in the next lesson we're going to talk about how to create multiple boards and we're going to look

at creating multiple variations and then how to export it