In this section, we will take one of our completed designs and combine it with another shape to make a finished logo graphic. We'll also add some effects to the finished graphic to make it stand out.
To make a backdrop for our chosen logo art, we'll use the Rounded Rectangle tool to start with. We'll then fill that rectangle with a gradient. Let's get started by activating the Rounded Rectangle tool.
Step1. Scroll to find blank work space, if necessary.
Step2. To activate the Rounded Rectangle tool, in the Tools panel,
Press & Hold, Click
Step3. To draw a rounded square, press and hold:
Shift key, Press & Drag a square
Step4. To set the Fill and Stroke to default colors, press:
Step5. Using the Selection tool, ensure that the background shape is selected.
Step6. To open the Gradient panel from the panel dock,
Step7. To select the Fill Color, in the Gradient panel,
Step8. To activate the gradient for the fill color, in the Gradient panel,
Step9. To change the gradient color, underneath the gradient,
Step10. To choose the CMYK color mode, in the Color sub-panel,
Click, Click CMYK
Step11. To choose a color for the right side of our gradient,
Click any color
Step12. To close the sub-panel,
Click away from the menu
Step13. To modify the color on the left side of the gradient, underneath the Gradient slider,
Step14. If necessary, change the color mode to CMYK.
Step15. To change the gradient color for the left side,
Click any color in the Color sub-panel
Modifying a Gradient
Our gradient looks good so far, but we could make it stand out a little more. To do this, we'll add a third color to the gradient. Adding more colors to a gradient is simple.
Step1. To begin adding a color to the gradient, in the Gradient panel,
Click under the gradient slider
Step2. To modify the new gradient color,
Double-Click the new color stop
NOTE: The new gradient stop color will vary depending on previously chosen colors.
Step3. To choose a color,
Click a color in the Color sub-panel
Step4. To adjust the gradient colors,
Press & Drag the gradient stops below the gradient slider
Step5. To tilt the gradient pattern slightly, in the Angle field of the gradient menu, type:
Pasting in Front
As you may remember from earlier, objects in Illustrator are arranged in a stacking order with the first objects created on the bottom, and subsequent objects continuously stacked on top of each other. Since we made our rounded rectangle most recently, it's on the top of the stack of objects and the objects we made earlier are closer to the bottom of the stacking order, with the red star being at the very bottom. When we want to easily move or copy an object onto the top of the stack, we can use the Paste in Front option to put an object onto the top of our stacking order.
Let's paste one of our logo objects on top of the rounded rectangle background.
Step1. Activate the Selection tool.
Step2. To select a logo to paste on top of the rounded rectangle,
Click one of the logos
Step3. To cut the logo, on the keyboard, press:
Step4. To paste the logo in front, from the Menu bar,
Click Edit, Click Paste in Front
Step5. To move the logo into place on top of the gradient, with the Selection tool active,
Press & Drag the logo on top of the gradient
Step6. Resize the objects as necessary.
Step7. Save the file.
Illustrator offers many predefined effects, such as glows, warps, and shadows. Let's explore one very common effect, the drop shadow, to add a finishing touch to our logo and our background. In order to add an effect to our artwork, we'll need to select the objects we want to add a drop shadow to.
Step1. To select the logo and the background, with the Selection Tool active,
Press & Drag a selection around the entire logo
Step2. To apply a drop shadow, from the Menu bar,
Click Effect, Point Stylize, Click Drop Shadow...
NOTE: The Stylize menu option is in the Illustrator section of the Effect menu, which is in the top half of the Effect menu.
Step3. To preview the drop shadow as we create it, in the Drop Shadow dialog box,
Click the Preview checkbox
Step4. To create the Drop Shadow window, type the following values in the dialog box:
Step5. To complete the drop shadow effect,
Step6. To group both of these items together, from the Menu bar,
Click Object, Click Group
Step7. Save the file.