SlideShare a Scribd company logo
This tutorial will show you the steps to create this simple Flyer using Adobe Illustrator.
           Steps
           01: Document Setup
           02: Draw Rectangle 1
           03: Draw Rectangle 2
           04: Color Rectangle 1
           05: Color Rectangle 2
           06: Add Text
           07: The Character Palette
           08: The Paragraph Palette
           09: Change Text Color
           10: Add New Text
           11: Add and Rotate Star
           12: Star Transparency
           13: Drop Shadow
           14: Royalty Free Images
           15: Place Images
           16: Image Border
           17: The Stroke Palette
           18: Group Objects
           19: Arrange Images
           20: Save File




                                           For a larger image click the link below
                                           Photo Flyer (400px by 566px)




                         If there is anything that is unclear to you, or you spot any mistakes,
                 please send email to feedback@flyertutor.com Suggestions are always welcome.



                                                      Page 1 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                         www.flyertutor.com
Step 01: Document Setup


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

                                            This will bring up the 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   to set the
                                            Canvas to Portrait.

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

           Step 02: Draw Rectangle 1
                     We will construct the Colored Background with 2 Rectangles.
                       Select the Rectangle Tool      from the Tool Box. To set the dimensions of the
                       Rectangle that you wish to draw, click once on the Canvas to open up the
                       Rectangle Dialog Box.

                       Set Width to "4.25" and Height to
                       "11". Click OK.

                       Drag the Rectangle in to the proper
                       place on the Canvas.




                                                    Page 2 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                    www.flyertutor.com
Step 03: Draw Rectangle 2
           Use the Selection Tool        to select the 1st Rectangle, then hold down the "Alt" key so that
           your cursor turns into a Double Arrow . Drag and release to make a Copy of the 1st
           Rectangle. Put it on the right side of the Flyer.

           The Rectangles will look like this:




           Step 04: Color Rectangle 1
                                                 To the right of the screen should be the Color Palette. 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 "RGB"
                                                                                   values.

                                                                                  Select the Fill Icon,
                                                                                  which is the "Black"
                                                                                  Square in this Image,
                                                 and either click on the "Black" Color to the bottom right
                                                 or type in R=0, G=0, B=0 and hit "Enter".

                                            Do the same thing for the Stroke Icon, which is the
           "White" Square next to the Fill Icon with the red line running through it. Make the Stroke,
           "Black".

           Step 05: Color Rectangle 2
           Select Rectangle 2, set the Fill to the Color "Maroon". Do this by
           setting R = 128, G = 0, and B = 0. Hit "Enter".
           Repeat these settings for the Stroke Color.

           The Flyer's background will now look like this:




                                                       Page 3 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                         www.flyertutor.com
Step 06: Add Text
                                                Select the Type Tool       from the Tool Box. Click
                                                anywhere on the canvas and start typing. Start with the
                                                Flyer Title which is "Aiden's Digital Photography".

                                                To make changes to the Text, go to Window > Type >
                                                Character.

                                                                                  This brings up the
                                                                                  Character Palette,
                                                                                  which sets the Font and
                                                                                  Format for the selected
                                                                                  characters.




           Step 07: The Character Palette
                                               The Character Palette is also tabbed together with the
                                               Paragraph Palette and the Open Type Palette.
                                               Use the Selection Tool       to select the Text. Then select
                                               the down arrow next to "Myriad" to change the Font.
                                               Here it is set to "Disko" which is a free Font that was
                                               downloaded at www.FontFreak.com.

                                               The Font Style should be set to Regular.
                Set the Font Size to "48pt".
               Set the Leading or Line Spacing to "50pt".


                                                     Page 4 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                       www.flyertutor.com
Step 08: The Paragraph Palette
           Select the Paragraph Tab and click on the Align Center
           Icon, which is second Icon on the first row.




           Step 09: Change Text Color
           Using the Select Tool, select the Text then go to the Color Palette and click on the Fill Icon.

           Select the Color "White" or set R to "255", G to "255" and B to "255". Then hit "Enter".

                                           The Text will look like this.




           Step 10: Add New Text
           Next we can add the remaining Text to the
           document.

           The Font used is "Segoe Print" which you
           can also get at www.FontFreak.com.

           Set the Fill to "White".




                                                    Page 5 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                      www.flyertutor.com
