g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Folklore and Mythology
Women's Fashion
Holiday/Seasonal Cooking
Hiking & Backpacking
New Age
Weight Loss

All times in EST

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Designing an Infographic with Nigel French

This intermediate level, project based course at lynda.com entitled Designing an Infographic is taught by Nigel French and teaches how to create an inforgraphic image that contains several design elements. You will not only learn what type of design elements to use in an infographic but also how to create them in AdobeR PhotoshopR, InDesignR and IllustratorR. French also discusses his workflow and how he uses the Adobe cross-software link feature to link multiple master documents, one for each design element, to the infographic document.

French begins by discussing the individual layers in the final project document that contain the design elements that make up the infographic image. These design elements include a silhouette background image, map, timeline, several charts, title, bullet list and texture layer. He also shows how to use other layers, such as a grid, wireframe and masking layer, to help with the physical sizing and positioning of the design elements.

Beginning with the document setup, French shows how to create the grid layer using the Split to Grid feature and the custom mask layer to hide the pasteboard contents. Next, he adds the labeled wireframe layer to indicate the placement of the design elements. Finally, he creates a custom color swatches file to be used across the Adobe applications, insuring consistency.

Moving on to the first design element, French shows how to create the silhouetted background layer. He begins by using Image Trace to convert a raster image to vectors and adjust the threshold and path settings. Next, he creates a textured graphic in Photoshop and moves this graphic onto a new layer in the Illustrator document. In the last step in this section, French creates the title and discusses how to make custom adjustments for text style, kerning and tracking.

In the next section, French creates the master document for the fourth design element, which is a map. He begins by demonstrating how to set up the master document to fit within its designated spot in the infographic wireframe layer. Next, he shows how to vectorize the map, assign custom colors to areas of the map and create the color key for the map. French also shows how to create the two circular masked insets which overlay the map.

Next →

Disclosure: I was not financially compensated for this article. This course was free from lynda.comR as part of their Like to Learn feature. The opinions are completely my own based on my experience.

Join us in the Animation forum. | Join us in the Digital Art forum.


Add Designing+an+Infographic+with+Nigel+French to Twitter Add Designing+an+Infographic+with+Nigel+French to Facebook Add Designing+an+Infographic+with+Nigel+French to MySpace Add Designing+an+Infographic+with+Nigel+French to Del.icio.us Digg Designing+an+Infographic+with+Nigel+French Add Designing+an+Infographic+with+Nigel+French to Yahoo My Web Add Designing+an+Infographic+with+Nigel+French to Google Bookmarks Add Designing+an+Infographic+with+Nigel+French to Stumbleupon Add Designing+an+Infographic+with+Nigel+French to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Tangled Heart with Illustrator

Saving SVG Files in Illustrator for Silhouette

Piecing the Mygrafico Logo Text for Animation

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor