Friday, June 24, 2011

The Pitfalls of Editing InDesign Hyperlink Destination Names

Today I was working on updating a old document with my email address in it. I decided to create a hyperlink from my email address. In the Hyperlink Panel, I chose: New Hyperlink From URL. Pretty simple so far.


Bu then I remembered that I needed the link should have a "mailto:" at the front of it. So I double click on my email link then click on my email address next to Destination Name. Then I choose "email." That should do the trick. 


So now I have my email address set up, the destination says it is set to my address, it all looks good.


But then I hovered over my hyperlink. And guess what I saw? My old email address from 3 years ago! What?!


It turns out that the URL referenced in the Edit Hyperlink dialog box isn't updated until you close the dialog box. I doubled click on the hyperlink to investigate, and this is what I saw:


You see, a few years ago when I originally set up this document, I didn't like the name that InDesign gave to my hyperlink destination. It was full of code and was unattractive looking. I wanted something cleaner looking, and shorter. So I went in and edited the ugly name of the hyperlink destination to something more attractive. Doesn't the short pretty name (email) look much nicer? 

Ugly Hyperlink Destination Name

Pretty Hyperlink Destination Name

Now, fast forward three years, to today. I had completely forgotten about having edited the name of this hyperlink destination. But when I chose to use the old named hyperlink destination "email," I unknowingly created a link to the incorrect email address.

The moral of the story is to never trust named Hyperlink Destinations. You need to double check to see that they reference the correct URL.

By the way, if you know of a way to take a a screen shot while still showing tooltips, please leave a note in the comments. Once again, I had to take a picture of my screen using my iPhone. Thanks!

Sunday, June 19, 2011

How to See Hidden Conditional Text in InDesign, Without Making the Condition Visible

Have you ever wanted to know what's hiding in your conditional text? If you've ever tried to locate a string of text that is in a hidden condition, you'll be familiar with the following error message: "Cannot find match.


Why, you ask? According to the Adobe help file:
"Text in a hidden condition is always omitted from searching."
Lovely. Well, you figure, "maybe it will show up in the story editor, like notes do." But alas, no.


So how can you see what's hiding in that hidden conditional text?

Well, you could simply unhide all your conditions and then search for the bit of text that you want. But, what if you have a large number of of conditions, let's say 20 or 30 in one document? If the conditions aren't applied perfectly to your paragraph returns, then showing and hiding conditional text can really mess your paragraph styling. H1s can turn into body type, body type can be turned into headings, etc. And then you'd have to go back and fix it all.

So randomly showing and hiding all your hidden conditions may not be the best way to find out what's hiding behind that little conditional text indicator marker.

For the sake of this discussion, let's say you set up your conditions many months ago, and forgot the rationale behind your setup. Or, perhaps the conditions were set up by someone else entirely, and you've inherited the document.

I stumbled across an interesting discovery recently and I wanted to share it with you. It's obscure, but that's why I love it.

Edit 10-11-11: Please see note below for more recent (and better) understanding of how this feature works.

First, in "Normal" mode, select your hidden conditional text indicator marker. The easiest way to do this is to put your cursor near the marker, and then use your arrows keys till you get over to the marker. Then shift+arrow to select the marker. It will just look like a little sliver is selected.


Now, go back to the bottom of the toolbar and change your viewing mode from "Normal" to "Preview." I've usually find it easier to simply press the W key to switch back and forth, but since I've got text selected now,  pressing W would replace my hidden conditional text with a W. So, for the first time ever, I have a found a need to use the mouse to click on the view options button at the bottom of the toolbar.

Now, without deselecting the text, hover over the conditional text marker. Be patient. Sometimes the pop-up will show up right away, sometimes it takes a few seconds. You may need to try hovering over the top of bottom of the highlighted sliver. It's a little finicky. But be patient. Wait for it...


Please forgive the poor picture quality. Remember how I said this feature was finicky? Well, pressing any keystroke to take a picture made the little dialog box disappear. And waiting more than about eight seconds also made the dialog box disappear. So I had to quickly take a photo with my iPhone and then colorize it in Photoshop.

So you can't Find-Change hidden conditional text, but you can still find out what's behind it...if you're patient.