Step 11: Add and Rotate Star
           Hold the Left mouse button down while the cursor is over the Rectangle Tool to reveal a pop
           out menu of other shapes.

                                                             Scroll over and select the Star Tool. Draw
                                   the Star on the Canvas.

                                   Once the Star is drawn, click on the Selection Tool.

                                   You will notice that "8 White Squares" appear on the Bounding Box
                                   around the Star.

                                      Hold the mouse over any one of these Squares until the cursor
                                      changes to a Rotate Arrow.

                                      Hold the Left mouse button down to Rotate the Star to the desired
                                      position.

                                      This is how the Star would appear on the Flyer.




           Step 12: Star Transparency
           To adjust the Star's Transparency, go to the
           Transparency Tab that is at the bottom of this large
           palette or go to the Menu Bar and select Window >
           Transparency.


           In the Transparency Palette, set Opacity to "40%".

           This Star will look like this:




                                                     Page 6 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                     www.flyertutor.com
Step 13: Drop Shadow
                                                With the Star selected, go to the Effect Menu > Stylize
                                                > Drop Shadow.

                                                                       This will bring up the Drop
                                                                       Shadow Window.

                                                                       Set the Opacity to 75%,
                                                                       X Offset to "0.1" in,
                                                                       Y Offset to "0.1" in,
                                                                       Blur to "0.7" in,
                                                                       and click OK.




           Step 14: Royalty Free Images
           Next we can add images to the document. I downloaded photos from these 3 sites that have
           Royalty Free Photos to use without any hassel.



                                                                    www.ImageAfter.com


            www.Public-Domain-Image.com
                                                                      Graphic-Bank.com




                                                    Page 7 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                    www.flyertutor.com
Step 15: Place Images
                                             To insert an image go to File > Place.

                                             This opens up the Place Window where you select your
                                             image and click Place.




           Step 16: Image Border
           To give the Image a Border, draw a Rectangle around it. Resize it to fit the Image by moving
           your mouse over each of the 4 Center Squares and dragging the Double Arrow towards the
           Image.




           Step 17: The Stroke Palette

           Go back to the Color Palette and give the Rectangle No Fill and set the Stroke to "White".

           Then go to the Stroke Palette and set Weight to "2pt".




                                                    Page 8 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                   www.flyertutor.com
Step 18: Group Objects
           While holding down the "Shift" Key, use the Selection Tool to select
           both the Rectangle and the Image.

           Then select both the "Ctrl" Key and the "G" Key on your keyboard
           or select the Object Menu > Group.

           Repeat Step 13 to apply a Drop Shadow.

           The Image should now look like
           this:

           Apply these settings to the
           remaining images.




           Step 19: Arrange Images
                            Select an Image, then right click and choose Arrange > Bring to Front
                                                            from the menu that appears.

                                                             You can rotate between the options in this
                                                             menu to organize the images.




           Step 20: Save File
           The completed flyer should look like this:

           To Save, go to File > Save.




                                                    Page 9 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer                                    www.flyertutor.com
Page 10 of 10
Adobe Illustrator Tutorial – Digital Photography Flyer             www.flyertutor.com

More Related Content

What's hot

Adobe Photoshop I Primer
Adobe Photoshop I PrimerAdobe Photoshop I Primer
Adobe Photoshop I PrimerNYCCTfab
 
Tutorial for PowerPoint 2007
Tutorial for PowerPoint 2007Tutorial for PowerPoint 2007
Tutorial for PowerPoint 2007
davidmedvegy
 
Ill Cs Cib 01[1]
Ill Cs Cib 01[1]Ill Cs Cib 01[1]
Ill Cs Cib 01[1]
alebdaa
 
Photoshop_CS_Tutorial
Photoshop_CS_TutorialPhotoshop_CS_Tutorial
Photoshop_CS_Tutorialtutorialsruby
 
