Locked lesson.

Upgrade

About this lesson

Saving our file in various formats for output.

Quick reference

Saving Your Logo

Saving our file in various formats for output.

When to use

To enhance our presentation we will add some background elements including a large, ghosted version of our logo along with a subtle copy of our custom texture.

Instructions

  • Open the the Adding a Background - Exercise Solution.ai file from the end of the previous lesson
  • Turn the Divider Layer back on and change the weight of the stroke to 2 points 
  • Add a bit more space between your logos by first unlocking them and then tapping them apart with the arrow keys
  • Unlock all of the layers in the file and then press Command/Ctrl+A to Select All
  • Go to the Object Menu and choose 'Expand' to make sure that everything is expanded and outlined
  • Lock all of the layers once again
  • Go to the File Menu and choose 'Save As...' from the list
  • Choose the destination where you want to save your file and change the name to 'Ragin_Bulls_Mascot_Logo_Fin'
  • Change the 'Format' at the bottom of the file from Ai to an EPS file
  • Before hitting Save, click the 'New Folder' button at the bottom of the window and create a folder called 'Final Logo' to save your files into
  • From here you can save the file
  • You will be prompted with a dialog box with various EPS settings, but for now we don't need to change any of them so you can simply press the Enter Key or hit 'OK' 
  • Press Command/Ctrl+Alt/Option+S to save your file as a web image and change the file type to a JPG set to maximum for the quality
  • Press Command/Ctrl+0 to fit the image to the preview area so you can see the entire artboard
  • You may notice that there are some white edges showing up so we will need to hit 'Cancel' and go back to our file
  • Unlock the BG Layer along with the BG Texture and Ghost Logo layers and zoom in
  • Grab your Direct Selection Tool (A) and click and drag around the top corner of the artboard where you see a white gap
  • Hold the Shift Key and then click and drag around the bottom corner so the points on the top and bottom corners are all selected
  • Tap the backgrounds over so that the entire background is filled with color
  • Now we will once again do a Save for Web command by pressing Command/Ctrl+Alt/Option+S and save out our file as a maximum quality JPG to the same Final Logo folder where we saved our EPS file
  • After fixing the edges of the artboard you will also need to overwrite or replace the EPS file so you have an updated version saved
  • Make sure that all of your layers are unlocked and then hold down the Shift Key and select the layers that have their visibility turned off - this should be the Grunge Texture Layer, the Live Type, Fonts, and Sketch layers
  • Drag all of these layers to the small trash can icon found at the bottom right of the Layers Palette to delete the layers
  • Return to the File Menu and choose 'Save As...' once again
  • This time change the format to Adobe PDF and then hit 'Save'
  • When the dialog box appears we can choose 'Save PDF' to accept the default settings
  • We have now saved out our final logo as an EPS, PDF, and JPG file

Hints & tips

  • When saving out common file types such as a PDF it's a good idea to scrap any layers that you no longer need in the file. The reason for this is because sometimes these layers may appear in your final PDF even if they are not turned on.

 