If you want to learn more about find-change with conditional text, check out this InDesign Secrets article: Find/Change with Conditional Text.

Edit on 10-11-11: After working with this feature for a few months, I finally figured out the logic to get the hidden conditional text to display in a pop-up. It turns out to have absolutely nothing to do with the Preview mode. The trick is that you need to have your text insertion point within the story frame containing the hidden conditional text. Then, hover over the hidden conditional text marker, and the yellow pop-up will appear.


Edit on 10-26-11: I recently discovered that you CAN see hidden conditional text within the Story Editor. It works similarly to seeing hidden conditional text in Layout view. All you have to do is hover your mouse over the hidden conditional text marker and you'll get a little yellow pop-up window displaying the text.

Edit on 8-23-18: A new plugin makes this much easier! It's called MoreInfo by Kerntiff Publishing Systems. It a panel that shows the contents of overset text, notes, index markers, track changes, and more! 

Tuesday, June 7, 2011

Quick! I need some 1950s style floor tiles in my design!

Sure, you could make a table, alternating the fill of every cell in every column and every row. Or you could draw a four black and white squares and then step and repeat the whole bunch. Or you could make a pattern in Illustrator. But why would want to do any of those things...when you could simply do this:


Thanks TeaCup PatternMaker. You're amazing! And so, for attending the InDesign Secrets Print and ePublishing Conference, I got another copy of the Pattern Pack. Jealous? You should be. 

Author edit: 9-19-14: Check out my latest article on the checkerboard pattern over it InDesign Secrets. I teach how to create tis handsome pattern using nested paragraph styles! Making a Checkerboard Pattern With Nested Styles

Monday, May 30, 2011

Fotolia.com Review

I was recently asked to review Fotolia.com, a popular stock photo website. I spent a month using the site, and overall, I enjoyed it. Here are my thoughts.



Pricing
You can choose from either a subscription plan, or a credit bundle. The subscription plan (which I had) lets you download a certain number of credits worth of images each day. Since vector files cost more credits, you can't download as many per day as you can with raster.


There's also a bundle plan, where you buy a bunch of credits and then download files at will, rather than being limited to using a certain number of credits per day.


Downloading
Once I had some items in my lightbox, I couldn't figure out how to download them. The website was seemed to be pointing me toward purchasing credits, but I had a 1-month subscrition. It seems that if you have a subsciption plan, it should automatically select the "Subscription License" for each photo, rather than have me choose between 6 or 7 different licenses and sizes. I'd like to have the checkout/licenses selection process a little easier. When I have a bunch of items in my cart, there are literally hundreds of radio buttons on the page (about as many as 8 for each image). It would be a little easier to use if all of these options were in a dropdown menu for each image, rather than having all the radio buttons.


I liked how there was a dropdown menu to enable me to select the same license type for everything in the cart. Ironically, I didn't find this dropdown menu until my subscription had ended. Perhaps that's because the dropdown is very small, gray, and located waaaaayyyyy at the bottom of the page.



I also liked the option to create a zip file for everything in the cart. If you select that option, you'll be emailed an encrypted link to the zip file containing your images.

How I'd Make it Better
I think overall, the interface needs to be simpler. There should be bigger buttons, so it's more obvious for those of us that skim the page rather than reading all the details (think Southwest.com or Crashplan.com).

I wish the thumbnails in the lightbox were a little bigger. On my laptop screen, the little thumbnails were about 1/4" square. They have a nice big pop-up comp image when you mouse over each thumbnail, but if the images in the lightbox are similar colored to one another, it can be a little tough to find the one you're looking for.



I'd make the free photos easier to find. Their marketing material says they offer a lot of free images, but when I typed in "Free" in the keyword search, I got pictures of horses, dandelions, and smiling children. I couldn't actually locate any of the free images.

Summary
The pricing is more affordable than other stock photo websites. The user interface is not as slick as other stock photo websites, but the price is definitely better. What I especially like is that you can choose the number of credits you want to purchase. That way, if you only need 14 credits to buy the image you need, you don't have to purchase 25. That is a great consideration for price-sensitive, budget constrained organizations.

