Flyer Tutor Logo

Flyer Tutor

Create Amazing Flyers As You Learn Graphic Design

Follow

Facebook Pinterest Twitter

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

Florist Flyer created with Adobe Illustrator
Amaya's Flower Garden Flyer

Steps

01: Document Setup
02: Colored Background
03: Fill and Stroke
04: CMYK to RGB
05: Fill Rectangle 1
06: Fill Rectangle 2
07: Fill Rectangle 3
08: Fill Rectangle 4
09: Rounded Rectangle
10: Add Text
11: Add New Text
12: Insert Images
13: Scale Window
14: Scale Settings
15: Drop Shadow Window
16: Drop Shadow Settings
17: Duplicate Image
18: Apply Drop Shadow
19: Save File

Step 01: Document Setup

Adobe Illustrator Menu Bar
Adobe Illustrator Menu Bar




Adobe Illustrator File Menu - New
Adobe Illustrator File Menu - New
To begin, locate the Menu Bar and select File > New.

This will bring up the New Document Window.
Adobe Illustrator New Document Window
Adobe Illustrator New Document Window















In the Artboard Setup, set Units to "Inches" and set Size to "Letter", which is 8.5 by 11 inches.
Select the first button next to Orientation
Adobe Illustrator Orientation Portrait Icon
Adobe
Illustrator
Orientation
Portrait Icon
to set the Canvas to Portrait.

In Color Mode select "RGB Color". Click OK.


Step 02: Colored Background

Adobe Illustrator Toolbox
Adobe Illustrator
Toolbox
Adobe Illustrator 4 Rectangle Flyer Background
Adobe Illustrator 4
Rectangle Flyer Background
We will construct the Colored Background with 4 Rectangles.
Select the Rectangle Tool
Adobe Illustrator Rectangle Tool Icon
Adobe
Illustrator
Rectangle
Tool Icon
from the Tool Box.

Draw the Rectangles on the page so that they look like this:


Step 03: Fill and Stroke

Next we will add Color to the Rectangles. To the right of the screen should be the Color Palette. This should be docked with several other Palettes - Swatches, Graphic Styles, Stroke.
Adobe Illustrator Color Palette Docked with Swatches and Stroke
Adobe Illustrator Color Palette
Docked with Swatches and Stroke


Double click on the Black Arrows to the left of the Color Palette. This should give you the options to enter "CMYK" Values.

Adobe Illustrator Color Palette CMYK
Adobe Illustrator Color Palette CMYK


Step 04: CMYK to RGB

Adobe Illustrator Choose Color Scale - RGB or CMYK
Adobe Illustrator Choose
Color Scale - RGB or CMYK
Select the Black Arrow to the right side of the Color Palette and select "RGB" from the menu that appears. Now you can create Custom Colors in RGB Format.
Adobe Illustrator Color Palette RGB
Adobe Illustrator Color Palette RGB


Step 05: Fill Rectangle 1

Using the Select Tool
Adobe Illustrator <br>Select Tool
Adobe Illustrator
Select Tool
, select Rectangle 1.

Select the Fill Icon
Adobe Illustrator Fill Icon
Adobe Illustrator
Fill Icon
on the Color Palette then set R to "170", G to "212" and B to "0".

Adobe Illustrator Green - R=170, G=212, B=0
Adobe Illustrator Green
R=170, G=212, B=0
Click on the canvas or click "Enter" to see the change.


Step 06: Fill Rectangle 2

Select Rectangle 2. Set R to "218", G to "236" and B to "143".
Click on the canvas or click "Enter" to see the change.
Adobe Illustrator Green - R=218, G=236, B=143
Adobe Illustrator Green
R=218, G=236, B=143


Step 07: Fill Rectangle 3

Select Rectangle 3. Set R to "239", G to "255" and B to "177".
Click on the canvas or click "Enter" to see the change.
Adobe Illustrator Green - R=239, G=255, B=177
Adobe Illustrator Green
R=239, G=255, B=177


Step 08: Fill Rectangle 4

Select Rectangle 4. Set R to "209", G to "236" and B to "99".
Click on the canvas or click "Enter" to see the change.
Adobe Illustrator Green - R=209, G=236, B=99
Adobe Illustrator Green
R=209, G=236, B=99
Adobe Illustrator Green Multi-Rectangle Flyer Background
Adobe Illustrator Green
Multi-Rectangle Flyer Background


The Rectangle background should now look like this:


Step 09: Rounded Rectangle

Using the Rectangle Tool again, draw a Rectangle on the Page. Then go to Effect > Stylize > Rounded Corners.
Adobe Illustrator Round Corners Menu
Adobe Illustrator Round Corners Menu


In the Rounded Corners Window enter "210pt" and click OK. Select Preview if you wish to see what the changes will look like.
Adobe Illustrator Green Multi-Rectangle Flyer Background with White Rounded Rectangle
Adobe Illustrator Green
Multi-Rectangle Flyer Background
with White Rounded Rectangle


Change the Fill Color to "White" and the Stroke to a "Dark Green". Then place this "White" Rectangle on top of the "Green" Background.

It should look like this:


Step 10: Add Text

Select the Type Tool
Adobe Illustrator Type Tool Icon
Adobe Illustrator
Type Tool Icon
on the Tool Box and click anywhere on the canvas and start typing your blocks of Text . In this case we will start with the Title which is "Amaya's Flower Garden". The Font Family is "Harlow Solid Italic" and the Font Size is "46".

Adobe Illustrator Green Flyer Background and Title
Adobe Illustrator Green Flyer
Background and Title
This is what the Flyer Title would look like: