256 Kilobytes

How to Make an Infographic In GIMP, A Written Guide and Video Timelapse

Articles in Graphic Design, Logo Design | By August R. Garcia

Published 2 weeks agoSun, 05 May 2019 01:45:36 -0700 | Last update 1 week agoMon, 06 May 2019 00:53:32 -0700

Infographics are a useful tool for Internet marketing, and sometimes people even read them. Here's how to make them using the GNU Image Manipulation Program (GIMP).

68 views, 0 RAMs, and 0 comments

Infographics are a useful tool for Internet marketing, and sometimes people even read them. 256 Kilobytes, for example, has published a number of infographics and cheat sheets, all of which (at the time of this post) were created using the GNU Image Manipulation Program (GIMP), a free and open source tool similar to Adobe’s PhotoShop.

Video Timelapse of Making an Infographic In GIMP

The video below demonstrates the process described below in video form as a timelapse. The high quality soundtrack is Forest Frolic Loop by Kevin MacLeod, accessed from FreePD.

The result of this video is the SQLite infographic in this article.

How to Make an Infographic In GIMP, Written Guide

Create the Canvas

The first thing that you want to do to create an infographic is to create a new project in GIMP. You’ll want to decide on a canvas size that makes since. 1,000 pixels is generally a good width that will allow plenty of space while displaying well on most monitors. In terms of height, your exact canvas size will depend on the amount and type of content you want to include; use as much height as needed.

Create Headers and Footers

This is relatively straightforward:

  1. Create a solid color background
  2. Create some text
  3. Add a guide to align the text and background together
  4. Optionally, use color tags to group header/footer layers together for ease of identification

Create a Background

You can relatively easily find a usable public domain image for the background of most infographics. This can be done through images.google.com under Tools > Usage Rights. Make sure to double check the actual copyright listed on the source page, since some pages can be included erroneously, or may have specific use requirements that are not obvious from the image search result page. 

Once you have a background image, it is generally a good idea to make it blend with the actual text. This can be done by:

  • Adjusting the image’s opacity;
  • Adding a layer over and/or behind the image (gradients can be useful here); and/or
  • Adjusting the “mode” value of the image and/or the layers above and below it.

After experimenting with a few options, you shoudl find a setup that looks good reasonably easily.

Add Text

Add whatever text you want to include. The addition of guides (Image > Guides > New Guide) can be useful to make sure everything lines up. At this point in the project, avoid adding effects (like bevels) to the text, since once these effects have been added, the layers will no longer be editable text.

Finishing Touches

Once everything is aligned in its correct position and you’re ready export, you may want to go back and add effects to any text that you’ve added. The basic process is to:

  • Right click a text layer
  • Select “Alpha to Selection”
  • Go to “Filters” and select an effect. In particular, these effects are easy to use and can improve an image’s quality substantially:
    • Decor > Add Bevel
    • Light and Shadow > Drop Shadow

Apply whatever effects you want and then save the file.

Export

Once everything is good to go, export it under File -> Export. You may also want to compress it, since infographics can easily exceed a megabye of data. I have found that this tool does a good job of compressing images effectively without losing quality, although you could also just adjust the settings from within GIMP.

Download more RAM. 🐏 ⨉ 0 Posted by August R. Garcia 2 weeks ago

Edit History

• [2019-05-05 1:45 PDT] August R. Garcia (2 weeks ago)
• [2019-05-05 1:45 PDT] August R. Garcia (2 weeks ago)
🕓 Posted at 05 May, 2019 01:45 AM PDT

Read more:
GIMP
Infographics
Profile Photo - August R. Garcia August R. Garcia LARPing as a Sysadmi... Portland, OR
🗎 135 🗨 706 🐏 164
Site Owner

Grahew Mattham

August Garcia is some guy who used to sell Viagra on the Internet. He made this website to LARP as a sysadmin while posting about garbage like user-agent spoofing, spintax, the only good keyboard, virtual assitants from Pakistan, links with the rel="nofollow" attributeproxies, regular expressions, HTML and CSSsin, the developer console, and probably some other trash.


Account created 5 months ago.
135 posts, 706 comments, and 164 RAMs.

Last active 5 hours ago:
Posted thread Dear Websites -- Update Your "Powered by vBulletin® Version 3.7.3" Websites; The current version is 5.5.2

Post a New Comment

To leave a comment, login to your account or create an account.

Do you like having a good time?

Read Quality Articles

Read some quality articles. If you can manage to not get banned for like five minutes, you can even post your own articles.

View Articles →

Argue with People on the Internet

Use your account to explain why people are wrong on the Internet forum.

View Forum →

Vandalize the Wiki

Or don't. I'm not your dad.

View Wiki →

Ask and/or Answer Questions

If someone asks a terrible question, post a LMGTFY link.

View Answers →

Make Some Money

Hire freelancers and/or advertise your goods and/or services. Hire people directly. We're not a middleman or your dad. Manage your own business transactions.

Register an Account
You can also login to an existing account or recover your password. All use of this site is subject to terms outlined in the terms of service and privacy policy.