- Once a project is complete
and a logo design has been signed off,
the last thing you will need to do
is hand over the logo files to the client.
Now, if you continue to work with the client,
you could provide the logo on request
for specific requirements.
But if you are leaving the job,
handing files over to another designer,
or just handing it over to the client,
you will need to prepare
and provide files so they can be used where appropriate.
Today, it is common for a logo to be used
in a variety of instances,
both large and small across print and digital.
So there will be a variety of logo file formats
that will need to be provided.
In this last and final video,
I'm going to discuss the final logo deliverables
you can provide to your client
once your project is complete,
and demonstrate some techniques you can use to prepare them.
So let's get into it.
(upbeat music)
So here I am with my Design Process Check List.
Once a logo design has been finalized and signed off,
we can now move into the final step in the design process.
Step 5 in Phase 4.
So the fifth and final step
in the present logo designs phase
is Deliver Logo Assets to Client.
So here I am in the Deliverables folder for my logo project.
This is a typical folder structure
I can send over to a client when I have finished a project.
If you want to take a closer look
at this Deliverables folder,
you can find it in the Course folder.
So with the Course folder open,
click into the Design Example folder
and click into the Deliverables folder,
and you will have the same folder I have here.
Now for my logo design,
there are four permutations
which have been developed
to be used in a variety of instances.
So here we have four folders for each permutation,
Logomark, Emblem, Wordmark, and Combination Mark.
And below, I have a little check list of the formats
I need to remember to export out to.
If you look in your project folder,
in your Deliverables folder,
you will also be able to use this.
So when providing logo files,
common file formats would be JPEG, PNG, EPS and SVG.
JPEG is a bitmap image used in the most common
and simple ways.
These files work well in a variety of software tools
and can be uploaded to a variety
of social media platforms independently.
Next is the PNG,
which is also a bitmap image,
but allows for more flexibility.
Unlike JPEGs, PNGs can include an alpha channel
for a transparent background.
These files also work well in a variety of software tools,
making it easy for a client to use them independently
and more flexibly than the JPEG.
Now, the JPEG and the PNG work well in fixed instances,
but can be very limited,
especially when it comes to scale.
So next, we have the EPS,
which are very flexible
and allow for scaling in large formats like vector artwork.
EPS files are especially good for other designers
and printers as they can be opened in vector applications
and used in further design work to a much higher scale.
Lastly, we have the SVG.
SVGs are typically used online instead of PNGs
to maintain transparency,
sharpness across various screen sizes
and maintain a low file size.
Now, you may be wondering why I have not included
the original Illustrator artwork.
Well, if we're providing EPS files,
there is no real need.
Most clients won't have Illustrator,
and if handing over to designers and printers,
well, the EPS, is basically the same thing,
as EPS files can easily be opened in Illustrator anyway.
So I don't usually provide an Illustrator file.
Now, it's really important to mention here
that I'll typically save all the logos as RGB.
This just makes them all easy to open on screen
and for the client to use in digital instances.
RGB are easily converted into CMYK.
So I would always instruct the client to convert any artwork
they make with the RGB logos into CMYK first,
with the printer before they print.
Now, when it comes to the EPS,
I will always include a Pantone example for each colorway.
As mentioned earlier,
the EPS files can be used by other designers and printers
and can be opened in programs like Illustrator.
So it's important to include a Pantone version
so it's clear to a printer
or other designers of the exact colors.
So including all these files,
will allow the client complete independence
from the designer once a project is complete,
with flexibility to pass them over to other designers
and printers to be used easily.
So let's take a look at one of these folders here.
Let's go with the Emblem folder.
So if we look into the PNG folder,
we can see there are a number of folders here.
Here we have Black & White,
Full Color and Mono.
Whenever I provide my logos to a client,
I always provide Black & White versions
because there are always instances where logos
are used with others in Black & White
so it's practical to include these.
Next, we have the Full Color,
and then we have Mono.
If we click on each file format,
you will see that for JPEG, EPS and SVG,
we have the same structure.
So into my PNG,
we can see two PNG files included for Black & White.
Here, we have Euphoria Emblem Black Large,
and Euphoria Emblem White Large.
These are nice large examples of the logos in Black & White,
which would allow anyone to use these in any program
and simply scale them down if required.
Next, if we click into the Full Color folder,
we will have a PNG example to be placed on white
or on the dark background.
Now for my design in particular,
in some instances,
the logo is used in full color on white and on dark.
So in the Full Color folder,
we have two files,
Euphoria Emblem Full Color on Dark
and Euphoria Emblem Full Color on White.
So last, we have Mono.
Now for my design in particular,
in some instances,
the logo is used dark on top of solid colors.
But the color is not black,
it's actually a very dark purple.
So in this folder,
we have a file called "Euphoria Emblem Purple Mono."
This would allow the client
to easily place the logo on colored backgrounds.
So how do I create the PNG files for my logos?
Well, to do this,
I start in Photoshop.
I typically start by creating a large document size
at a minimum of at least a thousand by a thousand pixels.
I'll set it to 300 DPI for maximum quality,
make sure it is set to RGB.
And with the document open,
I'll come into Illustrator to copy my artwork
I prepared earlier.
In this instance,
I'll select the Emblem Color Logo,
copy and I'll paste it into Photoshop
and scale to fit nicely.
With my logo in place,
I'll double-click on the background layer
to release the lock
and with the layer selected,
I'll press delete to remove it.
So now my logo is on a transparent background.
Now I'll come up to File,
I'll click Save a Copy,
I'll change the format to PNG,
I'll locate my Deliverables folder,
name the file,
and place it inside the PNG folder where appropriate.
And I'll use the same technique for each logo color variant.
First, grabbing it from Illustrator
and pasting into Photoshop
and exporting into the Deliverables folder.
Easy.
So that is how I prepare the PNG files for all the variants.
I like to export them large like this to maintain quality
and give flexibility to the client should they want
to use them large in print
with the ability to scale them down smaller.
So next, we have the EPS files.
Now, if you click through the Deliverables folder,
you will see that like I did with the PNGs,
I have an EPS file for each instance,
and also a Pantone example.
Now to create the EPS version,
I have to use a different technique.
To do this, I will need to use a vector-based program.
In my case, I'll do this in Illustrator.
So in Illustrator, I'll create a new document.
Just like I did for the PNG,
I'll make a document size 1,000 by 1,000 pixels.
I'll make sure the color mode is set to RGB
and click okay.
So I'll come and grab the original artwork
from my approved logo document,
paste it into my new doc
and resize accordingly.
With my new artwork in place,
I'll come up to Save As,
and select the format drop-down and select EPS.
I'll locate my Deliverables folder,
name the file and place it inside,
inside the EPS folder where appropriate.
Now, when it comes to the EPS,
I'll also include a Pantone example.
So once I have saved my first example,
I'll change the colors to the Pantone colors
I have decided upon previously.
Once applied, I'll now have the Pantone references
in the swatches panel.
I'll come up to Save As,
I'll locate my Deliverables folder,
and place it inside,
inside the EPS folder where appropriate in a Pantone folder.
So that's how I prepare the EPS files for all the variants.
Including EPS versions,
will allow the client to pass them onto other designers
or printers to use in additional design work.
So last, we have the SVG files.
Now, if you click through the Deliverables folder,
you will see that like I did with the PNGs and the EPS,
I have a SVG file for each instance.
Now to create the SVG version,
it's very similar to creating EPS versions.
To do this, we will need to use a vector-based program.
In my case, I'll do this in Illustrator.
Now, because we have already prepared our EPS docs,
we can just use these.
So I'll come to one of the EPS logos I just saved
and open in Illustrator.
With my doc open,
it's just a case of saving with a different format.
So I'll come up to Save As,
select the format drop-down and select SVG.
I'll locate my Deliverables folder
and place it inside the SVG folder where appropriate.
So that's how I prepare the SVG files for all the variants.
Including SVG versions,
will allow the client to pass them over
to a web designer if they want to upload
and include them as a logo on a website.
So last, we have the JPEG images.
Now, if you click through the Deliverables folder,
you will see that like I did with the PNGs,
the EPS and the SVGs,
there is a file for each instance.
Now to create the JPEG version is very straightforward
and I'll do this in Photoshop.
So I typically start by creating
a relatively large document size
at a minimum of 1,000 by 1,000 pixels,
I'll set it to 300 DPI for maximum quality,
make sure it's set to RGB.
And with the document open,
I'll come into Illustrator to copy my artwork
I prepared earlier.
In this instance,
I'll select the Emblem Color Logo in Dark,
copy and paste it into Photoshop
and scale it nicely to fit in the middle, like so.
On this occasion, I'll allow for a nice margin should
the logo be uploaded to social media platforms.
With my logo in place,
I'll come back to the final logo doc in Illustrator
and select the colored background.
Back in Photoshop,
I'll paste this in,
scale up and place it behind the logo.
Now I'll come up to file,
I'll click Save a Copy,
I'll locate my Deliverables folder,
name the file,
and place it inside the JPEG folder where appropriate.
And I'll use the same technique for each logo color variant.
First, grabbing it from Illustrator
and pasting it into Photoshop
and exporting into the Deliverables folder.
So this is a technique I'll use for each logo permutation.
After little work,
I will have a JPEG, PNG, EPS,
and SVG files for each logo permutation in each colorway.
With this folder complete,
I can either compress it
and send it over email
or pop it on a USB stick
and hand it over physically.
So here I am with my Design Process Check List
for the last time.
Once we have prepared all the logo files for the client
and delivered them,
we can cross off the final box
and finally complete the project.
Boom.
Job done.
(upbeat music)
So that, my friends,
brings us to the end of this logo design course.
What a journey?
If you've been following along since the start, well done.
I truly hope you have enjoyed this course.
And I really hope you are able to follow along
and create your own logo design,
and have something to show for your work.
If you are not familiar with logo design before this course,
I hope I have helped you get up to speed with some
of the basics to help you create your own logo design
and present to a client.
If you like the course,
please subscribe to the channel.
There will be lots more content like this in future.
So don't miss out on that.
If you like the course,
be sure to share it with your friends
who also may be interested in logo design.
And if you created any designs
of your own during the course,
be sure to share your work over on Instagram and Twitter
and tag me so I can see them.
I'd love to see what you have come up with.
Well, that's it for another video course.
My name is Gareth David.
Have fun, guys,
and I'll see you next time.
(upbeat music)
(upbeat music ends)