InDesign CS5 Tutorial
InDesign CS5 TutorialInDesign CS5 Tutorial
InDesign CS5 Tutorial
Zaxapias
 
Adobe Illustrator CS6 Primer
Adobe Illustrator CS6 PrimerAdobe Illustrator CS6 Primer
Adobe Illustrator CS6 Primer
NYCCTfab
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
Reymart Canuel
 
Illustrator Crash Course
Illustrator Crash CourseIllustrator Crash Course
Illustrator Crash CourseStephen Kennedy
 
Photoshop CS5 Tutorial
Photoshop CS5 TutorialPhotoshop CS5 Tutorial
Photoshop CS5 Tutorial
Zaxapias
 
Learning Photoshop CS6 with 100 practical exercises
Learning Photoshop CS6 with 100 practical exercisesLearning Photoshop CS6 with 100 practical exercises
Learning Photoshop CS6 with 100 practical exercises
MCB Press
 
quicktip_scanphotoshop
quicktip_scanphotoshopquicktip_scanphotoshop
quicktip_scanphotoshoptutorialsruby
 
Photoshop Tutorial
Photoshop TutorialPhotoshop Tutorial
Photoshop Tutorial
Weheha Inspirations
 
Microsoft Word 2007 Tutorial: Digital Photography Flyer
Microsoft Word 2007 Tutorial: Digital Photography FlyerMicrosoft Word 2007 Tutorial: Digital Photography Flyer
Microsoft Word 2007 Tutorial: Digital Photography Flyer
Flyer Tutor
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
Agung Yuwono
 

What's hot (14)

Adobe Photoshop I Primer
Adobe Photoshop I PrimerAdobe Photoshop I Primer
Adobe Photoshop I Primer
 
Tutorial for PowerPoint 2007
Tutorial for PowerPoint 2007Tutorial for PowerPoint 2007
Tutorial for PowerPoint 2007
 
Ill Cs Cib 01[1]
Ill Cs Cib 01[1]Ill Cs Cib 01[1]
Ill Cs Cib 01[1]
 
Photoshop_CS_Tutorial
Photoshop_CS_TutorialPhotoshop_CS_Tutorial
Photoshop_CS_Tutorial
 
InDesign CS5 Tutorial
InDesign CS5 TutorialInDesign CS5 Tutorial
InDesign CS5 Tutorial
 
Adobe Illustrator CS6 Primer
Adobe Illustrator CS6 PrimerAdobe Illustrator CS6 Primer
Adobe Illustrator CS6 Primer
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
 
Illustrator Crash Course
Illustrator Crash CourseIllustrator Crash Course
Illustrator Crash Course
 
Photoshop CS5 Tutorial
Photoshop CS5 TutorialPhotoshop CS5 Tutorial
Photoshop CS5 Tutorial
 
Learning Photoshop CS6 with 100 practical exercises
Learning Photoshop CS6 with 100 practical exercisesLearning Photoshop CS6 with 100 practical exercises
Learning Photoshop CS6 with 100 practical exercises
 
quicktip_scanphotoshop
quicktip_scanphotoshopquicktip_scanphotoshop
quicktip_scanphotoshop
 
Photoshop Tutorial
Photoshop TutorialPhotoshop Tutorial
Photoshop Tutorial
 
Microsoft Word 2007 Tutorial: Digital Photography Flyer
Microsoft Word 2007 Tutorial: Digital Photography FlyerMicrosoft Word 2007 Tutorial: Digital Photography Flyer
Microsoft Word 2007 Tutorial: Digital Photography Flyer
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
 

Viewers also liked

2 a & 2b mode dial settings
2 a & 2b   mode dial settings2 a & 2b   mode dial settings
2 a & 2b mode dial settingsKevin Kitchen
 
Digital Photography Presentation
Digital Photography PresentationDigital Photography Presentation
Digital Photography Presentation
Don Bruch
 
Digital Photography
Digital PhotographyDigital Photography
Digital Photography
MarZatul30
 
