{"id":19422,"date":"2020-03-05T14:24:48","date_gmt":"2020-03-05T14:24:48","guid":{"rendered":"https:\/\/graphicmama.com\/blog\/?p=19422"},"modified":"2022-07-05T12:13:46","modified_gmt":"2022-07-05T12:13:46","slug":"how-to-make-infographic-tutorial","status":"publish","type":"post","link":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/","title":{"rendered":"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]"},"content":{"rendered":"<p>Want to learn how to make an <a href=\"https:\/\/graphicmama.com\/blog\/what-is-infographic\/\" target=\"_blank\" rel=\"noopener\">infographic<\/a> fast and easily?\u00a0In this tutorial, we will show you how to make <strong>a colorful eye-catchy 3D infographic in <a href=\"https:\/\/graphicmama.com\/blog\/adobe-illustrator-tutorials\/\">Adobe Illustrator<\/a><\/strong>. It will take you<strong> less than 5 minutes<\/strong>, and the result will be a really good-looking professional infographic. And if you are not confident about your skills, you can also <strong>download the final source file<\/strong> and modify it according to your needs.<\/p>\n<p>This tutorial is also available as a video with subtitles. If you prefer watching it this way, here you are:<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/gCRyquSrXWE\" width=\"826\" height=\"464\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>Maybe you&#8217;ve already <a href=\"https:\/\/graphicmama.com\/blog\/infographic-topics\/\">chosen the topic<\/a> for your infographic and you are ready to visualize your ideas, or you are just interested in practicing your skills. Anyway, after you complete this tutorial and <a href=\"https:\/\/graphicmama.com\/blog\/steps-proof-check-infographic-design\/\">proof-check<\/a> your infographic, you will be ready to use it for <a href=\"https:\/\/graphicmama.com\/blog\/infographics-marketing\/\" target=\"_blank\" rel=\"noopener\">marketing<\/a>, <a href=\"https:\/\/graphicmama.com\/blog\/infographic-examples-education\/\">education<\/a>, <a href=\"https:\/\/graphicmama.com\/blog\/powerpoint-presentation-examples\/\">PowerPoint presentations<\/a>, and many more different purposes.<\/p>\n<p>&nbsp;<\/p>\n<h4>Step 1: Open Adobe Illustrator and create a new file<\/h4>\n<p>Pick dimensions of your choice. For this tutorial, we have chosen\u00a0to create an infographic in 1000&#215;1000 pixels width and height, so the final template will be square.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-19426 aligncenter\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05132822\/How-to-make-infographic-step-1.jpg\" alt=\"How to make infographic step 1\" width=\"830\" height=\"524\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05132822\/How-to-make-infographic-step-1.jpg 830w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05132822\/How-to-make-infographic-step-1-300x189.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05132822\/How-to-make-infographic-step-1-768x485.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05132822\/How-to-make-infographic-step-1-80x51.jpg 80w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 2: Create the basic shape<\/h4>\n<p>On the canvas, create a square shape by using\u00a0the Rectangle Tool (U).\u00a0Then, select the two bottom corners with the help of the Direct Selection Tool (A).<\/p>\n<p>Little dots will appear at each corner.\u00a0Drag each diagonally across the square in order to make the bottom corners rounded, as shown in the second picture below.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19438 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144136\/How-to-make-infographic-step-22.jpg\" alt=\"How to make infographic step 2\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144136\/How-to-make-infographic-step-22.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144136\/How-to-make-infographic-step-22-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144136\/How-to-make-infographic-step-22-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144136\/How-to-make-infographic-step-22-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 3: Start transforming the shape<\/h4>\n<p>The next step would be to expand the path. To do so, open the\u00a0Pathfinder Panel and select the Unite Icon. Then, you will have to\u00a0shrink its height &#8211; simply drag the selection from the bottom up. The result should resemble the shape shown in the first picture below.<\/p>\n<p>After that, you will have to duplicate the shape and flip it. To do so, copy the path with Ctrl+C and then paste it on top of the selection via Ctrl+F. Rotate the path\u00a0180 degrees with the help of the\u00a0Rotate Tool (R), and move the new path up a little bit while keeping the two paths overlapped. The result is shown in the second picture below.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19439 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144158\/How-to-make-infographic-step-32.jpg\" alt=\"How to make infographic step 3\" width=\"829\" height=\"283\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144158\/How-to-make-infographic-step-32.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144158\/How-to-make-infographic-step-32-300x102.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144158\/How-to-make-infographic-step-32-768x262.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144158\/How-to-make-infographic-step-32-80x27.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 4: Turn the shape on the top into an oval<\/h4>\n<p>Time to make an oval by using the shape on the top which we created in the last step.\u00a0Make a copy of this shape and, while pressing Shift,\u00a0move it to the right. Duplicate it, and similarly to the previous path, rotate it 180 degrees.<\/p>\n<p>Then, go to Pathfinder and click on the Intersect icon. The outcome should resemble the shape shown in the third picture.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19440 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144219\/How-to-make-infographic-step-42.jpg\" alt=\"How to make infographic step 4\" width=\"829\" height=\"160\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144219\/How-to-make-infographic-step-42.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144219\/How-to-make-infographic-step-42-300x58.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144219\/How-to-make-infographic-step-42-768x148.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144219\/How-to-make-infographic-step-42-80x15.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 5: Turn the oval shape into a ring<\/h4>\n<p>Go back to the previous shape (which should be on the left of your canvas). It&#8217;s still made of two paths &#8211; select them and merge them. Then,\u00a0change the color tone. We&#8217;ve chosen a little bit darker and more saturated pink color nuance, so the final result represents a pink ring with lights and shadows.<\/p>\n<p>Duplicate the oval, which should be on your right. Color it with the same darker nuance and scale it down a little bit. This will create the thickness of your ring.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19441 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144235\/How-to-make-infographic-step-51.jpg\" alt=\"How to make infographic step 5\" width=\"829\" height=\"254\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144235\/How-to-make-infographic-step-51.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144235\/How-to-make-infographic-step-51-300x92.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144235\/How-to-make-infographic-step-51-768x235.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144235\/How-to-make-infographic-step-51-80x25.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Select the inner oval (the one with the darker shade) and duplicate it twice, so you have two copies of it. Select one of the copies and move it down. Then select both of them and\u00a0then, click Intersect.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19442 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144253\/How-to-make-infographic-step-61.jpg\" alt=\"How to make infographic step 6\" width=\"829\" height=\"234\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144253\/How-to-make-infographic-step-61.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144253\/How-to-make-infographic-step-61-300x85.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144253\/How-to-make-infographic-step-61-768x217.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144253\/How-to-make-infographic-step-61-80x23.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>A new path inside the ring should have formed. Change its color to the color of the background, so it appears transparent: Select it, open the Eyedropper Tool (I), and click on your background.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19443\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144345\/How-to-make-infographic-step-7.jpg\" alt=\"How to make infographic step 7\" width=\"829\" height=\"264\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144345\/How-to-make-infographic-step-7.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144345\/How-to-make-infographic-step-7-300x96.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144345\/How-to-make-infographic-step-7-768x245.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144345\/How-to-make-infographic-step-7-80x25.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 6: Create depth and finish the ring<\/h4>\n<p>Go back to the path on the left and duplicate it. Select the\u00a0Eraser Tool (E) and make a stroke, as shown in the first picture below. Select the left part of the path and use the Gradient Tool (G) to create a black-to-transparent gradient. This will create shadowing, so our shape starts to look like a 3D shape.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19444\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144416\/How-to-make-infographic-step-8.jpg\" alt=\"How to make infographic step 8\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144416\/How-to-make-infographic-step-8.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144416\/How-to-make-infographic-step-8-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144416\/How-to-make-infographic-step-8-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144416\/How-to-make-infographic-step-8-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>Use the same technique to create shadowing on the inner part of the ring.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19445\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144438\/How-to-make-infographic-step-9.jpg\" alt=\"How to make infographic step 9\" width=\"829\" height=\"286\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144438\/How-to-make-infographic-step-9.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144438\/How-to-make-infographic-step-9-300x103.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144438\/How-to-make-infographic-step-9-768x265.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144438\/How-to-make-infographic-step-9-80x28.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Group the paths on the left. Then, group the paths on the right. Select both groups and combine them by using the Central Horizontal Align and Top Vertical Align options from the menu on top.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19446\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144458\/How-to-make-infographic-step-10.jpg\" alt=\"How to make infographic step 10\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144458\/How-to-make-infographic-step-10.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144458\/How-to-make-infographic-step-10-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144458\/How-to-make-infographic-step-10-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144458\/How-to-make-infographic-step-10-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 7: Insert text<\/h4>\n<p>Time to start giving our creation the look of an actual infographic. Type text (in this case, we&#8217;ve typed a percentage number) by using the\u00a0Type tool (T).\u00a0Choose a nice legible font and a contrasting color. In our case, the font is\u00a0Oswald and the color is white\u00a0(#fff).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19447\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144519\/How-to-make-infographic-step-11.jpg\" alt=\"How to make infographic step 11: adding colors\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144519\/How-to-make-infographic-step-11.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144519\/How-to-make-infographic-step-11-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144519\/How-to-make-infographic-step-11-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144519\/How-to-make-infographic-step-11-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 8: Create more rings<\/h4>\n<p>The next step is to make multiple copies of the ring in various colors depending on the data\/content you will be presenting.<\/p>\n<p>By using\u00a0Ctrl+G,\u00a0group each ring with the text written on it.\u00a0Then, open the Selection Tool (V), and while pressing Alt, drag and drop the ring. Then, change its colors according to your taste. Repeat the step a few times while you are satisfied with the number of rings, and edit the text on each accordingly.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19448\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144645\/How-to-make-infographic-step-12.jpg\" alt=\"How to make infographic step 12\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144645\/How-to-make-infographic-step-12.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144645\/How-to-make-infographic-step-12-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144645\/How-to-make-infographic-step-12-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144645\/How-to-make-infographic-step-12-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 9: Create a shadow on the ground<\/h4>\n<p>To make the graphic more realistic, the next step would be to create a shadow dropping on the ground.<\/p>\n<p>Grab the\u00a0Ellipse Tool (L) and create a circle. By using the\u00a0Gradient Tool (G), make a black-to-transparent gradient starting from the center. Select the ellipse and grab the lowest point with the mouse cursor &#8211; move it up, so that you shrink the height of the circle. This will create the illusion of a perspective. Then, adjust the shadow under the bottom ring in order to create a shadow effect.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19449\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144720\/How-to-make-infographic-step-13.jpg\" alt=\"How to make infographic step 13: create a shadow\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144720\/How-to-make-infographic-step-13.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144720\/How-to-make-infographic-step-13-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144720\/How-to-make-infographic-step-13-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144720\/How-to-make-infographic-step-13-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>You may also be interested in\u00a0<a href=\"https:\/\/graphicmama.com\/blog\/best-animated-infographics\/\" target=\"_blank\" rel=\"noopener\">12 Animated Infographics That Will Engage Your Mind from Start to Finish<\/a><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 10: Create the guiding elements<\/h4>\n<p>The guiding elements will visually connect each ring of the infographic to its corresponding text.<\/p>\n<p>Use the Rectangle Tool (U) to create a line. Then, get the Ellipse Tool (L) to create a circle on the right end of the line. Select both elements and apply Vertical Center Align.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19450\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144756\/How-to-make-infographic-step-14.jpg\" alt=\"How to make infographic step 14: creating the bullets\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144756\/How-to-make-infographic-step-14.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144756\/How-to-make-infographic-step-14-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144756\/How-to-make-infographic-step-14-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144756\/How-to-make-infographic-step-14-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Group or merge the line and circle into one path. Make multiple copies of it and position each duplication right across the center of each ring.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19451\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144832\/How-to-make-infographic-step-15.jpg\" alt=\"How to make infographic step 15\" width=\"829\" height=\"338\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144832\/How-to-make-infographic-step-15.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144832\/How-to-make-infographic-step-15-300x122.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144832\/How-to-make-infographic-step-15-768x313.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144832\/How-to-make-infographic-step-15-80x33.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 11: Type and style the text<\/h4>\n<p>Now after you are finished with the graphic part of the infographic, it&#8217;s time to style the text.\u00a0Choose the fonts and the colors you\u2019ll be using. A bit of advice from us:\u00a0Use bigger and bolder fonts for your titles and smaller ones for the text.<\/p>\n<p>In our case, we will be using Oswald for the titles, each in a different color\u00a0according to the ring to which it corresponds.\u00a0For the paragraphs, we will be using the more neutral Arial in an easy-to-read white color.<\/p>\n<p>Start by typing the text across the first ring. To select an appropriate color for the title that matches the ring color, we&#8217;ve used the Eyedropper Tool (I).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19452 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144921\/How-to-make-infographic-step-16.jpg\" alt=\"How to make infographic step 16: creating the text for the infographic\" width=\"829\" height=\"400\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144921\/How-to-make-infographic-step-16.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144921\/How-to-make-infographic-step-16-300x145.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144921\/How-to-make-infographic-step-16-768x371.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144921\/How-to-make-infographic-step-16-80x39.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>After you&#8217;ve created the text for the first ring, group the title and the paragraph. Then, duplicate them as many times as needed according to the number of rings you have. To change the color of each title, use the Eyedropper Tool (I) and select the correct color from the ring across it.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19453\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144940\/How-to-make-infographic-step-17.jpg\" alt=\"How to make infographic step 17\" width=\"829\" height=\"466\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144940\/How-to-make-infographic-step-17.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144940\/How-to-make-infographic-step-17-300x169.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144940\/How-to-make-infographic-step-17-768x432.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05144940\/How-to-make-infographic-step-17-80x45.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Depending on the length of your text,\u00a0you may have to move the text fields closer to the rings. Simply select all the text together plus a part of the lines by using the\u00a0Direct Selection Tool (A). Then move them closer as you wish.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19454\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145034\/How-to-make-infographic-step-18.jpg\" alt=\"How to make infographic step 18 finishing the composition\" width=\"829\" height=\"466\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145034\/How-to-make-infographic-step-18.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145034\/How-to-make-infographic-step-18-300x169.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145034\/How-to-make-infographic-step-18-768x432.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145034\/How-to-make-infographic-step-18-80x45.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The infographic title and description can be placed either on the top or the bottom of the infographic. Since this is a square infographic, both options look good.<\/p>\n<p>We chose\u00a0Open Sans Bold font for the title and\u00a0Myriad Pro Regular for the description. The color is a non-obtrusive light blue tone.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19455\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145102\/How-to-make-infographic-step-19.jpg\" alt=\"How to make infographic step 19: title of the infographic\" width=\"829\" height=\"466\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145102\/How-to-make-infographic-step-19.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145102\/How-to-make-infographic-step-19-300x169.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145102\/How-to-make-infographic-step-19-768x432.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145102\/How-to-make-infographic-step-19-80x45.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>Step 12: Put the finishing touches<\/h4>\n<p>So far, so good. All that&#8217;s left is to\u00a0align the spaces between the elements and center them, so the infographic has a professional look.<\/p>\n<p>Also, we&#8217;ve added shadows to the percentages on the rings\u00a0by using Menu &gt; Effects &gt; Stylize &gt; Drop Shadow.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-19456\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145145\/How-to-make-infographic-step-20.jpg\" alt=\"How to make infographic step 20: polishing the details\" width=\"829\" height=\"466\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145145\/How-to-make-infographic-step-20.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145145\/How-to-make-infographic-step-20-300x169.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145145\/How-to-make-infographic-step-20-768x432.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145145\/How-to-make-infographic-step-20-80x45.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>And voila! Enjoy the final result.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-19457 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145424\/How-to-make-vector-infogrpahic-in-5-minutes-finished-result.jpg\" alt=\"Infographic desing in Illustrator - finished result\" width=\"829\" height=\"829\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145424\/How-to-make-vector-infogrpahic-in-5-minutes-finished-result.jpg 829w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145424\/How-to-make-vector-infogrpahic-in-5-minutes-finished-result-150x150.jpg 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145424\/How-to-make-vector-infogrpahic-in-5-minutes-finished-result-300x300.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145424\/How-to-make-vector-infogrpahic-in-5-minutes-finished-result-768x768.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2019\/03\/05145424\/How-to-make-vector-infogrpahic-in-5-minutes-finished-result-80x80.jpg 80w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>You can also <strong><a href=\"https:\/\/drive.google.com\/file\/d\/1JA3q4vALF8nJM-z4mAWpnJXogKly8ogY\/view\">download the final infographic<\/a><\/strong> and update it with your own content.<\/p>\n<p>&nbsp;<\/p>\n<p>We hope you managed to make an infographic easily while following this tutorial. If you want to learn more about infographics, as well as get some free assets for your future infographic designs, you will definitely find these related articles useful:<\/p>\n<ul>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/best-free-infographic-templates-2022\/\">The Best Free Infographic Templates for Every Software in 2022<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/how-to-make-an-engaging-infographic\/\">How to Make an Engaging Infographic: The Full Guide<\/a><\/li>\n<li><a href=\"https:\/\/graphicmama.com\/blog\/how-to-create-an-online-course-in-7-simple-steps\/\">How to Create an Online Course in 7 Simple Steps<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/graphicmama.com\/design-bundle\/infographic-template-collection?utm_source=how-make-infographic-article&amp;utm_medium=image\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone wp-image-51333 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2021\/09\/05120749\/infographic-templates-collection-gm.jpg\" alt=\"539 infographic templates for PowerPoint, Google Slides, Photoshop, Illustrator\" width=\"826\" height=\"290\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2021\/09\/05120749\/infographic-templates-collection-gm.jpg 826w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2021\/09\/05120749\/infographic-templates-collection-gm-300x105.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2021\/09\/05120749\/infographic-templates-collection-gm-768x270.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2021\/09\/05120749\/infographic-templates-collection-gm-80x28.jpg 80w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a colorful eye-catchy 3D infographic in Adobe Illustrator. It will take you less than 5 minutes, and the result will be a really good-looking professional infographic. And if you are not confident about your skills,&#8230;<\/p>\n","protected":false},"author":8,"featured_media":29097,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[29,921,922,303,64,920,138,363,874],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]<\/title>\n<meta name=\"description\" content=\"Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a professional 3D infographic in Adobe Illustrator.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]\" \/>\n<meta property=\"og:description\" content=\"Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a professional 3D infographic in Adobe Illustrator.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"GraphicMama Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraphicMama\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-05T14:24:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-05T12:13:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/02\/26144724\/how-to-make-infographic-tutorial.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1652\" \/>\n\t<meta property=\"og:image:height\" content=\"928\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ludmil Enchev\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:site\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ludmil Enchev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/\",\"url\":\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/\",\"name\":\"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]\",\"isPartOf\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\"},\"datePublished\":\"2020-03-05T14:24:48+00:00\",\"dateModified\":\"2022-07-05T12:13:46+00:00\",\"author\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/aa1e5ca399ab3a446e2226581ed9e592\"},\"description\":\"Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a professional 3D infographic in Adobe Illustrator.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/graphicmama.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\",\"url\":\"https:\/\/graphicmama.com\/blog\/\",\"name\":\"GraphicMama Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphicmama.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/aa1e5ca399ab3a446e2226581ed9e592\",\"name\":\"Ludmil Enchev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e6b75f32aaa1022d1e757b18b6c8e04b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e6b75f32aaa1022d1e757b18b6c8e04b?s=96&d=mm&r=g\",\"caption\":\"Ludmil Enchev\"},\"description\":\"Lyudmil is an avid movie fan which influences his passion for video editing. You will often see him making animations and video tutorials for GraphicMama. Lyudmil is also passionate for photography, video making, and writing scripts.\",\"url\":\"https:\/\/graphicmama.com\/blog\/author\/ludmil\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]","description":"Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a professional 3D infographic in Adobe Illustrator.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]","og_description":"Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a professional 3D infographic in Adobe Illustrator.","og_url":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/","og_site_name":"GraphicMama Blog","article_publisher":"https:\/\/www.facebook.com\/GraphicMama","article_published_time":"2020-03-05T14:24:48+00:00","article_modified_time":"2022-07-05T12:13:46+00:00","og_image":[{"width":1652,"height":928,"url":"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2020\/02\/26144724\/how-to-make-infographic-tutorial.png","type":"image\/png"}],"author":"Ludmil Enchev","twitter_card":"summary","twitter_creator":"@GraphicMama","twitter_site":"@GraphicMama","twitter_misc":{"Written by":"Ludmil Enchev","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/","url":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/","name":"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]","isPartOf":{"@id":"https:\/\/graphicmama.com\/blog\/#website"},"datePublished":"2020-03-05T14:24:48+00:00","dateModified":"2022-07-05T12:13:46+00:00","author":{"@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/aa1e5ca399ab3a446e2226581ed9e592"},"description":"Want to learn how to make an infographic fast and easily?\u00a0In this tutorial, we will show you how to make a professional 3D infographic in Adobe Illustrator.","breadcrumb":{"@id":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/graphicmama.com\/blog\/how-to-make-infographic-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/graphicmama.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Make an Infographic in Less Than 5 Minutes [Step-by-step Tutorial]"}]},{"@type":"WebSite","@id":"https:\/\/graphicmama.com\/blog\/#website","url":"https:\/\/graphicmama.com\/blog\/","name":"GraphicMama Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphicmama.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/aa1e5ca399ab3a446e2226581ed9e592","name":"Ludmil Enchev","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e6b75f32aaa1022d1e757b18b6c8e04b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e6b75f32aaa1022d1e757b18b6c8e04b?s=96&d=mm&r=g","caption":"Ludmil Enchev"},"description":"Lyudmil is an avid movie fan which influences his passion for video editing. You will often see him making animations and video tutorials for GraphicMama. Lyudmil is also passionate for photography, video making, and writing scripts.","url":"https:\/\/graphicmama.com\/blog\/author\/ludmil\/"}]}},"_links":{"self":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/19422"}],"collection":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/comments?post=19422"}],"version-history":[{"count":20,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/19422\/revisions"}],"predecessor-version":[{"id":51335,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/19422\/revisions\/51335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media\/29097"}],"wp:attachment":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media?parent=19422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/categories?post=19422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/tags?post=19422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}