OpenOffice Draw Tutorials: Digital Photography Flyer

Embed Size (px)

Citation preview

  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    1/9

    Page 1 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    This tutorial will show you the steps to create this simple Flyer using OpenOffice Draw.

    Steps01: Document Setup

    02: Format/Orientation03: Construct Background

    04: Line and Filling

    05: Area Window

    06: Custom Color07: Add Text

    08: Text Formatting09: Add More Text 10: Create Star11: Rotate Star

    12: Change Star's Color13: Star Transparency

    14: The Shadow Tab

    15: Shadow Settings16: Royalty Free Images

    17: Insert Images

    18: Line Settings19: Arrange Images20: 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 [email protected] are always welcome.

    http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#1http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#2http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#2http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#3http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#4http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#5http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#5http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#6http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#7http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#8http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#9http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#9http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#10http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#10http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#11http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#12http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#12http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#13http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#14http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#14http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#15http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#15http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#16http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#16http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#17http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#17http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#18http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#18http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#19http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#19http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#20http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#20http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/flyers/photo-flyer.asphttp://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/flyers/photo-flyer.aspmailto:[email protected]:[email protected]:[email protected]://www.flyertutor.com/default.aspmailto:[email protected]://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/flyers/photo-flyer.asphttp://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#20http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#19http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#18http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#17http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#16http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#15http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#14http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#13http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#12http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#11http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#10http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#9http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#8http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#7http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#6http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#5http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#4http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#3http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#2http://www.flyertutor.com/openoffice-draw-tutorials/flyer-tutor/photo-flyer-digital-photography.asp#1http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    2/9

    Page 2 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 01: Document SetupTo begin, move the mouse over theblank canvas, then right click and select

    Page > Page Setup.

    The Page Setup window will appear.

    Step 02: Format/OrientationOn the Page tab, change the Paper Format to Letter, and Orientation to Portrait.

    Then set Margins to "0.50" each. Then clickOK.

    Step 03: Construct BackgroundDraw 2 Rectangles that go side by side. Select the Rectangle Icon from the Drawing

    Toolbar below.

    Upon drawing your first Rectangle, it should have a "Blue" Fill and a "Black" Stroke bydefault. We need one rectangle to be "Black" and the other to be "Maroon".

    http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    3/9

    Page 3 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 04: Line and FillingSelect the 1st Rectangle, then go up to

    the Line and Filling Toolbar, click thelast down arrow and select "Black".

    Then select the 2nd Rectangle, rightclick over it and select "Area" from

    the menu that appears.

    Step 05: Area Window

    This will bring up the Area Window. Go to theColors Tab.

    Step 06: Custom ColorIn the Names box, type in what you want to

    call your Custom Color, in this case it is

    "Maroon".

    Then go over to RGB and set Red to"128", Green to "0" and Blue to "0".

    Then clickAdd. You can scroll down the

    Table of colors to verify that your new

    color has been added.

    Then clickOK.

    The colored background for the flyer will look like this:

    http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    4/9

    Page 4 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 07: Add Text

    Select the Text Icon from the Drawing Toolbar. Click anywhere on the canvas andstart entering Text, in this case it will be the Flyer title, "Aiden's Digital Photography".

    Select all the Text, then choose the Center Icon from the Text Formatting Toolbar.

    Step 08: Text FormattingSelect the down arrow on the right side of"Arial" and change the Font to "Disko" which is

    a free Font that was downloaded fromwww.FontFreak.com. Set the Font Size to "48".

    Then while the Text is still selected, click on the down arrow on the Font Color Iconwhich is on the Text Formatting Toolbar and select the color "White".

    The Text should look like this:

    Step 09: Add More Text

    Add the remaining Text on the document. Here theFont is "Segoe Print", a free Font that was

    downloaded atwww.FontFreak.com.

    Repeat the steps for centering and changing the FontColor to "White".

    Click on the Bold Icon to set all Text to Boldexcept the Flyer Title.

    The Flyer should look like this:

    Step 10: Create StarNext we will add Images to the Flyer.

    First add a Star. Select the Star Icon from the Drawing

    Toolbar.

    This will open the Star Menu. Select the "5 Pointed Star" whichis 3rd on the list.

    Then holding down your left mouse button, draw the Star on the Flyer. By default, the Colorwill be "Blue".

    http://www.fontfreak.com/http://www.fontfreak.com/http://www.fontfreak.com/http://www.fontfreak.com/http://www.fontfreak.com/http://www.fontfreak.com/http://www.fontfreak.com/http://www.fontfreak.com/http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    5/9

    Page 5 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 11: Rotate Star

    Select the Star and click on the Effects Icon on theDrawing Toolbar.

    8 Red Circles will appear around the Star.

    Move the mouse over any Corner Circle, hold and rotate to

    desired spot.

    It should look like this:

    Step 12: Change Star's ColorReselect the Star and go to the Line and Filling Toolbar.

    (Toolbar normally appears longer)

    Set the Fill to "White" and change the Line Style toInvisible in the drop down menu.

    Again right click over the Star and select Area from the menu that appears.

    Step 13: Star TransparencyIn the Area window, go to the Transparency Tab. Set Transparency to "65%" and click

    OK.

    http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    6/9

    Page 6 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 14: The Shadow TabInstead of selecting the Drop Shadow Icon that is clearly visible on the Line and Filling

    Toolbar, we must first change the Drop Shadow Settings.

    To do this, right click over the Star and select Area again. Then select the Shadow Tab.

    Step 15: Shadow SettingsSelect the "Check Box" next to "Use Shadow". Set Distance to "0.06", Color to "Black"

    and Transparency to

    "0%".

    Then clickOK.

    Step 16: Royalty Free ImagesThe result should look like this:

    Next we can finish up the document by adding Images to it. Idownloaded photos from these 3 sites that have Royalty Free

    Photos to use without any hassel.

    www.Public-Domain-Image.com

    www.ImageAfter.com Graphic-Bank.com

    http://www.public-domain-image.com/http://www.public-domain-image.com/http://www.imageafter.com/http://www.imageafter.com/http://graphic-bank.com/http://graphic-bank.com/http://graphic-bank.com/http://www.imageafter.com/http://www.public-domain-image.com/http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    7/9

    Page 7 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 17: Insert Images

    To insert an Image click on the From File Icon . Youcan also do this by going to Insert > Picture > From File.

    This will bring up the Insert Picture Window. Locate yourfile, then clickOpen.

    Once the Images are put on Canvas, Resize and move intodesired location.

    Step 18: Line SettingsThen while holding down the Shift Key, select each Image. Right click and select Line from

    the menu that appears. This will bring up the Line Window.

    Under Line Properties, change Style to "Continuous", set Color to "White", Width to

    "0.04" and change Transparency to "0%". Then clickOK. All images will now have a

    "White" border.

    http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    8/9

    Page 8 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    Step 19: Arrange ImagesRight click again and select Area from the menu. Go to the Shadow Tab, apply the same

    Shadow Settings as with the Star. ClickOK.

    Select the Arrange Icon on the Drawing Toolbar. This will bringup the Arrange Menu.

    The first 4 icons are "Bring to Front", "Bring Forward", "Send Backward", and "Sendto Back". Use them to arrange the Images.

    Step 20: Save FileThis is what the finished document will look like.

    Go to File > Save. It will be saved as a

    Scalable Vector Graphic (svg) file by

    default.

    http://www.flyertutor.com/
  • 8/14/2019 OpenOffice Draw Tutorials: Digital Photography Flyer

    9/9

    Page 9 of9

    OpenOffice Draw Tutorial Digital Photography Flyer www.flyertutor.com

    http://www.flyertutor.com/