Making an Infographic: Client Logos

This tutorial will give you some ideas and show you some tips on how you can incorporate a client logo into your infographic.

The main program I use to build infographics is Illustrator, it’s easier to manipulate and scale text and graphics and it provides web-friendly settings. You can set your color mode to RGB and there’s an option for “Save for Web and Devices” that creates a really nice, high res .PNG or .JPG or even .GIF file. You can also save your .PNGs with transparencies with just a click.

The Logo File – An Insider Advanced Trick

You won’t always have access to a raw logo file; you may have to grab a .JPG off of the Internet or use a flat .JPG with that irritating white background because that’s all that the client has.

I’m going to show you how to zap that bad white background like an unwanted zit without Photoshop using just a simple click. Okay, maybe more like five clicks.

Note: This trick only work on tan/lighter backgrounds. It won’t be much help on a background like dark gray, or anything with a darker value. I have used this trick a lot however, so it is very useful.

Let’s utilize something called the appearance panel in Illustrator.

You can find your appearance panel by selecting Window > Appearance. To the right you’ll see a circle icon that pops up to indicate that Appearance is now available on your design tool panel.

kellypic1Next, by having the logo file selected and the appearance panel open, you can see the file’s opacity is set to “Default.” By clicking on the word “Opacity,” another dialog box will pop up. There will be a drop down menu that will currently sit at “Normal,” and within this menu you’ll see options you are familiar with seeing in Photoshop, though PS refers to it as blending mode. (Why they can’t all have the same name for things beats me as it sure would make life a lot easier.)

Here’s how the dialog boxes should appear:

kellypic2

I like Multiply best for the quick fix of zapping out that nasty white background, so go forth and click it and see what happens.

Here’s what should happen:

kellypic3For the IG Newbie: Placement

There’s nothing wrong with a client wanting their logo on an IG, the trick is incorporating it into the design. I see a lot of good logo placement and a lot of poor logo placement out there. The best spot for a logo is really at the conclusion of an infographic, somewhere before or after the sources – and showing it once is enough.

If a client wants their logo HUGE and everywhere on the IG, let them know that you don’t want to come off as spammy. The point of an IG is to share and produce useful content in a way that’s visually (and quickly) digestible. You can suggest that it looks too much like an advertisement or promotion – as if they’re trying too hard. People won’t be as eager to share it if they think it’s an ad as they would if they thought it was just really great information.

Some common phrases that are used frequently are “brought to you by,”, “produced by”, and “provided by.” All are appropriate and you can use whichever language works best.

This is an instance where a logo is at the top. See full IG here.

kellypic4This is an instance where it’s at the bottom. See full IG on BlogWorld.

kellypic5Here are some other kind of logo placements that work.

See full IG on MTV.

kellypic6See full IG on Hotspot Shield.

kellypic7As the designer, you know what will look best, so trust your instincts. Make the most rational argument you can with your clients if (and when) they make ridiculous logo attribution requests. Usually they will look to you for your expertise. Hopefully now you’ve been armed with a little more knowledge than before and can address your client’s logo requests like a pro.

About the author

Kelly Quigley