Showing posts with label logos. Show all posts
Showing posts with label logos. Show all posts

Monday, July 25, 2011

Windshield Repair Logo Turned Into a Custom Cake

 One of my friends is a pastry chef, and several times, she used my designs as a starting point for her amazing pastry creations.

Years ago, my husband and I started a mobile windshield repair business. Since I was a designer, together we designed the logo, web site, and all marketing collateral for our new business.


About a year ago, we sold our windshield repair business to our nephew, Trevor. Trevor recently had a birthday, and to celebrate, our-dear-friend-the-pastry-chef made Trevor-the-young-entrepreneur a very special birthday cake. As you can see, this is no ordinary birthday cake. Our pastry-chef-friend specializes in very fancy, completely custom cakes. Her cakes are not only totally amazing to look at, but without a doubt, the tastiest cakes I've ever eaten.


I'd like to point out a few things about this cake that make it so special. 
  1. The shape: it's shaped like a windshield (wide at the bottom, narrow at the top)
  2. The road: Not only did our-friend-the-pastry-chef manage to dye fondant completely black (which I'm guessing is tricky), she also made the road hang slightly off the left edge of the windshield, just like on the original logo. 
  3. The font: for the words, "OnCall," we used a font called Wild Ride. While my baker friend only had a limited character set to work with, I say she did a pretty amazing job of keeping true to the styling of the letters. Notice how the letter "a" is 2-story, and the lowercase "o" is elliptical, slightly off center, and thicker on one side.
  4. The windshield damage: Notice the large chip in the lower left hand corner of the windshield (passenger side). And in the top right hand side (driver side) of the windshield is a star break. And on both sides of the windshield are edge cracks. Here are the corresponding graphics from the OnCall web site.


We are so proud of our nephew Trevor, for taking over our business. If you are in the Portland area and need your windshield repaired, give him a call at 971-404-1247 or visit his website: http://portlandwindshieldrepair.com. He was trained by the best (my husband), and offers a lifetime guarantee on his work.

And we are equally proud of our dear friend Charlene, who, in my opinion, makes the best cakes in the world. She's just as good as the best bakers on the Food Network. Yo u can find more of her amazing cake designs on her Facebook page.

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

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.

Thursday, February 3, 2011

Designing for Small Non-Profits: Preparing Flexible Files to Be Used with Consumer-Grade Software

Some of my clients are small non-profits. These hardworking folks are typically volunteers, managing teams of volunteers. They work with limited resources and have to find very creative ways to get things done on a limited budget. I have a deep appreciation for the effort required to run a successful non-profit. That's why, for special clients like these, I adjust my workflow in order to better meet their needs.
In addition, when designing for small non-profits, I never truly know how the files are going to be used or where they will end up. The graphics I create could end up in an email campaigns, newsletters, newspapers, on t-shirts, websites... you name it. So in addition to choosing file formats that my clients can actually use, I also try to make the files as editable as possible, all while maintaining a high quality. If any of these files do end of at a professional printer, they'll print reasonably well.

Small non-profits want to have attractive graphics, but typically lack the tools and knowledge to create them on their own. Their tools usually include consumer-grade programs such as MS Word, MS Publisher, and Photoshop 6 or earlier.

As much as I may urge my non-profit clients to switch to the Creative Suite, I understand that learning professional software is not something to be done casually, and so I never actually expect any of them to convert to the Creative Suite. These wonderful clients want to create their own graphics using the tools they own and already know how to use. Though I may help them with certain special projects, most of their day-to-day designs are done in-house, by volunteers.

To assist my clients in creating higher quality graphics while still using their existing tools, I choose file formats based upon what is compatible with their tool set. These file formats are very different from what I use in my professional high-end projects, but work perfectly for my non-profit clients and their tools. The file formats I choose are:
  • WMF
  • EMF
  • PSD
WMF
As modern professional designers don't typically use WMFs, your experience with WMFs is likely limited to clip art books such as the somewhat fictitious "10,000 Cheesy Clip Art Images for $49."

There are several reasons I don't like WMFs: they don't support bezier curves (all curves are converted to a path with bunches of corner points - see image below), they are incapable of containing XMP metadata, they only have an RGB mode. WMFs were originally developed for a 16 bit windows operating system, and some websites say they cannot be placed inside graphic programs, but interestingly, WMF can be placed into InDesign documents, even on a mac. However, WMF's can't embed fonts, so you'll either need to have the fonts available wherever the file is being output, or outline the fonts and then go to great lengths to make sure the final result looks acceptable. We'll explore how to do that below.




Different software programs seem to have different methods for converting their native file formats to WMFs. For a brief period of time, I had a job where I had to use Corel Draw. It converted WMFs quite differently that Illustrator does. Corel gradients export as vector, but AI gradients export as raster. But if you want to achieve vector gradients in an AI WMF, you can create your gradient using a blend. If you have more than one vector editing software available, test which one does the best job of converting your files.


But for as much as I dislike WMFs, they are useful in a few circumstances. WMF stands for Windows Meta File. It is a vector format compatible with MS Office products. While using EPS files in Office products has varying degrees of success (depending on how far you backsave the EPS), WMF files work well with the MS Office suite. WMF files preview properly, are scalable, and print crisply. Within an MS Office program, you can even ungroup them, and they will act as native shapes drawn with the Office drawing tools. As a designer, the challenge lies in generating a WMF file that is respectable by modern day graphics standards.

I found that converting the curves to straight lines results in very ugly type. After some trial and error, I found that by enlarging the text (or graphics) prior to exporting a WMF from Illustrator, the distortion of the curves is not as bad. It's still ugly, but workable with a few adjustments. The image below illustrates the difference in curve conversion (in)accuracy at 12 and 24 points.



The trick is:
  • Design your AI file at at least 10 times the size you finally need it.
  • Outline the type.
  • Export a WMF.
  • You'll need to resize the WMF when you place it into the Word doc.


The larger curves in the 240 pt example result in a larger number of points during the WMF export, and correspondingly, more accurately resemble the original shape of the outlined text.

EMF
This is pretty similar to WMF, with the main difference (for my purposes) being support of curves. Well, in theory anyway. The curve conversion at 24 point actually looks worse than the WMF version at the same size.

PSD
I use this file format for clients who like to use Photoshop for page layout. By copying the paths from Illustrator and then pasting into Photoshop as a Shape Layer, you have a scalable vector logo with a transparent background, and can very intuitively edit the color. Be sure to maximize compatibility when saving the file. If I was ever to give my clients a logo as a jpeg, they eventually will want to have it with a transparent background, and they would likely attempt to erase the background using the magic wand tool. This format prevents magic wand attempts and it retains the accuracy of the original Illustrator paths.





Again, I want to emphasize that these formats are not recommended for high-end production workflows, but will assist organizations with consumer-grade software to have attractive graphics. Having spent my entire adult life in Christian ministry, I always look for ways to do more with less. I recently read a great book that illustrates how non-profits get more accomplished while spending no money. I highly recommend this book: Zilch: The Power of Zero in Business

If you need to prepare files for people using consumer grade software, may I also recommend these articles:
Adventures in Flexible File Prep: New Twist on PDF Form Fields
Bulletproof, flexible files for Adobe Reader users