How to create a colorful infographic in Adobe Illustrator

0 Projects

In this tutorial we'll learn how to create this lovely and colorful infographic using a very simple process and really basic tools. Let’s get started!

Hello! today I'm going to show you step-by-step how to create an infographic like this one. We will start by selecting the color palette for our work. To do this we are going to make a couple of samples to see how they combine. We go to swatch palette>color properties and click on Bright. Choose intense colors for the tags and grab a darker and lighter tone so we can create gradients. We will also need a gray color for the background and a darker grey for the text. We have our samples already so we can start with our design. We start with a flat color for the background and we lock the layer. For the shadow effect to make a circle and apply a radial gradient from black, in the center, to white in the edge. We have to move the black towards the white to a 40% more or less. Now change the blending mode to Multiply and lower the opacity to 20%, distort the circle until you get a vertical ellipse. Once we have our shade done we have to make a triangle the same color as the background that covers the left half of our shadow. Let's move to the banners. First we make a triangle with a gradient, with the dark tone on the left and the light tone on the right. I want to start with blue color. Now we make a trapezoid with the same gradient and we place it behind the triangle this way. Regroup both figures and place them in front of the shadow on the top part so it looks like it comes from behind a paper fold. Now we just have to add text. I'm going to use a sample text the font I'm using is called "Caviar dreams". I'll use it in white for the numbers and bright colors for the titles, the main text will be gray and I will use the "Open sans" font. To decorate use a dotted line, we can also add an icon that goes with the title we have chosen. I'll use this one for example. When we have our first step group everything and we just have to duplicate and change the info. When everything is done we can adjust sizes. Press the Shift key on your keyboard to restrict proportions, For the infographic title I've use "Caviar dreams" again, but this time in capital letters and a dark gray color. For the subtitle I've duplicated the text but reduced size. And we're done with the infographic! Hope
The transcript in this language is not yet available. We are working on it, please come back later!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor