Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Business Coupon Design

Business Coupon Design


1. Draw a rounded rectangle with the Rounded Rectangle tool. Give it a white fill and 3pt black stroke with a dashed line.

image 1

2. Copy this object by pressing Ctrl+C, then press Ctrl+F to paste a copy directly on top of the original object. Lock the original object by clicking the square shown below in the Layers window. Locking the object will prevent you from selecting or modifying it.

image 2

3. Draw a rectangle with the Rectangle tool to cover approximately the top 1/3 of the coupon. Double click the fill and change the color code in the bottom right corner from ffffff to e6a2a2. Remove the stroke as shown below:

image 3

4. Select the copied rounded rectangle and the rectangle by dragging a selection around the 2 objects with the Selection tool (black pointer).

image 4

5. Bring up the Pathfinder window (Window > Pathfinder), and click the 'Intersect shape areas' button, then the 'Expand' button, to create the shape below:

image 5

6. Select the pink shape (click it with the Selection tool), and four corner handles will appear. Grab the top right corner, hold Shift+Alt, then drag it inward just enough so it lines up with the dashes. Holding these keys will prevent you from distorting the proportions of the shape or aligning it wrong.

image 6

7. Open the Symbols window (Window > Symbols) and open the 'Tiki' library.

image 7

8. Drag the retro looking TV symbol on to your image.

image 8

9. Select the Symbol Stainer tool, then a dark red fill (I used B20909), and click the TV symbol twice to give it a reddish tone.

image 9

10. Select the Star tool (one of the shape tools) and click on your image to bring up a dialog box. Enter the values shown to make a badge shape. I came up with the values by experimenting a little. If the values don't make sense, try drawing a few more stars with different values to see how the star changes.

image 10

11. Add some text for the headline, my font is Impact 108pt. Use the same dark red fill as the star. Center it, then move it down 1px and right 1px.

image 11

12. Duplicate the text like you did before (Ctrl+C, Ctrl+F), fill the new text with black, and move it up 2px and left 2px, to create a simple drop shadow effect.

image 12

13. Add more text with the same font. Here are the font sizes for each line:

-Roundscreen: 48pt
-TVs: 72pt
-TV Town: 24pt
-from: 24pt
-$99: 60pt

image 13

14. Finally, add some text for an address and a "Valid Until" message. I used Arial 14pt here since it is more legible at smaller sizes. And you have a simple but eye-catching coupon.

Business Coupon Design



About the Author:

SlickTutorials offers clear and detailed tutorials for Photoshop and Illustrator.

Author's URL: SlickTutorials
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Reader's comments
comments Pete June 06, 2011 says:
This was a great tutorial thank you!
Reply
Add comments to "Business Coupon Design"

Captcha