Adobe Illustrator Restaurant Flyer Tutorial
Repeat Step 09: Add Another Rectangle Step 02 to draw a Rectangle and set Height to 9.2" and Width to 6.7".
The Rectangle automatically gets filled with the last color that was used. So in this case, it's our Orange. Repeat Step 07 and set Fill - R to 255, G to 246 and B to 236.
Step 08 and set Stroke - R to 247, G to 148 and B to 30.
Adobe Illustrator CS6 Restaurant Flyer Background
Step 10: Royalty Free Clip Art
Now we can add an Cutlery Clip Art
Image to the Flyer. The Public Domain Vector Clipart for this Restaurant Flyer was downloaded
The Clipart is called Moself Cutlery by Lyo.
Once the Image has been downloaded, you will need to place it into
Go to the Step 11: Place Image Menu Bar, select File > Place.
This opens the
Adobe Illustrator CS6 Place Image Window
Image into the desired spot on the flyer.
Step 12: Image Opacity
On the Adobe Illustrator CS6 Opacity Options
Tool Property Bar, click on the Down Arrow next to Opacity and select 30% from the Drop Down Menu that appears.
You can also type this number in the box.
Notice that the image is much lighter than it was originally.
Adobe Illustrator CS6 Restaurant Flyer Background with Transparent Image
Next we can start adding text to the Flyer. For the Step 13: Free Fonts Restaurant Flyer Title, SubTitles and Telephone, the Font used is Not Mary Kate by Nick's Fonts, which was downloaded from FontSpace.
If you want to view more of Nick's Fonts check out his website at
For the remaining text I used a Font called
Monoglyceride. It can be downloaded from FontFreak and is designed by Tepid Monkey Fonts.
(Note for a newly downloaded Font to be usable on your machine, you must first install it. Any Font installed while Illustrator is open, will not be visible in the Font List. To correct this, you will have to restart the Illustrator program after Font(s) installation.)
To insert Step 14: Insert Text Text, click on the Type Tool on the Toolbox.
Adobe Illustrator CS6 Type Tool
Click any blank area on the page. You will see a flashing cursor.
Start typing the Adobe Illustrator CS6 Text Selected with Direct Selection Tool
Flyer Title "Aly's Restaurant".
Triple click over the Step 15: Format Text Text to select all.
Adobe Illustrator CS6 Selected Text
You can also use the Adobe Illustrator CS6 Direct Selection Tool
Direct Selection Tool.
Go up to the
Type Property Bar.
Select the Down Arrow next to
Character and select NotMaryKate from the Font List.
Adobe Illustrator CS6 Character Font List
2 Boxes down from the Adobe Illustrator CS6 Font Size
Font Box, is Font Size.
Set this to 45pt by typing it in.
You can also choose a set Font Size by clicking on the Down Arrow to the right.
Now the Text should fit nicely in the space designated for it.
Adobe Illustrator CS6 Restaurant Flyer Title
Repeat this step to add the remaining Text to the Flyer.
The Text just below the Title is set to Monoglyceride, 30pt, Leading 24pt.
Center this Text by selecting the Adobe Illustrator CS6 Alignment Icons - Center
Align Center Icon.
Adobe Illustrator CS6 Restaurant Flyer Title and Subtitle
You can use either the Step 16: Adjust Leading Direct Select Tool or the Selection Tool to move the Text to the right spot under the Title.
For Text that needs to wrap to another line, the distance between the lines is a bit too big. This distance is called Leading.
To adjust the
Leading of a Text Block, select it, then go up to the Menu Bar and select Window > Type > Character.
Adobe Illustrator CS6 Window Menu Type Character
This will open a
Character Window that also has tabs for Paragraph and OpenType.
Adobe Illustrator CS6 Character Window
"Menu" categories of text are set to NotMaryKate, 26pt. Repeat Steps 07 and 08 to change the Fill and Stroke Color of the Text to Orange.
Adobe Illustrator CS6 Alignment Icons - Left
Menu Items - Monoglyceride, 18pt, Leading 18pt, Align Left by clicking on the Align Left Icon.
The Call to Action at the bottom of the Flyer is set to
NotMaryKate, 24pt. The Telephone Number is a separate Text block with the same settings. Use the Selection Tool to move it.
The Address is set to Monoglyceride, 16pt, Leading 13pt.
Notice the difference between the 2 Address Text blocks. After an adjustment is made to
Leading, the lines of Text appear closer together.
Adobe Illustrator CS6 Text Before and After Leading Adjustments
Since this block of Text has the
Orange Background, you'll need it to stand out more. The Font Style Box is in between the Font and Font Size Boxes.
Adobe Illustrator CS6 Font Property Boxes
Click on the down arrow to the right of the Adobe Illustrator CS6 Font Style Bold
Font Style Box and select Bold from the drop down menu.
Look for the Adobe Illustrator CS6 Leading Icon
Leading Icon and adjust the settings for each block of Text that needs it.
There you have it, a simple Step 17: Save File Restaurant Flyer created using Adobe Illustrator.
Adobe Illustrator CS6 Restaurant Flyer
To save the file, select
File > Save from the Menu Bar.
Adobe Illustrator CS6 File Menu Save
If you are new to
Illustrator, I hope this tutorial shed some light on some of the functions of the Illustrator Interface.
Thank you for visiting!
Want more Adobe Illustrator Tutorials?
Digital Photography Flyer |
Easter Egg Hunt Flyer | Florist Flyer