Flyer Tutor Logo

Flyer Tutor

Create Amazing Flyers As You Learn Graphic Design

Facebook YouTube Pinterest Twitter




This tutorial gives the illustrated step by step instructions to create a Restaurant Flyer using the Professional Graphic Design Application - Adobe Illustrator CS6.

Restaurant Flyer created with Adobe Illustrator
Restaurant Flyer

Steps

01: Document Setup
02: Draw Rectangle
03: Create Duplicate
04: Rotate Object
05: Pathfinder - Unite
06: Transform - Rotate
07: Set Fill Color
08: Set Stroke Color
09: Add Another Rectangle
10: Royalty Free Clip Art
11: Place Image
12: Image Opacity
13: Free Fonts
14: Insert Text
15: Format Text
16: Adjust Leading
17: Save File

Step 01: Document Setup

Adobe Illustrator CS6 File Menu New
Adobe Illustrator CS6 File Menu New
Go to the Menu Bar and select File > New.

This will open the New Document Window.
Adobe Illustrator CS6 New Document Window
Adobe Illustrator CS6 New Document Window


Make sure that Size is set to Letter which will make the dimensions 8.5" by 11".

Then click OK.


Step 02: Draw Rectangle

Adobe Illustrator CS6 Toolbox
Adobe Illustrator
CS6 Toolbox
We will start this Restaurant Flyer by first creating its background.

Select the Rectangle Tool from the Toolbox to the left of the screen.

Click any blank area on the page and the Rectangle Window will appear.

Adobe Illustrator CS6 Rectangle Window
Adobe Illustrator CS6 Rectangle Window
You will use this window to set the dimensions of your rectangle.

Set Width to 0.8" and Height to 2.5", click OK.


Step 03: Create Duplicate

Now you have to create a duplicate of this rectangle.

Click on the Selection Tool in the Toolbox. Move your cursor over the Rectangle.

The cursor will change from a Black Arrow to just the Black Tip of the Arrow. Hold down the Alt key on the keyboard and a White Tip will appear above the Black.

Adobe Illustrator CS6 Duplicate Rectangles
Adobe Illustrator CS6
Duplicate Rectangles
Hold down your mouse button and drag your cursor away from the Rectangle and you will see a duplicate shape appear.



Step 04: Rotate Object

Place one Rectangle at the top left hand corner of the page.

Go up to the Menu Bar and select Object > Transform > Rotate.

This opens the Rotate Window.
Adobe Illustrator CS6 Rotate Window
Adobe Illustrator CS6 Rotate Window


Set the Degrees to 90 and click OK.
Adobe Illustrator CS6 Rotated Rectangle
Adobe Illustrator CS6
Rotated Rectangle


Move the Rotated Rectangle to the top left corner as well so that it overlaps the first rectangle.


Step 05: Pathfinder - Unite

Adobe Illustrator CS6 Window Menu Pathfinder
Adobe Illustrator CS6 Window Menu Pathfinder
Select both Rectangles by dragging the cursor over them while holding down your mouse button.
Adobe Illustrator CS6 Selected Rectangles
Adobe Illustrator CS6
Selected Rectangles


Go up to the Menu Bar and select Window > Pathfinder.




























This opens the Pathfinder Window.
Adobe Illustrator CS6 Pathfinder Window
Adobe Illustrator CS6 Pathfinder Window









Notice there are also Tabs for Transform (where you can find Rotation) and Align.
Adobe Illustrator CS6 Align Tab
Adobe Illustrator CS6 Align Tab
Adobe Illustrator CS6 Transform Tab
Adobe Illustrator CS6 Transform Tab










Select the Unite Icon in the Shape Modes section of the Pathfinder Tab.
Adobe Illustrator CS6 Pathfinder Unite Icon
Adobe
Illustrator CS6
Pathfinder
Unite Icon


Now you have 1 Solid Shape.
Adobe Illustrator CS6 Pathfinder United Shape
Adobe Illustrator CS6 Pathfinder
United Shape




Step 06: Transform - Rotate

Repeat Step 03 to create a duplicate of this shape.
Adobe Illustrator CS6 Duplicate Shapes
Adobe Illustrator CS6 Duplicate Shapes


With the second shape selected, click on the Transform Tab.
Adobe Illustrator CS6 Transform Tab Rotate
Adobe Illustrator CS6 Transform Tab Rotate

The last box on the left represents Rotation Degrees.

Set its value to 180 Degrees.
Adobe Illustrator CS6 Rotated Shape
Adobe Illustrator CS6 Rotated Shape


Step 07: Set Fill Color

Adobe Illustrator CS6 Flyer with Rotated Shape
Adobe Illustrator CS6
Flyer with Rotated Shape
Move the Rotated Shape to the bottom right of the page.

Adobe Illustrator CS6 Color Icon
Adobe
Illustrator
CS6
Color Icon
Select both shapes, then click on the Color Tab on the right of the screen.

Adobe Illustrator CS6 Color Tab CMYK
Adobe Illustrator CS6 Color Tab CMYK
Notice that the colors are set for CMYK.

Let's change this to RGB Values.








Adobe Illustrator CS6 Color Options RGB
Adobe Illustrator CS6 Color Options RGB
On the top right corner of the Color Window is a Drop Down Arrow.

Click on it to reveal a Color Options Menu.

There select RGB.







Adobe Illustrator CS6 Color Tab RGB
Adobe Illustrator CS6 Color Tab RGB
Your Color Window will now show the RGB Color Options instead of CMYK.

Now we can set the Fill Color.

Set R to 247, G to 148 and B to 30.

Adobe Illustrator CS6 Restaurant Flyer with Orange Filled Shapes
Adobe Illustrator CS6
Restaurant Flyer with Orange Filled Shapes
You will not see the color when you type in the last value.

You can click anywhere on the screen and the color will change.


Step 08: Set Stroke Color

Notice that the Stroke of the shapes is set to Black.

To change this you must first click on the Stroke Icon that is below the Fill Icon.
This will raise the Stroke Icon to the top.
Adobe Illustrator CS6 Stroke Icon
Adobe
Illustrator
CS6 Stroke
Icon


Adobe Illustrator CS6 Stroke Options Icon
Adobe
Illustrator
CS6 Stroke
Options Icon
You will notice 3 Tiny Squares together below the Fill and Stroke Icons.

Adobe Illustrator CS6 Shapes with No Stroke
Adobe Illustrator CS6 Shapes with No Stroke
The first represents No Stroke.

The other 2 set the Stroke Color to Black and White respectively.

Select None.

Both shapes will now have No Stroke.