Create Amazing Flyers As You Learn Graphic Design


Adobe Illustrator Florist Flyer Tutorial


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
Adobe Illustrator Florist Flyer

Download Template

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

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

Adobe Illustrator File Menu - New
Adobe Illustrator File Menu - 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.

Adobe Illustrator Orientation Portrait Icon
Adobe Illustrator Orientation Portrait Icon
Select the first button next to Orientation to set the Canvas to Portrait.

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


Step 02: Colored Background

We will construct the Colored Background with 4 Rectangles.

Adobe Illustrator Rectangle Tool Icon
Adobe Illustrator Rectangle Tool Icon
Select the Rectangle Tool from the Tool Box.
Adobe Illustrator Toolbox
Adobe Illustrator Toolbox

Adobe Illustrator 4 Rectangle Flyer Background
Adobe Illustrator 4 Rectangle Flyer Background
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.
Adobe Illustrator Color Palette Docked with Swatches and Stroke
Adobe Illustrator Color Palette Docked with Swatches and Stroke

This should be docked with several other Palettes - Swatches, Graphic Styles, 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

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

Adobe Illustrator Fill Icon
Adobe Illustrator Fill Icon
Select the 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".

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


Step 07: Fill Rectangle 3

Select Rectangle 3. Set R to "239", G to "255" and B to "177".

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


Step 08: Fill Rectangle 4

Select Rectangle 4. Set R to "209", G to "236" and B to "99".

Adobe Illustrator Green - R=209, G=236, B=99
Adobe Illustrator Green R=209, G=236, B=99
Click on the canvas or click "Enter" to see the change.

The Rectangle background should now look like this:

Adobe Illustrator Green Multi-Rectangle Flyer Background
Adobe Illustrator Green Multi-Rectangle Flyer Background



Step 09: Rounded Rectangle

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

In the Rounded Corners Window enter "210pt" and click OK.

Adobe Illustrator Round Corners Menu
Adobe Illustrator Round Corners Menu

Select Preview if you wish to see what the changes will look like.

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:

Adobe Illustrator Green Multi-Rectangle Flyer Background with White Rounded Rectangle
Adobe Illustrator Green Multi-Rectangle Flyer Background with White Rounded Rectangle


Step 10: Add Text

Adobe Illustrator Type Tool Icon
Adobe Illustrator Type Tool Icon
Select the Type Tool 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".

This is what the Flyer Title would look like:

Adobe Illustrator Green Flyer Background and Title
Adobe Illustrator Green Flyer Background and Title