Would you like to try Fotolia? They gave me a coupon code for a 2-week subscription, with 3 image downloads per day. But I only have one code. So if you'd like it, please email me (kelly at documentgeek dot com)  and I will send the code over to the first person who asks for it. Once the code is gone, I'll post a note in the comments indicating that.

Thursday, May 26, 2011

Simple Explanation of How to Make a Seamless Illustrator Pattern

I learned this trick at the Print and ePublishing Conference, courtesy of Dan Rodney. Years back he met an Illustrator engineer and she explained how to create seamless pattern swatches, and Dan was kind enough to pass the info along to me.

Illustrator Patterns have baffled me for years and I have always avoided them. But now I no longer have to be afraid of and frustrated with them. Here is a tutorial for making a simple fishscale pattern.

What's different about this method is the order you do the steps. Most pattern tutorials have you start with a square (clipping mask), and then tediously fit all your objects within the square. But with this method, you can just make a design that looks cool, and then get the measurements you need to make the correct sized square/clipping mask. Its much more designer-friendly.

1. Create an object.


2. Duplicate it a few times.


3. Group the objects.
4. On the group: Effect > Transform > Horizontal (write down the increments you used for the horizontal transform)


5. Make a second effect: Effect > Transform > Vertical (Write down the increments you used for the vertical transform.) "This will apply another instance of the effect." Click OK.



6. Make a no-fill/no-stroke rectangle using the measurements you wrote down from the horizontal and vertical transform.


7. Drag the rectangle to over your objects. Anywhere is fine. It doesn't really matter where. Just make sure it's not too close to the edges.
8. Send the rectangle to the back.
9. Select both the rectangle and the group of objects and drag the whole bunch into the swatches panel.
10. Drag out a new square and fill it with your new pattern swatch.
11. Celebrate!

One of the coolest parts about this method is that because it uses live transform effects, you can edit and change the pattern design with a live preview, BEFORE making the Pattern Swatch. Simply double click to go into the group and they can edit the pattern live! Then when you are happy with the design, you can create the pattern swatch by Option+dragging whole bunch over your old pattern swatch to redefine it.

Just by changing the colors of some of the circles, and scooting them around a bit, I got a totally different pattern.


This pattern uses a square, but you can use a rectangle, too. Just be sure to use the measurements from the transform dialog box. (Negative transform numbers should be used just like positive numbers when calculating your rectangle size.)

If this peaks your interest in Illustrator patterns, here are a couple of other good resources I found:

Friday, April 29, 2011

Remove Trailing Whitespace Gotcha! Underline Tab Stops Disappear

As a book designer, I often design study guides. They're small little workbooks that are used in a roundtable discussion group. The workbook is designed to be written in. And of course, like every book designed to be written in, there are handy little lines on which to write. I have set up a paragraph style to format these lines. (Click on the images below to see a larger version of them.)




To format my line in InDesign, I have set up my document with a right-aligned tab stop, with an underscore leader, and then adjusted the tracking to tighten it up a bit.




Some people instead like to make underlines by creating an underlined tab (rather than a tab with an underscore leader), and then adjusting the thickness of the underline in the underline Option sections of the Paragraph Styles dialog box. Either way works fine.


But I discovered something yesterday that I feel compelled to share. I often use InDesign's built-in GREP find/change to clean up formatting. My favorites are "Multiple Return to Single Return", Multiple Space to Single Space", and "Remove Trailing Whitespace."

 

While wrapping up a project yesterday, I ran these GREP find-changes, clicked "OK," and then was about to scroll back through my document to give it a final look before making a PDF. But what did that dialog box just say?


Well, hang on a minute! I know that I had some extra space at the end of paragraphs, but 465 replacements seems a bit excessive. Remember how I had all those nicely formatted lines for writing on? Now they are all gone!



Apparently, InDesign's default GREP expression for "Remove Trailing Whitespace" also removes tabs at the end of a paragraph. But my tabs served a very important function: they provided the lines on which to write.

So, if you use InDesign's default "Remove Trailing Whitespace" GREP Find/Change expression, be aware that it can affect much more formatting than just the few extra spaces at the end of your paragraphs.


Monday, April 25, 2011

Extract Vector Logos from PDFs

