If you’re using Adobe Photoshop, here’s how you can make a gifographic.
One of the main functional differences between a gifographic and an infographic is that a gifographic is like a video tutorial, as opposed to a written guide. Gifographics are most appropriate when you want to hold your reader’s hand and guide them through the information being presented.
Once you’ve decided to use a gifographic, keep in mind that, like a video, it should be scripted. Start with a storyboard. Knowing what frames you’ll need to make before you take apart your source images is a good beginning. This can be as simple as sketching each frame on a notepad.
The next step is to produce a draft of an infographic. Nothing colorful or fancy – but finished enough for you to see how the vision will come together.
A gifographic is really just a series of infographics stitched together, so making the first one in the series as a proof of concept is helpful.
Once you have an infographic, choose the areas to modify. Cut, rotate, move, and add to your existing images and icons per your storyboard.
As you’re doing this, save each frame as a separate, numbered image. That way, when it comes time to load them into your gifographic stack, there won’t be any confusion.
Click “File > Scripts > Load files into stack.” Double check the layer panel and animation window.
By default, only one frame will be shown in the animation window. To change that, go to “Pallete Options > Make Frames from Layers.” If the images are in the wrong or reverse order, just click on “Palette Options > Reverse Layers.”
Set your animation speed. The standard is one second. Preview your animation after selecting a speed, and don’t forget to set the loop to “forever.” Then save your brand-new gifographic.
Share your beautiful creation with the world. Pinterest is a great place to curate it. Gifographics are still a rarity, and if you make a semi-decent one, you’re likely to see interaction and shares on a level never experienced. Post BY – Rennie Bottali