Login to download
  • 00:05 All right, so at this point our presentation is looking good and
  • 00:07 we are just about ready to save everything out.
  • 00:10 But before I do that, I wanna just turn this divider layer back on really quick,
  • 00:14 I'm wondering how it looks if maybe we just changed the weight to 2 instead of 4.
  • 00:18 So it's just not quite as noticeable.
  • 00:21 All right, I think that, that might help a little bit.
  • 00:24 And I'm just looking at it again to check everything over and maybe we can space out
  • 00:29 our logos a little bit more just so they're not crowding that dividing line.
  • 00:36 We have our Illustrator file which we have saved up, but It's also a good idea
  • 00:41 to kind of unlock everything and make sure that everything is outlined.
  • 00:45 So we'll come up to the Object menu and choose Expand one last time,
  • 00:48 and then hit OK.
  • 00:49 And that's just gonna make sure that everything is converted and
  • 00:53 then we can once again unlock all of our layers.
  • 00:56 And from there we can come up to File, Save As, and
  • 00:59 we're going to save this as an EPS file.
  • 01:02 So let's just go ahead and call this
  • 01:07 Ragin_Bulls_Mascot_Logo_Fin for final.
  • 01:14 And we wanna chose the file type from AI to EPS.
  • 01:17 And it's also a good idea to maybe put this in its own folder just called
  • 01:21 Final Logo so you can keep it separate from your other files.
  • 01:24 Then just go ahead and hit Save.
  • 01:26 You can leave all of your default options set the way they are and hit OK.
  • 01:30 And I just wanted to show you guys a few other file types that you may
  • 01:35 wanna save this out as, aside from your AI file and your EPS.
  • 01:40 Now, one other thing that we may wanna do here is to save this for web.
  • 01:45 So, the way that I would typically do that is just by pressing
  • 01:48 Cmd Ctrl+ Alt-option shift and S.
  • 01:51 And that's going to create a save for web basically,
  • 01:55 that we can then change from a PNG to a JPEG file, set it to Maximum and
  • 02:01 then we can zoom out by pressing Cmd Ctrl and 0, so we can see our entire art board.
  • 02:06 And if you'll notice really quick,
  • 02:07 there is just a little bit of a white line on the top and on the left.
  • 02:12 So I just wanna zoom in here to make sure.
  • 02:15 And I see where the problem is, it's actually on the background layer here, but
  • 02:19 also on the ghost logo and the background texture.
  • 02:22 So I'm gonna switch to my direct selection tool really quick and
  • 02:26 drag around all these points in the upper left, scroll down and
  • 02:31 drag around the points in the bottom left, and then just tap it over a few times.
  • 02:36 And we should do the same thing on the top just to be safe.
  • 02:39 So I'm gonna select both of those points and then just tap it up one or two times.
  • 02:44 Okay, and if you see any white on any of the other edges, you just wanna make sure
  • 02:48 that is filled in, so that you don't have anything weird happening.
  • 02:52 So let's press Cmd or Ctrl + S again to re-save our EPS file,
  • 02:56 and then we can do the same thing.
  • 02:58 Cmd+Opt+Shift and S to save for web.
  • 03:02 Okay, and there you go.
  • 03:03 So now it's looking good, Cmd+0 to zoom out.
  • 03:06 And let's once again change it to JPEG and leave the quality to maximum.
  • 03:10 And then we can save this out in our final logo folder, okay?
  • 03:15 And one other popular file type that you guys may wanna save this out as,
  • 03:19 is a PDF file.
  • 03:20 Now when it comes to PDFs, if we have any other layers on in document
  • 03:25 is actually going to show up and it could potentially mess up our PDF file.
  • 03:29 So we have an EPS saved already and we have a JPEG.
  • 03:33 Well, at this point we wanna basically get rid of any layers that we're not using.
  • 03:37 So, we can delete our crunch texture layer, our live type, our fonts and
  • 03:41 our original sketch.
  • 03:43 We're gonna trash those, and
  • 03:45 at this point we can now come back up to the File menu and choose Save As, and
  • 03:49 we'll save it in the same folder and change it from an EPS to an Adobe PDF.
  • 03:54 Now since we're not printing it, we don't have to worry about saving a print ready
  • 03:58 PDF, we can just use the default.
  • 04:01 And the reason I like to do a PDF is because not everybody has
  • 04:04 Adobe Illustrator, and there may be times where you need to send this to someone and
  • 04:08 pretty much anyone can read a PDF file, it's universal.
  • 04:16 So let's take a look at our final logos on our desktop.
  • 04:19 We have our PDF file here, which we can just open up and preview.
  • 04:23 We've got our JPEG just saved up for web previewing purposes.
  • 04:27 And we have our final EPS file with everything converted to outlines.
  • 04:31 Now, they may look about the same,
  • 04:32 but it's important to have different files types for different situations.
  • 04:36 So I just wanted to spend a few minutes to walk you guys through some of the most
  • 04:39 common file types that you may wanna save out your final logo as.

Lesson notes are only available for subscribers.

Gift this course