Introduction to Computer graphics
Introduction to Computer graphics Introduction to Computer graphics
Introduction to Computer graphics PrathimaBaliga
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphicsAmandeep Kaur
 
applications of computer graphics
applications of computer graphicsapplications of computer graphics
applications of computer graphicsAaina Katyal
 

Viewers also liked (6)

2 a & 2b mode dial settings
2 a & 2b   mode dial settings2 a & 2b   mode dial settings
2 a & 2b mode dial settings
 
Digital Photography Presentation
Digital Photography PresentationDigital Photography Presentation
Digital Photography Presentation
 
Digital Photography
Digital PhotographyDigital Photography
Digital Photography
 
Introduction to Computer graphics
Introduction to Computer graphics Introduction to Computer graphics
Introduction to Computer graphics
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 
applications of computer graphics
applications of computer graphicsapplications of computer graphics
applications of computer graphics
 

Similar to Adobe Illustrator Tutorials: Digital Photography Flyer

Adobe Illustrator Tutorials: Easter Egg Hunt Flyer
Adobe Illustrator Tutorials: Easter Egg Hunt FlyerAdobe Illustrator Tutorials: Easter Egg Hunt Flyer
Adobe Illustrator Tutorials: Easter Egg Hunt Flyer
Flyer Tutor
 
Inkscape Tutorials: Digital Photography Flyer
Inkscape Tutorials: Digital Photography FlyerInkscape Tutorials: Digital Photography Flyer
Inkscape Tutorials: Digital Photography Flyer
Flyer Tutor
 
Corel Draw Tutorial: Florist Flyer
Corel Draw Tutorial: Florist FlyerCorel Draw Tutorial: Florist Flyer
Corel Draw Tutorial: Florist Flyer
Flyer Tutor
 
Illustrator Tutorials: Florist Flyer
Illustrator Tutorials: Florist FlyerIllustrator Tutorials: Florist Flyer
Illustrator Tutorials: Florist Flyer
Flyer Tutor
 
Inkscape Tutorials: Florist Flyer
Inkscape Tutorials: Florist FlyerInkscape Tutorials: Florist Flyer
Inkscape Tutorials: Florist Flyer
Flyer Tutor
 
Corel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt FlyerCorel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt Flyer
Flyer Tutor
 
Inkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer TutorialInkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer Tutorial
Flyer Tutor
 
OpenOffice Draw Tutorials: Easter Egg Hunt Flyer
OpenOffice Draw Tutorials: Easter Egg Hunt FlyerOpenOffice Draw Tutorials: Easter Egg Hunt Flyer
OpenOffice Draw Tutorials: Easter Egg Hunt Flyer
Flyer Tutor
 
OpenOffice Draw Tutorials: Florist Flyer
OpenOffice Draw Tutorials: Florist FlyerOpenOffice Draw Tutorials: Florist Flyer
OpenOffice Draw Tutorials: Florist Flyer
Flyer Tutor
 
Microsoft Publisher 2007 Tutorial: Digital Photography Flyer
Microsoft Publisher 2007 Tutorial: Digital Photography FlyerMicrosoft Publisher 2007 Tutorial: Digital Photography Flyer
Microsoft Publisher 2007 Tutorial: Digital Photography Flyer
Flyer Tutor
 
production diary
production diary production diary
production diary
A_Melodie
 
Inkscape Tutorials: Bridal Pageant Boutique Flyer
Inkscape Tutorials: Bridal Pageant Boutique FlyerInkscape Tutorials: Bridal Pageant Boutique Flyer
Inkscape Tutorials: Bridal Pageant Boutique Flyer
Flyer Tutor
 
Microsoft Publisher 2007 Tutorials: Florist Flyer
Microsoft Publisher 2007 Tutorials: Florist FlyerMicrosoft Publisher 2007 Tutorials: Florist Flyer
Microsoft Publisher 2007 Tutorials: Florist Flyer
Flyer Tutor
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203tutorialsruby
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203tutorialsruby
 
