![]() Make multiple copies of it and position each duplication right across the center of each ring. Group or merge the line and circle into one path. Select both elements and apply Vertical Center Align. Then, get the Ellipse Tool (L) to create a circle on the right end of the line. Use the Rectangle Tool (U) to create a line. The guiding elements will visually connect each ring of the infographic to its corresponding text. You may also be interested in 12 Animated Infographics That Will Engage Your Mind from Start to Finish Then, adjust the shadow under the bottom ring in order to create a shadow effect. This will create the illusion of a perspective. ![]() Select the ellipse and grab the lowest point with the mouse cursor – move it up, so that you shrink the height of the circle. By using the Gradient Tool (G), make a black-to-transparent gradient starting from the center. Grab the Ellipse Tool (L) and create a circle. To make the graphic more realistic, the next step would be to create a shadow dropping on the ground. Repeat the step a few times while you are satisfied with the number of rings, and edit the text on each accordingly. Then, change its colors according to your taste. The next step is to make multiple copies of the ring in various colors depending on the data/content you will be presenting.īy using Ctrl+G, group each ring with the text written on it. Then, open the Selection Tool (V), and while pressing Alt, drag and drop the ring. In our case, the font is Oswald and the color is white (#fff). Type text (in this case, we’ve typed a percentage number) by using the Type tool (T). Choose a nice legible font and a contrasting color. Time to start giving our creation the look of an actual infographic. Select both groups and combine them by using the Central Horizontal Align and Top Vertical Align options from the menu on top. Use the same technique to create shadowing on the inner part of the ring. This will create shadowing, so our shape starts to look like a 3D shape. Select the left part of the path and use the Gradient Tool (G) to create a black-to-transparent gradient. Select the Eraser Tool (E) and make a stroke, as shown in the first picture below. Go back to the path on the left and duplicate it. 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. Then select both of them and then, click Intersect.Ī new path inside the ring should have formed. Select one of the copies and move it down. Select the inner oval (the one with the darker shade) and duplicate it twice, so you have two copies of it. This will create the thickness of your ring. Color it with the same darker nuance and scale it down a little bit. We’ve chosen a little bit darker and more saturated pink color nuance, so the final result represents a pink ring with lights and shadows.ĭuplicate the oval, which should be on your right. It’s still made of two paths – select them and merge them. Go back to the previous shape (which should be on the left of your canvas). The outcome should resemble the shape shown in the third picture. ![]() Then, go to Pathfinder and click on the Intersect icon. Duplicate it, and similarly to the previous path, rotate it 180 degrees. Time to make an oval by using the shape on the top which we created in the last step. Make a copy of this shape and, while pressing Shift, move it to the right. Step 4: Turn the shape on the top into an oval The result is shown in the second picture below. Rotate the path 180 degrees with the help of the Rotate Tool (R), and move the new path up a little bit while keeping the two paths overlapped. To do so, copy the path with Ctrl+C and then paste it on top of the selection via Ctrl+F. The result should resemble the shape shown in the first picture below.Īfter that, you will have to duplicate the shape and flip it. Then, you will have to shrink its height – simply drag the selection from the bottom up. To do so, open the Pathfinder Panel and select the Unite Icon. The next step would be to expand the path. Little dots will appear at each corner. Drag each diagonally across the square in order to make the bottom corners rounded, as shown in the second picture below. On the canvas, create a square shape by using the Rectangle Tool (U). Then, select the two bottom corners with the help of the Direct Selection Tool (A). For this tutorial, we have chosen to create an infographic in 1000×1000 pixels width and height, so the final template will be square. Step 1: Open Adobe Illustrator and create a new file Anyway, after you complete this tutorial and proof-check your infographic, you will be ready to use it for marketing, education, PowerPoint presentations, and many more different purposes. ![]() Maybe you’ve already chosen the topic for your infographic and you are ready to visualize your ideas, or you are just interested in practicing your skills.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |