PART 04 - HOW TO CREATE AN ORNATE LOGO DESIGN

FINAL FILE PREPARATION

This tutorial is a little follow up on our logo creation from Part 1-3. We've already designed a nice ornate vintage logo, but at the moment our design is a mix of strokes, shapes and clipping masks. In some cases the design may be ready to use, but for a final file you are sending to a client we will need some extra work to rasterize the logo completely.

!!Please, before you start following these steps make a copy of your files, because this will be hard to undo!!

So first of all I delete all things I don't need, so that I only have my logo on one layer and our background layer (if you worked with a background color at all). When I hide the BG layer you can see that we still have some black lines within the design. We won't need these so let's remove it.

I select my whole design and go to Type –> Create Outlines (Shift+Command+O). This rasterizes our text fields. It also means that the text won't be editable anymore. This process is necessary for example if you are transmitting files to a client and the client does not have a license for the fonts used in your design.

Before you continue with the next step make sure that your design is only using the colors you prepared previously.

Now listen up! This is one of the most important steps! I select the whole logo again and choose Object –> Expand Appearance. Then I do the same again, but choose 'Expand' and press OK. Now every part of our logo is converted to paths.

Now I use the Pathfinder Tool again by clicking on 'Divide'. This action splits all shapes into pieces.

Next I select my white color in my color swatch window (top left). Then I choose Select –> Same –> Fill Color. This process selects all white parts of the logo. Go to Pathfinder and choose 'Unite' to connect them together.

I do the same thing with the golden color. Select –> Same –> Fill Color and then Pathfinder –> Unite.

I select the complete design and right-click –> Ungroup (Shift+Command+G). Now I click on a white part of the logo, hold shift and click on a golden part. Then I cut it out by choosing Edit –> Cut (Command+X). If everything worked right you should only see remains of some parts like in the second picture.

Now I select everything (you will see there are some transparent shapes and lines as well, like in the first picture) and completely delete it. Now I choose Edit –> Paste in Place (Shift+Command+V), this will bring our logo back ;)

I create two layers, one for my golden color and one for White and Cut it (Command+X) and Paste in Place (Shift+Command+V) the parts on the correct layer.


I enabled the black background again and as we can see now – there are only two parts of our logo left – gold and white.

Ok, but you may ask yourself 'Why is all this necessary?'. So there are two reasons:

1. We have worked with strokes and contours. We had to expand these into shapes to make our logo scalable. If you scale a shape with stroke wight 10pt for example, it won't increase the stroke weight proportionally. Therefore we have to make sure our final file only contains shapes and no strokes.

2. To make the logo versatile usable it makes sense to reduce the number of paths and especially the number of colors. If you for example forward the design to a letterpress studio they can simply create two printing plates (in our case one for gold and one for white) to print our logo.

I got another quick tip for you how to avoid gaps between contours:

When we zoom in on an area where two shapes are directly next to each other like in this case here, it is often helpful to ensure there are no tiny gaps between the lines. This could cause inaccurate results when printing. So here is a quick trick how to avoid this.

I made the gold layer transparent to better show you the process here. I select the white part of my logo and give it an outline, so that it overlaps the golden shape like you can see in picture 01. In our Stroke window I choose 'Round Cap' and 'Round Join'. Now I do the Expand process again (Object –> Expand –> OK) and then I connect outline and shape with the Pathfinder –> Unite.

Like you can see here the two shapes are overlapping now and you don't have to worry about any unwanted gaps when printing ;)

Finally I select both parts (gold & white) and group them together (Command+G). Now we have a solid two color logo, scalable and ready to use :)

I've uploaded another follow-up with an introduction to colors and exporting files here: Part 05.
And if you have any questions or comments feel free to leave a message below :)

Check the other parts of this tutorial here:
PART 01 - ORNATE LOGO DESIGN, GETTING STARTED
PART 02 - ORNATE LOGO DESIGN, ADDING ORNAMENTS
PART 03 - ORNATE LOGO DESIGN, FINE TUNING
PART 04 - ORNATE LOGO DESIGN, FINAL FILE PREPARATION
PART 05 - ORNATE LOGO DESIGN, COLORS AND EXPORTING FILES

Leave a comment