Unit 5 Task 4 Tutorial
Unit 5 Task 4 TutorialUnit 5 Task 4 Tutorial
Unit 5 Task 4 Tutorial
ilyaboj
 
Unit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an AdUnit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an Ad
ilyaboj
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
Val Pirch Montgomery
 
how to use design by software.pptx
how to use design by software.pptxhow to use design by software.pptx
how to use design by software.pptx
NitinKumar12570
 
How to make gold in photoshop
How to make gold in photoshopHow to make gold in photoshop
How to make gold in photoshop
jaguarpauw
 

Similar to Adobe Illustrator Tutorials: Digital Photography Flyer (20)

Adobe Illustrator Tutorials: Easter Egg Hunt Flyer
Adobe Illustrator Tutorials: Easter Egg Hunt FlyerAdobe Illustrator Tutorials: Easter Egg Hunt Flyer
Adobe Illustrator Tutorials: Easter Egg Hunt Flyer
 
Inkscape Tutorials: Digital Photography Flyer
Inkscape Tutorials: Digital Photography FlyerInkscape Tutorials: Digital Photography Flyer
Inkscape Tutorials: Digital Photography Flyer
 
Corel Draw Tutorial: Florist Flyer
Corel Draw Tutorial: Florist FlyerCorel Draw Tutorial: Florist Flyer
Corel Draw Tutorial: Florist Flyer
 
Illustrator Tutorials: Florist Flyer
Illustrator Tutorials: Florist FlyerIllustrator Tutorials: Florist Flyer
Illustrator Tutorials: Florist Flyer
 
Inkscape Tutorials: Florist Flyer
Inkscape Tutorials: Florist FlyerInkscape Tutorials: Florist Flyer
Inkscape Tutorials: Florist Flyer
 
Corel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt FlyerCorel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt Flyer
 
Inkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer TutorialInkscape Fall Fest Flyer Tutorial
Inkscape Fall Fest Flyer Tutorial
 
OpenOffice Draw Tutorials: Easter Egg Hunt Flyer
OpenOffice Draw Tutorials: Easter Egg Hunt FlyerOpenOffice Draw Tutorials: Easter Egg Hunt Flyer
OpenOffice Draw Tutorials: Easter Egg Hunt Flyer
 
OpenOffice Draw Tutorials: Florist Flyer
OpenOffice Draw Tutorials: Florist FlyerOpenOffice Draw Tutorials: Florist Flyer
OpenOffice Draw Tutorials: Florist Flyer
 
Microsoft Publisher 2007 Tutorial: Digital Photography Flyer
Microsoft Publisher 2007 Tutorial: Digital Photography FlyerMicrosoft Publisher 2007 Tutorial: Digital Photography Flyer
Microsoft Publisher 2007 Tutorial: Digital Photography Flyer
 
production diary
production diary production diary
production diary
 
Inkscape Tutorials: Bridal Pageant Boutique Flyer
Inkscape Tutorials: Bridal Pageant Boutique FlyerInkscape Tutorials: Bridal Pageant Boutique Flyer
Inkscape Tutorials: Bridal Pageant Boutique Flyer
 
Microsoft Publisher 2007 Tutorials: Florist Flyer
Microsoft Publisher 2007 Tutorials: Florist FlyerMicrosoft Publisher 2007 Tutorials: Florist Flyer
Microsoft Publisher 2007 Tutorials: Florist Flyer
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
Unit 5 Task 4 Tutorial
Unit 5 Task 4 TutorialUnit 5 Task 4 Tutorial
Unit 5 Task 4 Tutorial
 
Unit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an AdUnit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an Ad
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
 
how to use design by software.pptx
how to use design by software.pptxhow to use design by software.pptx
how to use design by software.pptx
 
How to make gold in photoshop
How to make gold in photoshopHow to make gold in photoshop
How to make gold in photoshop
 

More from Flyer Tutor

Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Flyer Tutor
 
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product FlyerCorel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Flyer Tutor
 
Inkscape Computer Classes Flyer Tutorial
Inkscape Computer Classes Flyer TutorialInkscape Computer Classes Flyer Tutorial
Inkscape Computer Classes Flyer Tutorial
Flyer Tutor
 
