FREELessons: 22Length: 1.5 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

5.3 Part Three

The final lesson of this course. In it we complete our composition with additional graphics thanks to the use of Perfect Shapes and some text boxes and placeholder lists. Our final task is to sit back and enjoy the final product.

5.3 Part Three

Welcome to Getting Started with Quell Draw. I'm Mary Winkler for tuts+. In this lesson we're gonna work together on a fun and trendy infographic. This is the third of three parts that make up chapter five, and the last section of this course. Back where we left off, we're gonna create one final icon design. Draw a circle with the ellipse tool and select arc in the property bar. Rotate your arc and set the outline width to something thick, like four points, really all depending on your icon size. And set the caps and corners to round queue in the Object Properties docker. Draw a single line with the pen tool in the center of the arc as shown here. Group together this design. Now we've pretty much completed our icons. Let's place them within the composition. Select the nova group, and convert outlined object Ctrl+Shift+Q. Change the fill color to white and scale down the icon, so it fits within the gray circle. Place it within the center of the circle. Scale it down, and adjust the outline size of the shape pads accordingly. Or you can convert the outlines to objects before scaling the light bulb. Set the outline or fill color to white, just like the notebook before it, and place it in the center of the next gray circle. Let's follow suit with the house. Select the house icon, convert the outline to object, Ctrl+Shift+Q. Set the fill color to white and scale it down, so it fits into the small blue circle in the composition. Repeat these steps with each of the remaining icons, placing them in the centers of the small, colorful circles we created earlier in this chapter. You can either convert the outlines to objects or change the outline looks manually once you've scaled the icons down. It's up to you, but if you were creating microstock, it's best to convert outlines to objects where and when it's possible. That way users who download your graphics will be able to enjoy them as intended, regardless of how they've resized the graphic. For a final touch, zoom in on the small gray circle, and use the text tool to add a percent sign to it. Make sure the font is a Sans-serif and of comparable size to the other icons. Alternatively, you could use a money sign, ampersand, pound sign, or something else often seen with an informative content. Now that we've got our icons placed around our composition, let's see about filling in the rest of the space with text and small graphics. Using the ellipse tool, draw a series of circles to use as bullet points. I've added dotted lines to the outlines of my circles. With the text tool, write out some filler words for each line. If you didn't convert your connector lines to curves previously, they will move of their own accord when other objects and content is placed near them. So make sure they are no longer objects, and simply read as curves in the object manager. Hit Crtl+Q to convert any object to a curve. Use a perfect shape, like this flowchart shape as an additional graphic above the house icon. Remember that perfect shapes have special nodes that adjust key features of that shape with the shape tool. Use this to to your advantage, duplicate shapes and fill their colors. Use the drop shadow tool to add some dimension to the shapes as a group. Next, I'll add an arrow. Once again, you'll find arrows ready for your use with the other perfect shapes in the toolbox. You can use the attributes eye dropper, to copy one of the elliptical fountain fills from the circle to the arrow. I'm just gonna go with the yellow for my arrow. Figuring out the placement of your icon can be difficult. Scale your arrow up and down, rotate it as needed. Arrows help move the viewer's eyes around a composition, and call their attention to something in particular. In the case of an infographic, adding arrows will immediately point the viewers attention to whatever the arrow is pointing at. So it's important to make sure it's something that a client, customer, or even you can add important information to later. Use the drop shadow tool to add a bit of a shadow to the arrow for that, I've placed a sticker here look, that most of shapes and icons have. Next we're gonna add a block of filled text to the middle of our design. Use the text tool to create a box. Choose a simple Sans serif font, like Liberation Sans or Arial. Go to Text > Paragraph Text Frame > Insert placeholder text. You'll find your text box has been filled with placeholder Latin. Either place a white rectangle beneath the text box, or add a background of white on the Object Properties docker. Resize and adjust the background as needed so the text is buffered nicely and still readable. The idea here is that you're giving clients a space to write a large chunk of information. Ideally, in an infographic, there are several places where information of all sorts can be added. This demo project seeks to show a few different types of placeholder information, labels, lists, and text box outs. Of course, there are numerous ways to showcase information in a info graphic. I encourage you to explore and create fantastic methods of communicating with graphics if possible. Finally, let's duplicate the pink list in the lower right corner. Change the colors to blue or yellow, something that continues our color palette and is eye catching at the same time. It's likely best to use the color eye dropper tool, rather than the attributes one this time. Once finished, zoom out, and enjoy your work. Make sure to save your document and you can export it as a .png or .jpeg if you wish. Thank you so much for watching this final lesson and getting started with Corel Draw.

Back to the top