All language subtitles for 10. Finalize Your Logo, Part 1 Refining Color and Creating a Details Page

All right now that we've got that first round done in that last video we're going to jump ahead and

pretend like we've got everything finalized you've got the final approval on the logo and the colors

.

And now what I want to show you is how I would actually package this up and deliver it as a final logo

for our client.

So this is my details page that I usually create for every logo I do.

I'll share this with you in this project file just so you have it if you want to build off of it.

You're totally welcome to do that.

So here's what we have going on.

We have the details of the colors the hex values some text that I give about what clear space is and

I'll cover that just a moment here.

And then of course the two versions of the logos are usually x export a single color version and that's

great for vinyl graphics or embroidery things like that where you need one color maybe a screen T-shirt

and then the full color version that you could use on other things like Web sites or letterhead and

the business card.

So in this first part of the finalizing section here we're going to talk about the color and how I package

up the colors.

So what I did is I created these little thumbnails over here and all those are rectangles if I get the

letter M tool.

Hold on shift click and drag I get a square hit the letter V and move to a hold on the old key click

down to drag and then once I get one I just hit command d to copy that a couple of times.

That's how I get those rectangles.

And then what I do is I sample the colors from the logo using the eyedropper tools and I've got my colors

set up here.

Now here's a few little tips and tricks this is kind of the nitty gritty details I will separate you

from everybody else.

So what I do once I get the color value set up if I click one over here and I look at my color window

if you don't see this just go to a window and find your color window there and you'll notice these values

.

And if you don't see this makes You've got show options right here click on the color bar and hit show

options.

But you'll notice my values are not round.

You know there are seventy nine point six three percent thirty three point four seven percent.

So what I usually do is click once on that color and I'll come back in here and I'll get around up.

So in this case would be 80 percent.

This I'd run down to 33 percent.

This at around up to 3 percent.

And that's an even 23 percent already.

So now I want to update these values.

Well the problem is as soon as I click in here to try and change the value my colors change and I can't

remember what those values were.

What I do is I'll take a picture or I'm sorry I'll click on this and then I'll take a screenshot.

Man shift and then number four on a Mac clicking drag just over this section and then before I let go

a hold on the control key.

And then I let go of the mouse holding down the control key still.

What that does is it takes a picture and copies it directly to my clipboard.

Now I can click over here and hit command V to paste.

And now I can see this color window here so I can quickly go through and change these values.

That was 80.

This was 33.

This is three.

And this is 23.

So let's do that one more time for this value.

Click once on that blue and we'll change that to 97 to 41 down to 3 and 28 is good there.

So command shift 4 click drag hold down control to copy to my clipboard and we'll paste it over here

.

All right.

So this guy.

So are changes value to 97 and you can see where I'm going with all this here 41 3 and 28.

Now the next thing we need to do this one is actually pretty simple it's just 90.

Be at 0 0 0 and 90 here.

All right.

Now these names were nowhere that I get these names.

Well I use a cool app called Cyp as IP and it's a cool little screenshot thing where I can hit my shortcut

here which is option and control and the letter P and I can sample colors from anywhere on my desktop

.

So a little app I found and I use it all the time and whenever you select a color it gives it a name

up here.

So this was Sea Buckthorn.

So that's where I came up with these names for Volkan Bahama blue maties and curious blue.

I don't know.

I just fun.

I just threw it in there but that's how I got those names you could also just name it light blue medium

blue dark blue and dark gray whatever you want but I just give them the colors a name and then this

hex value is what we're going to use for web development.

So if you ever want to put colors into say a WordPress theme or Squarespace theme where they want to

have the hex value is to find those will click once on this color square and then will double click

on it down here and that little fill.

And then we can see our hexed by right there so high that commands you to copy come in here command

V to paste and I'll do the same thing for these other colors as well.

Command C to copy and when you open it up by default it's already selected so I don't have to double

clicking the click once double click on that thumbnail and then hit command C right away because I've

already selected.

And then last one down here.

There we go.

Now we have our color set up.

Then what I would do is grab whatever font I use as the base font because remember we have these outlines

so when you share this with people they won't know what font that is if you use the base font or maybe

you created it completely from scratch was completely from scratch which is excellent That's great.

So what I do though is that when I did use a font all put that font here and then I'll make the character

.

I'll put the name of it and then make it what it is.

So you can tell what it is.

When we share that.

And then the next thing I'll create here is clear space.

So with our clear space what that means is we want to give our logo room to breathe.

So as you're starting to build brand guidelines these are little things you want to address.

So rather than just saying hey we want a quarter inch of space because let's say your logo is huge with

a quarter inch of space might not be enough.

And as it scales down you know that might be too much space.

So we use a relative unit of measurement typically just something from the logo in this case we use

a letter M to just set off a boundary around our logo.

And in the third video we're going to talk about and the second would be the word to talk about our

boards and exporting and that'll come into play as far as where how we give it that space.

So all right in the next video we're going to create art boards and we are going to learn how to get

our folder structure set up so we can share these assets in a professional manner.