Microsoft Word Tutorial: Easter Egg Hunt Flyer
Microsoft Word Tutorial: Easter Egg Hunt FlyerMicrosoft Word Tutorial: Easter Egg Hunt Flyer
Microsoft Word Tutorial: Easter Egg Hunt Flyer
Flyer Tutor
 
Microsoft Word Tutorial: Bridal Pageant Boutique Flyer
Microsoft Word Tutorial: Bridal Pageant Boutique FlyerMicrosoft Word Tutorial: Bridal Pageant Boutique Flyer
Microsoft Word Tutorial: Bridal Pageant Boutique Flyer
Flyer Tutor
 
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt FlyerMicrosoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Flyer Tutor
 
Microsoft Word 2007 Tutorials: Florist Flyer
Microsoft Word 2007 Tutorials: Florist FlyerMicrosoft Word 2007 Tutorials: Florist Flyer
Microsoft Word 2007 Tutorials: Florist Flyer
Flyer Tutor
 
Inkscape Tutorials: Easter Egg Hunt Flyer
Inkscape Tutorials: Easter Egg Hunt FlyerInkscape Tutorials: Easter Egg Hunt Flyer
Inkscape Tutorials: Easter Egg Hunt Flyer
Flyer Tutor
 

More from Flyer Tutor (8)

Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
 
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product FlyerCorel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
 
Inkscape Computer Classes Flyer Tutorial
Inkscape Computer Classes Flyer TutorialInkscape Computer Classes Flyer Tutorial
Inkscape Computer Classes Flyer Tutorial
 
Microsoft Word Tutorial: Easter Egg Hunt Flyer
Microsoft Word Tutorial: Easter Egg Hunt FlyerMicrosoft Word Tutorial: Easter Egg Hunt Flyer
Microsoft Word Tutorial: Easter Egg Hunt Flyer
 
Microsoft Word Tutorial: Bridal Pageant Boutique Flyer
Microsoft Word Tutorial: Bridal Pageant Boutique FlyerMicrosoft Word Tutorial: Bridal Pageant Boutique Flyer
Microsoft Word Tutorial: Bridal Pageant Boutique Flyer
 
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt FlyerMicrosoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
 
Microsoft Word 2007 Tutorials: Florist Flyer
Microsoft Word 2007 Tutorials: Florist FlyerMicrosoft Word 2007 Tutorials: Florist Flyer
Microsoft Word 2007 Tutorials: Florist Flyer
 
Inkscape Tutorials: Easter Egg Hunt Flyer
Inkscape Tutorials: Easter Egg Hunt FlyerInkscape Tutorials: Easter Egg Hunt Flyer
Inkscape Tutorials: Easter Egg Hunt Flyer
 

Recently uploaded

Program Your Destiny eBook - Destiny University.pdf
Program Your Destiny eBook - Destiny University.pdfProgram Your Destiny eBook - Destiny University.pdf
Program Your Destiny eBook - Destiny University.pdf
Michael Herlache, MBA
 
UNIVERSAL HUMAN VALUES- Harmony in the Nature
UNIVERSAL HUMAN VALUES- Harmony in the NatureUNIVERSAL HUMAN VALUES- Harmony in the Nature
UNIVERSAL HUMAN VALUES- Harmony in the Nature
Chandrakant Divate
 
What Is The Psychology Behind Reborn Dolls_.pptx
What Is The Psychology Behind Reborn Dolls_.pptxWhat Is The Psychology Behind Reborn Dolls_.pptx
What Is The Psychology Behind Reborn Dolls_.pptx
Lloyd Dobson Artist
 
Collocation thường gặp trong đề thi THPT Quốc gia.pdf
Collocation thường gặp trong đề thi THPT Quốc gia.pdfCollocation thường gặp trong đề thi THPT Quốc gia.pdf
Collocation thường gặp trong đề thi THPT Quốc gia.pdf
ngochaavk33a
 