So it may seem like awhile since I've done a blog post. The truth is, I've been busier than ever writing new articles. However, the reason I haven't been posting here is because I'm actually started to work with an editor to get my articles posted on another popular blog. So, please take a moment and visit CreativePro.com, and check out my latest blog article there. You'll learn how to extract a vector logo from a PDF, using only Acrobat.

Creative Pro Article: Extract Vector Logos from PDFs

Tuesday, April 5, 2011

How To Remove Reader Enablement in Acrobat

Today I am filling out a W-9 form. The IRS usually does a pretty good job making their forms fillable. I was successfully inputting my data and got about halfway down the page, when I came to the signature line.

I couldn't sign it.


Normally,when a form is properly setup, the signature field looks like this. See the little red "Sign Here" arrow?


With most PDFs, when I need to sign a document and there is no signature field, I can just make one. But with this PDF, that option is grayed out.


So I did a little research online and it turns out that this document had Reader Usage Rights enabled. Which is great for most people, because they can fill out the form on their computer, then print it and scan it back in.

But, I am not most people. I will go out of my way for an hour (or more) to avoid printing out a form and filling it out by hand. My husband asked me this morning, "Wouldn't it just be easier to fill out that form by hand?" To which I replied, "But Honey, what would blog about if I did that?"

So I tried following the instructions for removing the Reader Usage Rights. According the the dialog box, and several very popular forums, all I had to do was Save a Copy. Easy!


But despite three attempts at saving a copy of this file, I still couldn't make a signature field. So I decided to try a workaround. If you've read my other posts about Acrobat, you may know that it doesn't always do what I need it to do. And I have found a great solution for making PDFs...more accessible. ;)

That solution is Mac Preview. It's the free little application that comes on every mac (sorry Windows users), and is the default image viewer on a mac. Of course, as graphic designers, the first thing we do is change the default image viewer to Photoshop, and leave poor Preview to collect dust in the back of the Applications folder. But bring it out and have some fun! You'd be surprised what it can do. Check out my other articles about Mac Preview.

So I opened the file in Preview, saved a copy, and then reopened the file in Acrobat. And now I could make a signature field!



Monday, April 4, 2011

Adventures in Exporting: A Lesson in Patience

Today, I had a problem with Exporting a PDF file from InDesign CS5. I'm working on a 8-page newsletter, with lots of photos, illustrations, transparency, and such. I've been designing this quarterly newsletter for several years, without much complication.

Yesterday, I got the Dreaded "Failed to Export PDF" message. Apparently, this happens to many other designer around the world, but it has never happened to me before. I was able to track down the offending file and finally make a PDF. But it took 2 days and at least 30 or 40 attempts.

The source of the troublesome file was a word doc with charts in it. Call me stubborn, but I'm a die-hard mac user. I don't own any Microsoft products. Maybe I should break down and buy MS Office, but thus far, I've come up with workarounds to allow me to successfully view and extract data from Office documents. So, I'm still holding my ground as an all-mac office. But sometimes I need to come up with creative solutions to view certain file types. Normally it works pretty well. Today...not so much.

To designers around the world who have ever had a rough day and seemingly got nothing accomplished: I dedicate this post to you.

  1. Open the word doc in Preview. Charts don't show up.
  2. Upload the word doc to Acrobat.com.
  3. Save it as a PDF.
  4. Open PDF in Illustrator.
  5. Redraw/fix all graph artwork from Word. Use 3D, graphic styles, nice typography, etc.)
  6. Since there are multiple graphs, repeat Step 5 several times.
  7. Save as an AI file.
  8. Place into InDesign.
  9. Export PDF. Fail!
  10. Grumble.
  11. Try different PDF export settings. Fail!
  12. Grumble again.
  13. Export INDD file as IDML file.
  14. Open IDML file and repeat steps 11 and 12 for an hour. 
  15. Repair disk permissions.
  16. Give up and go to sleep.
  17. Wake up.
  18. Restart computer.
  19. Repeat step 11 and 12 a few more times.
  20. Surf the web looking for solutions.
  21. Quit all programs and relaunch InDesign. Export the PDF with no other programs open, and without paging through the document. Fail!
  22. Try saving the AI file as an EPS file. Relink the file in InDesign.
  23. Repeat steps 11 and 12.
  24. Search again for more help on forums and websites.
  25. Read a forum where the designers tell you to outline all your fonts in order to fix the problem.
  26. Gasp in horror.
  27. Find a different website with an alternate solution.
  28. Try creating a postscript file and distilling. Fail!
  29. Remove graph images.
  30. Export PDF. Success!
  31. Place offending graph images in their own InDesign document and Export a PDF. Success!
  32. Place resulting PDF into original InDesign.
  33. Export PDF. Success!
  34. Export another PDF with different DPI setting (just to verify that it actually works). Success!
  35. Take a lunch break.
  36. Confidently make change/edits to the graph illustration.
  37. Update file in workaround-INDD document.
  38. Export a PDF.
  39. Update linked PDF in original newsletter layout.
  40. Export a PDF. Fail!
  41. Repeat steps 11 through 12 a few times.
  42. Try creating creating and distilling a postscript file. Fail!
  43. Export a flattened PDF. Success!
  44. Export another flattened PDF, this time for the Spanish version, which has different layers. Success!
