How to Eat an Artichoke by Rennie Bottali

How to Eat an Artichoke

How to Eat an Artichoke by Rennie Bottali

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , , , , , , | Leave a comment

Cheetah by Rennie Bottali

Cheetah

Cheetah – Rennie Bottali

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , , , , , , | Leave a comment

How to Use Tumblr by Rennie Bottali

How to Use Tumblr

How to Use TumblrRennie Bottali

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , , , , , , | Leave a comment

How Google Works? – Rennie Bottali

How Google Works

How Google Works By Rennie Bottali

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , , , , , | Leave a comment

Some Facts You Might Not Know About Babies by Rennie Bottali

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , , , , , , | Leave a comment

How Social Signals Impact Search Engine Rankings by Rennie Bottali

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , , , , , , | Leave a comment

How to make a gifographic? – Rennie Bottali

If you’re using Adobe Photoshop, here’s how you can make a gifographic.

  1. Create a storyboard

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.

  1. Create a draft of an infographic

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.

  1. Open the PSD file of an infographic or template

Once you have an infographic, choose the areas to modify. Cut, rotate, move, and add to your existing images and icons per your storyboard.

  1. Save and number image files in a separate folder

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.

  1. Load your images into the stack

Click “File > Scripts > Load files into stack.” Double check the layer panel and animation window.

  1. Display your frames

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.”

  1. Set animation speed

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.

  1. Share it everywhere

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

Posted in Bottali, Gifographic, Infographic, Rennie, Rennie Bottali, RennieBottali, Sheralee Bottali | Tagged , , , , , , , , | Leave a comment