SOCIOLOGY PPT. SOCIAL SECURITY POWER POINT
SOCIOLOGY PPT. SOCIAL SECURITY POWER POINTSOCIOLOGY PPT. SOCIAL SECURITY POWER POINT
SOCIOLOGY PPT. SOCIAL SECURITY POWER POINT
ssuser8d5e2d1
 
Ethical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptx
Ethical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptxEthical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptx
Ethical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptx
TANMAYJAIN511570
 

Recently uploaded (6)

Program Your Destiny eBook - Destiny University.pdf
Program Your Destiny eBook - Destiny University.pdfProgram Your Destiny eBook - Destiny University.pdf
Program Your Destiny eBook - Destiny University.pdf
 
UNIVERSAL HUMAN VALUES- Harmony in the Nature
UNIVERSAL HUMAN VALUES- Harmony in the NatureUNIVERSAL HUMAN VALUES- Harmony in the Nature
UNIVERSAL HUMAN VALUES- Harmony in the Nature
 
What Is The Psychology Behind Reborn Dolls_.pptx
What Is The Psychology Behind Reborn Dolls_.pptxWhat Is The Psychology Behind Reborn Dolls_.pptx
What Is The Psychology Behind Reborn Dolls_.pptx
 
Collocation thường gặp trong đề thi THPT Quốc gia.pdf
Collocation thường gặp trong đề thi THPT Quốc gia.pdfCollocation thường gặp trong đề thi THPT Quốc gia.pdf
Collocation thường gặp trong đề thi THPT Quốc gia.pdf
 
SOCIOLOGY PPT. SOCIAL SECURITY POWER POINT
SOCIOLOGY PPT. SOCIAL SECURITY POWER POINTSOCIOLOGY PPT. SOCIAL SECURITY POWER POINT
SOCIOLOGY PPT. SOCIAL SECURITY POWER POINT
 
Ethical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptx
Ethical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptxEthical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptx
Ethical_dilemmas_MDI_Gurgaon-Business Ethics Case 1.pptx
 