So when I send this file to press later this week, I'm thinking about including a letter of apology. What do you think?

And oh, by the way, I wanted to include a screenshot of the "Failed to Export PDF" error message, but of course, now I can't get the error message to show up. Seriously?!

Monday, March 28, 2011

Creative Ways to Track Down Vector Logos

As a designer who works with non-profits, I often get artwork submitted to me that is a lower quality than I'd like to use. So I always go out of my way to find/recreate raster logos so I don't have to use JPGs, GIFs, or PNGs in my printing. Even for presentations going on screen, I will replace raster logos with vector logos. If a logo looks bad at one inch tall, it's surely going to look worse at three or four feet tall.

A typical reason I see for getting raster logos is corporate sponsorship. Let's say I'm designing for a non-profit group or educational organization, and they work hard all year long doing their best to raise awareness, help people, and contribute to the betterment of their community. And they've managed to find businesses who believe in their cause and are willing to give them thousands of dollars to further the worthy cause. And the corporate sponsors' reward? Generally, it amounts to warm fuzzies and a ten second splash of their corporate logo at the annual banquet. And maybe the logo also gets posted on a website or in a newsletter somewhere. And perhaps they'll even get a very small banner on the outfield of a community baseball field. So their corporate logo is basically all that other supporters will see from corporate sponsor. In my opinion, their logo it needs to look its best. Web images might look suitable to most people, but not to me.

So I ask the non-profits for vector logos and the response is generally something along the lines of, "What's a vector? This is the only logo I have."

The folks I work with at the non-profits are not designers. No do I expect them to be. I am grateful that they take the time to gather photos, write some articles, and happily send everything over to me so that I can make it look nice for them.

Here are some ways I've figured out to make my client's artwork look its absolute best. This list goes in my preferred order of use. I start at the top, and work my way down, as I get more desperate.

Brands of the World Website
I am so grateful for the designer who told me about this. That designer was also the one who encouraged me to go freelance after the printing companies I worked for kept going out of business. Anyhow, Brands of the World has got thousands of vector logos, many of which I'm sure you have heard of, but many more that probably no one has heard of. One logo type you won't find there: major league sports team logos. Those organizations have the tightest vector logo-protection that I've ever seen! I once needed a San Diego Padres logo for a non-profit newsletter, and I had to get in touch with their Communications Director to verify that the project was legitimate.

Contact the Corporate Sponsor's In-House Marketing Department
If the corporation is large enough, they'll likely have their own marketing department. If you can track down a phone number or an email for someone in the marketing department, you have a good shot at getting a vector logo. As a passionate designer, I am impressed and grateful when I encounter other people who are concerned abut logo quality. And apparently, I am not alone. Marketing department people have been very nice to me, and when I have managed to track them down and talk with them, they always give me the vector file I need to make their company look its best.