Adobe Illustrator Tutorials: Digital Photography Flyer

  • 1. This tutorial will show you the steps to create this simple Flyer using Adobe Illustrator. Steps 01: Document Setup 02: Draw Rectangle 1 03: Draw Rectangle 2 04: Color Rectangle 1 05: Color Rectangle 2 06: Add Text 07: The Character Palette 08: The Paragraph Palette 09: Change Text Color 10: Add New Text 11: Add and Rotate Star 12: Star Transparency 13: Drop Shadow 14: Royalty Free Images 15: Place Images 16: Image Border 17: The Stroke Palette 18: Group Objects 19: Arrange Images 20: Save File For a larger image click the link below Photo Flyer (400px by 566px) If there is anything that is unclear to you, or you spot any mistakes, please send email to feedback@flyertutor.com Suggestions are always welcome. Page 1 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 2. Step 01: Document Setup To begin, locate the Menu Bar and select File > New. This will bring up the 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 to set the Canvas to Portrait. In Color Mode select "RGB Color". Click OK. Step 02: Draw Rectangle 1 We will construct the Colored Background with 2 Rectangles. Select the Rectangle Tool from the Tool Box. To set the dimensions of the Rectangle that you wish to draw, click once on the Canvas to open up the Rectangle Dialog Box. Set Width to "4.25" and Height to "11". Click OK. Drag the Rectangle in to the proper place on the Canvas. Page 2 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 3. Step 03: Draw Rectangle 2 Use the Selection Tool to select the 1st Rectangle, then hold down the "Alt" key so that your cursor turns into a Double Arrow . Drag and release to make a Copy of the 1st Rectangle. Put it on the right side of the Flyer. The Rectangles will look like this: Step 04: Color Rectangle 1 To the right of the screen should be the Color Palette. 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 "RGB" values. Select the Fill Icon, which is the "Black" Square in this Image, and either click on the "Black" Color to the bottom right or type in R=0, G=0, B=0 and hit "Enter". Do the same thing for the Stroke Icon, which is the "White" Square next to the Fill Icon with the red line running through it. Make the Stroke, "Black". Step 05: Color Rectangle 2 Select Rectangle 2, set the Fill to the Color "Maroon". Do this by setting R = 128, G = 0, and B = 0. Hit "Enter". Repeat these settings for the Stroke Color. The Flyer's background will now look like this: Page 3 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 4. Step 06: Add Text Select the Type Tool from the Tool Box. Click anywhere on the canvas and start typing. Start with the Flyer Title which is "Aiden's Digital Photography". To make changes to the Text, go to Window > Type > Character. This brings up the Character Palette, which sets the Font and Format for the selected characters. Step 07: The Character Palette The Character Palette is also tabbed together with the Paragraph Palette and the Open Type Palette. Use the Selection Tool to select the Text. Then select the down arrow next to "Myriad" to change the Font. Here it is set to "Disko" which is a free Font that was downloaded at www.FontFreak.com. The Font Style should be set to Regular. Set the Font Size to "48pt". Set the Leading or Line Spacing to "50pt". Page 4 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 5. Step 08: The Paragraph Palette Select the Paragraph Tab and click on the Align Center Icon, which is second Icon on the first row. Step 09: Change Text Color Using the Select Tool, select the Text then go to the Color Palette and click on the Fill Icon. Select the Color "White" or set R to "255", G to "255" and B to "255". Then hit "Enter". The Text will look like this. Step 10: Add New Text Next we can add the remaining Text to the document. The Font used is "Segoe Print" which you can also get at www.FontFreak.com. Set the Fill to "White". Page 5 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 6. Step 11: Add and Rotate Star Hold the Left mouse button down while the cursor is over the Rectangle Tool to reveal a pop out menu of other shapes. Scroll over and select the Star Tool. Draw the Star on the Canvas. Once the Star is drawn, click on the Selection Tool. You will notice that "8 White Squares" appear on the Bounding Box around the Star. Hold the mouse over any one of these Squares until the cursor changes to a Rotate Arrow. Hold the Left mouse button down to Rotate the Star to the desired position. This is how the Star would appear on the Flyer. Step 12: Star Transparency To adjust the Star's Transparency, go to the Transparency Tab that is at the bottom of this large palette or go to the Menu Bar and select Window > Transparency. In the Transparency Palette, set Opacity to "40%". This Star will look like this: Page 6 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 7. Step 13: Drop Shadow With the Star selected, go to the Effect Menu > Stylize > Drop Shadow. This will bring up the Drop Shadow Window. Set the Opacity to 75%, X Offset to "0.1" in, Y Offset to "0.1" in, Blur to "0.7" in, and click OK. Step 14: Royalty Free Images Next we can add images to the document. I downloaded photos from these 3 sites that have Royalty Free Photos to use without any hassel. www.ImageAfter.com www.Public-Domain-Image.com Graphic-Bank.com Page 7 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 8. Step 15: Place Images To insert an image go to File > Place. This opens up the Place Window where you select your image and click Place. Step 16: Image Border To give the Image a Border, draw a Rectangle around it. Resize it to fit the Image by moving your mouse over each of the 4 Center Squares and dragging the Double Arrow towards the Image. Step 17: The Stroke Palette Go back to the Color Palette and give the Rectangle No Fill and set the Stroke to "White". Then go to the Stroke Palette and set Weight to "2pt". Page 8 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 9. Step 18: Group Objects While holding down the "Shift" Key, use the Selection Tool to select both the Rectangle and the Image. Then select both the "Ctrl" Key and the "G" Key on your keyboard or select the Object Menu > Group. Repeat Step 13 to apply a Drop Shadow. The Image should now look like this: Apply these settings to the remaining images. Step 19: Arrange Images Select an Image, then right click and choose Arrange > Bring to Front from the menu that appears. You can rotate between the options in this menu to organize the images. Step 20: Save File The completed flyer should look like this: To Save, go to File > Save. Page 9 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com
  • 10. Page 10 of 10 Adobe Illustrator Tutorial – Digital Photography Flyer www.flyertutor.com