I once had to recreate a form for a fire department, and I didn't want to use the grayscale logo that I had scanned from the hardcopy. So I contacted the city's marketing department and they happily sent me the 6-color vector logo. (That was years ago during the boom years, and that particular city had 6-color business cards with a gold foil emboss and a design that did not easily accommodate business card masters. I can't help but wonder if that city has redesigned their printing to be more affordable...probably not!)

Very large institutions, like military forces and colleges, often provide vector logos right online, on their own websites. Some even give usage guidelines. If you can find the logos posted on the corporate website, they often offer the logo in different color combinations and different orientations, to accommodate different printing and designs needs (1-color versus 4-color, etc).

Use Google's Advanced Search
I figured out this one while working in the marketing department of a civil engineering form. My job was to create marketing graphics for water treatment project proposals to city and county governments. So I  had to track down all sorts of city and water district logos. While we had a decent in-house collection of  logos, I wasn't satisfied with using existing raster based images for my work. As a picky designer, I figured that other picky designers also preferred to use vector logos in their designs, and those designs would often end up as PDFs posted on the web. Unless you're working for a place that has tight communication between the marketing, legal, and IT departments, chances are good (excellent actually) that you can find a logo embedded in PDF on the website of most larger organizations.

In Google's advanced search, choose the domain within which you want to search, and then choose filetype: PDF. As more and more people are creating and uploading PDFs, you'll have more and more documents to sift through. But there are very few times when I haven't been able to find what I need using this method.


If you want to quickly filter out a lot of PDFs, you can also add the words untitled, .indd, or .qxp to your search. "Untitled" is the default name that InDesign gives to a new document, and it's not uncommon for designers to save files first as "Untitled.indd" and then go back and change the name to something more meaningful later on. So unless the designer changes it, chances are good that the word "untitled" will be located in the metadata somewhere, usually in the Title (not to be confused with the file name). The same thing applies to .indd and .qxp.

Once you find a PDF that looks like a good candidate, zoom in really close. If it's vector, you can generally open the file in Illustrator and extract the logo from there. But if you are extracting logos from PDFs in Illustrator, be very careful and be sure to grab all the parts and pieces of the logo. PDFs from InDesign can be very complex when opened in Illustrator, and they are riddled with ridiculous numbers of clipping paths and groups. I like to select each part of the logo individually with the direct select (white arrow) tool, and then cut and paste into a new document. Double check your work, as it is easy to mess this up.

One thing to note about university logos: they are often tightly controlled. Universities have a variety of logos in different color combinations, orientations, and uses. Some university logos/seals are restricted for use only on official documents, like letters from the president, or diplomas. Other logos are restricted for use only by the athletic departments. These athletics logos are often used on t-shirts, hats, and other items for resale. Try to locate the "Logo Usage Guidelines" document and follow it closely. In addition to offering very detailed information about acceptable use of the logos, another bonus of locating this document is that typically, all the vector logos are located all in one place. How handy!

Search for Annual Reports
If Google Advanced Search doesn't work for you, or it generates more results than you want to search through, search Google for an Annual Report. From this designer's standpoint, the Annual Report is typically the most respected document in the year of any organization. For the Annual Reports, many organizations will do fancy layouts and get high-end printing. And you can bet that any annual report that's been designed by a professional designer will have a vector logo. Not all organizations put their annual reports on the web, but many do. Non-profit groups and credit unions are good examples.

Contact the Web Designer
Sometimes, corporate sponsors are large enough to make big contributions, but not large enough to have their own in-house design departments. But many of these types of businesses do have very good websites. And behind every good website is a good designer, or maybe even a team of them! Look at the bottom of the web page to see if the web designer has a link to their own page. Sometimes, web designers are modest, and they don't put their contact information in the visible part of the page, but they'll hide it in the source code near the top. If you can find the web designer's contact information, give them a call and see if they can help you out with a vector logo.

Whenever I have tried this, it's been successful. My conversation/email usually goes something like this: "Hi there, I am a graphic designer So-and-So and I see that you designed the website for Big Corporate Sponsor. It is really beautiful and nicely done. Well, I'm contacting you because Big Corporate Sponsor recently made a donation to My-Client-The-Non-Profit. I'm working on the slideshow for the My-Client-The-Non-Profit's annual fundraising banquet, and I'm trying to track down the vector logos so that the Big Corporate Sponsors look good. Would you be able to assist me with this?" And the answer is yes!

When All Else Fails, Rebuild It
I warn you against doing this unless are a really good, experienced, hot-stuff designer who's insanely particular about little details. Organizations (especially large ones with very good logos) have spent thousands of dollars designing, perfecting, and controlling their logos. Many of these organizations even have legal departments dedicated to prosecuting people who infringe upon their copyrights and trademarks. If you recreate someone's logo and you get it wrong, and they find out (and care), you could be in deep trouble, both professionally and financially. But if you skilled and detailed enough to recreate the logo correctly, probably no one will be the wiser. But again, recreating well-known logos is something that should be reserved only for professionals. I have seen designers recreate logos incorrectly, and besides demonstrating a lack of thoughtfulness and care, and it degrades our profession.

Conversely, recreating logos is an excellent way to gain experience with font recognition. I worked for about a year at a small, mom-and-pop print shop. Customers would bring in their old business cards and want us to scan them and use the logo on new design pieces. Not on my watch were they going to get scanned-and-reprinted logos! These customers were almost exclusively small businesses, and their logos were typically just their business name set in a standard typeface; so recreating these logos was generally pretty quick. If you're going to rebuild someone else's logo for use in your designs, start with something simple and work dilligently to get it correct. (And please, don't choose a major league sports team.)

First, you need to match the fonts. I like whatthefont.com for it's character recognition engine. When that doesn't work, I go to identifont.com and answer questions about the qualities of each typeface. In worst-case scenarios, whatthefont.com has a font forum where all the font geeks hang out and identify typefaces that the rest of us can't recognize.

In either case, the font websites will refer you to page where you can purchase the font that matches. If you want to keep the integrity of the design (and you should!), purchase the font. Font designers work very hard to design all the little details of their letters. Typefaces, especially serif typefaces, are extremely time consuming to try to trace. Just buy the font. But if you work for a design firm or printing company with an extensive font library, they may already have it in-house.

Once the type is completed, you'll next need to recreate the company's icon. While you can trace in manually with the pen tool, Illustrator's Live Trace feature can also give excellent results. Live Trace was introduced back in CS2, and is a great tool for quickly creating vector paths from a raster image. The images that work the best are high-contrast, and well defined edges. Logos are the types of graphics that work particularly well with Live Trace's capabilities.

Take the image you'll be tracing and place it into Illustrator. You can set it on its own layer as as template layer, or you can simply lock the image down. By default, template layers will screen back the opacity of the layer by 50%. I prefer to keep the placed image at 100% opacity and instead, screen back the opacity of the object I'm tracing. But that's just my personal preference. Set the type as described above. Now, open the Links panel. Go to Window>Links. I'm an avid InDesign user, so I naturally press Command/Ctrl+Shift+D, which brings up the transparency grid. That's not what I wanted! (Because I've never found a use for Illustrator's transparency grid, I change Illustrator's keyboard shortcut for the Links panel to be the same as in InDesign.)

So once you have the type set and the Links Panel Open, click on Edit Original. This will open the placed image in whatever program you have set to open that that type of raster image. It will likely be Photoshop, but depending on your setup, it could also be a different program, such as Apple's Preview, or Windows Picture and Fax Viewer. But regardless, you need to open the graphic in Photoshop.



Once you have the graphic open in Photoshop, you'll need to erase the text. Be sure to set the background color to white first, or press "D" to reset the foreground and background colors to the default setting. Sometimes, the type within a logo crosses over or  touches the "icon" part of the logo. But do your best to erase the type. You want to isolate the icon part of the graphic. It can also be helpful to clean up other parts of the image in Photoshop by using the Posterize and Find Edges commands. Now, Once you have erased the letters and cleaned up the tracing image, save the image with the same filename. Now go back to Illustrator. You'll get a warning about missing/modified links. Click Yes.



Now, Live Trace the image. There are a variety of presets and settings you can use for Live Trace. For a great how-to on using the finer details of Live Trace, check out a CreativePro.com article dedicated to Live Trace.






As a professional designer, take pride in your work and make sure you have permission to use logos. Whenever I have used any of the techniques listed here, it has been on projects that directly involved the Big Corporate Sponsors. It seems that the biggest potential legal problems come when stealing logos for use on items for resale, such as t-shirts, hats, etc. But of course you would never do that.

Good luck and may all your logos be vector!


For another way to extract logos from PDFs, check out the article I wrote for Creative Pro: Extract Vector Logos from PDFs.