SlideShare a Scribd company logo
1 of 15
Download to read offline
Tutorial: Working with layout
Welcome to CorelDRAW, a comprehensive vector-based drawing program for the graphics professional.

This tutorial introduces the layout and organization tools in CorelDRAW. These tools are essential for any kind of
project, whether it is an advertisement, newsletter, logo, poster, or any kind of artwork. Guided by your sense of
layout and design, you can use guidelines, preset alignments, and absolute values to organize text and images
for optimum results.

During the course of this tutorial, you will create an advertisement for The Coffee Shop. You will create some of
the design elements and text, but you will also learn how to import images and text.

Click here to view what your final project should look like.



What you will learn
In this tutorial, you will learn how to

§ create backgrounds
§ use guidelines and snapping options
§ create frames
§ import images
§ use the PowerClip tool
§ apply preset drop shadows
§ work with artistic text
§ import and format paragraph text
§ apply alignment options


Creating the background
You’ll start by opening a new document and customizing the drawing page dimensions. Then, you’ll create the
background: a gold colored rectangle with rounded corners. After you create the background, you’ll apply the rest
of the advertisement’s graphics and text.

In this project, you’ll use the default units of measure in CorelDRAW: inches. However, you can use many others,
including points, pixels, and centimeters.


To create a drawing page
1 Click File menu } New.
2 On the property bar, ensure the Portrait button              is enabled.

3 In the Paper size boxes                        on the property bar, type the following dimensions:
   Ÿ Width: 7
   Ÿ Height: 10
4 Press Enter.



1 of 15
Tutorial: Working with layout


To create the background
1 Double-click the Rectangle tool         .
   A rectangle the size of the drawing page is created.
2 If the CMYK color palette is not displayed, click Window menu } Color palettes } Default CMYK palette.
3 On the color palette, click the Gold color swatch.
4 Hold down Ctrl (Windows) or Command (Mac OS), and click the White color swatch 3 times to lighten the
  background color.




5 Open the Outline flyout                                              , and click No outline       .
6 With the background rectangle selected, ensure that the Round corners together button         on the property
  bar is enabled.
7 In one of the Rectangle corner roundness boxes                               on the property bar, type 14.
8 Press Enter.




2 of 15
Tutorial: Working with layout




Adding a bottom border
First, you’ll create the bottom border. Then, you’ll import a design and add it to the border. Finally, you’ll use the
PowerClip tool to position and align the bottom border in the layout.


To create the bottom border
1 With the Rectangle tool still selected, drag outside the drawing page (background) to draw a rectangle.

2 In the Object(s) size boxes                       on the property bar, type the following dimensions:
   Ÿ Width: 7
   Ÿ Height: 1.5
3 Press Enter.
4 On the color palette, click the Red brown color swatch to add a fill to the rectangle and right-click (Windows)
  or Control + click (Mac OS) the Red brown color swatch to color the outline.


To add a design to the bottom border
1 Click File menu } Import.
2 Choose the folder where CorelDRAW is installed.
3 Choose the folder Corel Graphics 11TutorialsSample files.
4 Double-click the filename steam.cdr.
5 Click outside the drawing page.
6 With the imported image still selected, drag the center X handle to position the steam within the red-brown
  bottom border as shown in the example after the procedure.
7 Hold down Shift, and click the red-brown bottom border to select the two objects together.
8 Click Arrange menu } Group.




3 of 15
Tutorial: Working with layout




To position the bottom border in the background
1 Click Effects menu } PowerClip } Place inside container.
   A black arrow displays in the drawing window.
2 Click the background.




4 of 15
Tutorial: Working with layout


3 Click Effects menu } PowerClip } Edit contents.
4 Using the Pick tool         , select the bottom border.
5 Click Arrange menu } Align and distribute } Align and distribute.
6 In the Align and distribute dialog box, enable the following options:
   Ÿ Vertical alignment: Bottom
   Ÿ Horizontal alignment: Center
   Ÿ Align to: Edge of page
7 Click Apply, and click Close.
8 Click Effects menu } PowerClip } Finish editing this level.




Setting the guidelines
You will compose the advertisement using graphics and text in an interesting and effective layout. Guidelines will
help you align and position objects on the page.

In this tutorial, you’ll set guidelines using two methods: specifying values and dragging guidelines to the drawing
page. After you set your guidelines, you’ll lock them into place.

Before you begin, ensure that guidelines are enabled. Click View menu } Guidelines. A check mark beside
Guidelines indicates that the guidelines are enabled.


To set the center guidelines using alignment options
1 If the rulers do not display, click View menu } Rulers.
2 Click inside the horizontal ruler, and drag a guideline to anywhere on the drawing page.
3 Click inside the vertical ruler, and drag a guideline to anywhere on the drawing page.
4 Hold down Shift, and select both guidelines using the Pick tool.
   By default, a selected guideline displays in red.




5 of 15
Tutorial: Working with layout


5 Click Arrange menu } Align and distribute } Align and distribute.
6 In the Align to area, enable the Center of page check box.
7 Click Apply, and click Close.


To set guidelines using the property bar
1 Click inside the vertical ruler, and drag a guideline to anywhere on the drawing page.

2 In the x Object position(s) box                      on the property bar, type 5.
3 Press Enter.
4 Click inside the horizontal ruler, and drag a guideline to anywhere on the drawing page.

5 In the y Object position(s) box                      on the property bar, type 5.5.
6 Press Enter.


To set guidelines using the main menu
1 Click View menu } Guidelines setup.
2 In the Options (Windows) or Preferences (Mac OS) dialog box, click Horizontal in the list of categories.
3 In the numeric field, type 7.5, and click Add.
4 Type 3.5, and click Add again.
5 Click OK.




6 of 15
Tutorial: Working with layout


To lock all guidelines
1 Click Edit menu } Select all } Guidelines.
2 Click Arrange menu } Lock object.
3 Save your file.



Adding an image
The advertisement’s message is that the Coffee Shop’s product starts with high quality beans. An image of a
coffee cup resting on a bed of coffee beans visually makes the point.

Here, you’ll create a rectangular frame and import an image into it. Then, you’ll use the guidelines to align the
framed image. Finally, you’ll add a drop shadow to the frame.




To create the frame
1 Click the Rectangle tool, and drag outside the background to draw a rectangle.
2 With the rectangle selected, type the following dimensions in the Object(s) size boxes:
   Ÿ Width: 5.25
   Ÿ Height: 4
3 Press Enter.
4 Open the Outline flyout, and click 16 point outline (medium-thick)             .
5 On the CMYK color palette, click the Red brown color swatch to fill the rectangle and right-click (Windows) or
  Control + click (Mac OS) the Red brown color swatch to color the outline.
6 In a Rectangle corner roundness box on the property bar, type 20.
7 Press Enter.


To import the image
1 Click File menu } Import.
2 Choose the folder where CorelDRAW is installed.
3 Choose the folder Corel Graphics 11TutorialsSample files.
4 Double-click the filename coffee_photo.jpg.
5 Click below the red-brown rectangle you created earlier.




7 of 15
Tutorial: Working with layout


To insert the image in the frame
1 Click Effects menu } PowerClip } Place inside container.
2 Click the red-brown rectangle.


To align the framed image
1 Click Effects menu } PowerClip } Place inside container.
2 Click the background.
3 Click Effects menu } PowerClip } Edit contents.
4 Click View menu } Snap to guidelines.
   A check mark beside Snap to guidelines indicates that snapping to guidelines is enabled.
5 Click the framed image, and drag it, so that its right border snaps to the 5" vertical guideline and its bottom
  border snaps to the 5.5" horizontal guideline.
   The frame nodes snap to the guidelines.

6 Open the Interactive tools flyout                                   , and click the Interactive drop shadow
   tool       .
7 From the Presets list box                   on the property bar, choose Flat bottom right.
8 Click Effects menu } PowerClip } Finish editing this level.




8 of 15
Tutorial: Working with layout


Adding artistic text
You’re ready to add copy to the advertisement. You’ll start by adding two headings in artistic text to the
advertisement. Because the headings are brief, you’ll type the text directly in the drawing window. Then you’ll
format and align the text to the guidelines.


To add the first heading
1 Click the Text tool           .
2 Click in the blank area under the coffee image, and type What do you take in your coffee?.
3 Triple-click the text to highlight the entire line.
4 On the property bar, do the following:

   Ÿ choose GoudyOlSt BT from the Font list list box                                         .
   Ÿ choose 48 from the Font size list box                    .

   Ÿ click the Bold button           .

   Ÿ click the Horizontal alignment button              , and click Right.
5 On the CMYK color palette, click the White color swatch.
6 Insert the cursor before the word take, and press Enter.
7 Insert the cursor before the word your, and press Enter.
8 Highlight the letter W.
9 On the property bar, do the following:
   Ÿ choose TypoUpright BT from the Font list list box.
   Ÿ type 104 in the Font size list box.
10 Press Enter.


To align the first heading
1 Using the Pick tool, select the text.
2 Drag the center X handle to the intersection of the horizontal 7.5" guideline and the vertical 5" guideline.

   The center X handle snaps to the intersection of the two guidelines.




9 of 15
Tutorial: Working with layout




To add the second heading
1 Click the Text tool.
2 Click outside the background, and type the following text:
   THE FINEST BEANS. (Thank you)
3 Insert the cursor before (Thank you), and press Enter.
4 Click at the beginning of the text, and drag over it to highlight it.
5 On the property bar, do the following:
   Ÿ   choose GoudyOlSt BT from the Font list list box.
   Ÿ   choose 24 from the Font size list box.
   Ÿ   click the Bold button.
   Ÿ   click the Horizontal alignment button, and click Center.


To align the second heading
1 Using the Pick tool, select the text.
2 Drag the center X handle to the vertical 3.5” (page center) guideline, and snap the text’s top select handles to
  the horizontal 5" guideline.




10 of 15
Tutorial: Working with layout




Adding paragraph text
Earlier, you added artistic text, a text format suitable for short lines such as headings, or if you want to apply
effects to the text. Paragraph text is a text format suitable for larger bodies of text as it allows you to specify
formatting attributes such as bullets, tabs and more. Paragraph text can be either imported from a text file or
copied into a text frame directly.

Here, you’ll import copy from the text file provided, and place it into a rectangular light-golden frame. Then, you’ll
align the framed text in the layout.


To import the paragraph text
1 Click the Text tool.
2 Drag outside the background to draw a text frame approximately 4.8” wide and 1.3” high.
3 Click File menu } Import.
4 Choose the folder where CorelDRAW is installed.
5 Choose the folder Corel Graphics 11TutorialsSample files.
6 Click the filename ad_copy.txt.
7 Click OK.

   You can also open the text file in a text editor, and copy and paste the text into the text frame.




11 of 15
Tutorial: Working with layout




To format the paragraph text
1 Click at the beginning of the paragraph text, and drag over to highlight it.
2 Click Text menu } Format text.
3 In the Format text dialog box, click the Character tab.
4 Set the font to GoudyOlSt 12 pt.
5 Click the Paragraph tab.
6 From the Alignment list box, choose Center.
7 Click the Columns tab.
8 Enable the Automatically adjust frame width option.
9 Click OK.
   If necessary adjust the text frame height by dragging the bottom dotted line up.


To create a frame for the paragraph text
1 Click the Rectangle tool          , and drag outside the background to draw a rectangle.
2 In the Object(s) size boxes on the property bar, type the following dimensions:
   Ÿ Width: 5
   Ÿ Height: 1.5
3 Press Enter.
4 On the CMYK color palette, click the Gold color swatch.
5 Hold down Ctrl (Windows) or Command (Mac OS), and click the White color swatch 6 times to lighten the
  color of the rectangle.
6 Open the Outline flyout, and click No outline.
7 In one of the Rectangle corner roundness boxes on the property bar, type 40.
8 Press Enter.




12 of 15
Tutorial: Working with layout


To align the framed paragraph text
1 Using the Pick tool, click the text frame containing the paragraph text.
2 Click Effects menu } PowerClip } Place inside container.
3 Click the light-golden rectangle.
   The paragraph text is positioned in the light-golden frame.




4 Click Effects menu } PowerClip } Place inside container.
5 Click the drawing page.
6 Click Effects menu } PowerClip } Edit contents.
7 Click Arrange menu } Align and distribute } Align and distribute.
8 In the Align to area of the Align and distribute dialog box, enable the Center of page check box.
9 Disable the vertical alignment Center check box.
10 Click OK.
11 Drag the framed text, so that the top edge snaps to the horizontal 3.5" guideline.
12 Click Effects menu } PowerClip } Finish editing this level.




13 of 15
Tutorial: Working with layout




Importing and positioning the logo
You’ll finish the project by importing The Coffee Shop logo and positioning it at the bottom of the advertisement
page.


To import the logo
1 Click File menu } Import.
2 Choose the folder where CorelDRAW is installed.
3 Choose the folder Corel Graphics 11TutorialsSample files.
4 Double-click the filename coffee_logo.cdr.
5 Click the drawing page.


To position the logo
1 In the x Object(s) position box on the property bar, type 3.5.
2 In the y Object(s) position box on the property bar, type 0.7.
3 Press Enter.
4 Click View menu } Guidelines to hide all guidelines.
5 Save your project.




14 of 15
Tutorial: Working with layout




From here…
There are more layout and organization tools available in CorelDRAW. You can use grids, slanted guidelines,
customization of snapping options, object nudging, drawing scales, and customized ruler parameters.

You can continue to experiment with other images and different settings to create other unique projects, or you
can complete another CorelDRAW tutorial.

You can access the CorelDRAW Help, by clicking Help menu } Help topics.




ã 2002 Corel Corporation. All rights reserved. All trademarks or registered trademarks are the property of their
respective companies.




15 of 15

More Related Content

What's hot

InDesign CS5 Tutorial
InDesign CS5 TutorialInDesign CS5 Tutorial
InDesign CS5 TutorialZaxapias
 
Photo ch05 ppt
Photo ch05 pptPhoto ch05 ppt
Photo ch05 pptcpashke
 
PS cs6 ch04 ppt
PS cs6 ch04 pptPS cs6 ch04 ppt
PS cs6 ch04 pptcpashke
 
Les't make a oranged text effect in photoshop
Les't make a oranged text effect in photoshopLes't make a oranged text effect in photoshop
Les't make a oranged text effect in photoshopRavindu Sandeepa
 
Pscs6 ch08 ppt
Pscs6 ch08 pptPscs6 ch08 ppt
Pscs6 ch08 pptcpashke
 
Adobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic EffectsAdobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic Effectscsula its training
 
Gl13 m6-c4-presentation
Gl13 m6-c4-presentationGl13 m6-c4-presentation
Gl13 m6-c4-presentationTracie King
 
Making a Circular Cropping in Photoshop
Making a Circular Cropping in PhotoshopMaking a Circular Cropping in Photoshop
Making a Circular Cropping in Photoshopds2kGTS
 
Lecture 10: introduction to computer
Lecture 10: introduction to computerLecture 10: introduction to computer
Lecture 10: introduction to computerSultan Omar Shige
 
Pscs6 ch03 ppt
Pscs6 ch03 pptPscs6 ch03 ppt
Pscs6 ch03 pptcpashke
 

What's hot (11)

InDesign CS5 Tutorial
InDesign CS5 TutorialInDesign CS5 Tutorial
InDesign CS5 Tutorial
 
Photo ch05 ppt
Photo ch05 pptPhoto ch05 ppt
Photo ch05 ppt
 
PS cs6 ch04 ppt
PS cs6 ch04 pptPS cs6 ch04 ppt
PS cs6 ch04 ppt
 
Les't make a oranged text effect in photoshop
Les't make a oranged text effect in photoshopLes't make a oranged text effect in photoshop
Les't make a oranged text effect in photoshop
 
Pscs6 ch08 ppt
Pscs6 ch08 pptPscs6 ch08 ppt
Pscs6 ch08 ppt
 
Adobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic EffectsAdobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic Effects
 
Writing ED material
Writing ED materialWriting ED material
Writing ED material
 
Gl13 m6-c4-presentation
Gl13 m6-c4-presentationGl13 m6-c4-presentation
Gl13 m6-c4-presentation
 
Making a Circular Cropping in Photoshop
Making a Circular Cropping in PhotoshopMaking a Circular Cropping in Photoshop
Making a Circular Cropping in Photoshop
 
Lecture 10: introduction to computer
Lecture 10: introduction to computerLecture 10: introduction to computer
Lecture 10: introduction to computer
 
Pscs6 ch03 ppt
Pscs6 ch03 pptPscs6 ch03 ppt
Pscs6 ch03 ppt
 

Similar to dr_3 (20)

CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
Logo tutor
Logo tutorLogo tutor
Logo tutor
 
Corel draw
Corel drawCorel draw
Corel draw
 
Dr 2
Dr 2Dr 2
Dr 2
 
advanced%20corel%20draw
advanced%20corel%20drawadvanced%20corel%20draw
advanced%20corel%20draw
 
advanced%20corel%20draw
advanced%20corel%20drawadvanced%20corel%20draw
advanced%20corel%20draw
 
dr_1
dr_1dr_1
dr_1
 
dr_1
dr_1dr_1
dr_1
 
Using illustrator for posters by hmftj
Using illustrator for posters by hmftj Using illustrator for posters by hmftj
Using illustrator for posters by hmftj
 
IndesignFlyer
IndesignFlyerIndesignFlyer
IndesignFlyer
 
Tutorial Coreldraw_2
Tutorial Coreldraw_2Tutorial Coreldraw_2
Tutorial Coreldraw_2
 
dr_1
dr_1dr_1
dr_1
 
dr_1
dr_1dr_1
dr_1
 
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docxTUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
 
Gl2010 m5 wd3-presentation
Gl2010 m5 wd3-presentationGl2010 m5 wd3-presentation
Gl2010 m5 wd3-presentation
 
dr_3
dr_3dr_3
dr_3
 
dr_3
dr_3dr_3
dr_3
 
dr_4
dr_4dr_4
dr_4
 
dr_4
dr_4dr_4
dr_4
 

More from tutorialsruby

<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>tutorialsruby
 
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>tutorialsruby
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />tutorialsruby
 
Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0tutorialsruby
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269tutorialsruby
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269tutorialsruby
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008tutorialsruby
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008tutorialsruby
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheetstutorialsruby
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheetstutorialsruby
 

More from tutorialsruby (20)

<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>TopStyle Help & <b>Tutorial</b>
TopStyle Help & <b>Tutorial</b>
 
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
The Art Institute of Atlanta IMD 210 Fundamentals of Scripting <b>...</b>
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
<img src="../i/r_14.png" />
<img src="../i/r_14.png" /><img src="../i/r_14.png" />
<img src="../i/r_14.png" />
 
Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0Standardization and Knowledge Transfer – INS0
Standardization and Knowledge Transfer – INS0
 
xhtml_basics
xhtml_basicsxhtml_basics
xhtml_basics
 
xhtml_basics
xhtml_basicsxhtml_basics
xhtml_basics
 
xhtml-documentation
xhtml-documentationxhtml-documentation
xhtml-documentation
 
xhtml-documentation
xhtml-documentationxhtml-documentation
xhtml-documentation
 
CSS
CSSCSS
CSS
 
CSS
CSSCSS
CSS
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
 
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa0602690047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
0047ecaa6ea3e9ac0a13a2fe96f4de3bfd515c88f5d90c1fae79b956363d7f02c7fa060269
 
HowTo_CSS
HowTo_CSSHowTo_CSS
HowTo_CSS
 
HowTo_CSS
HowTo_CSSHowTo_CSS
HowTo_CSS
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
BloggingWithStyle_2008
BloggingWithStyle_2008BloggingWithStyle_2008
BloggingWithStyle_2008
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheets
 
cascadingstylesheets
cascadingstylesheetscascadingstylesheets
cascadingstylesheets
 

Recently uploaded

Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 

Recently uploaded (20)

Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 

dr_3

  • 1. Tutorial: Working with layout Welcome to CorelDRAW, a comprehensive vector-based drawing program for the graphics professional. This tutorial introduces the layout and organization tools in CorelDRAW. These tools are essential for any kind of project, whether it is an advertisement, newsletter, logo, poster, or any kind of artwork. Guided by your sense of layout and design, you can use guidelines, preset alignments, and absolute values to organize text and images for optimum results. During the course of this tutorial, you will create an advertisement for The Coffee Shop. You will create some of the design elements and text, but you will also learn how to import images and text. Click here to view what your final project should look like. What you will learn In this tutorial, you will learn how to § create backgrounds § use guidelines and snapping options § create frames § import images § use the PowerClip tool § apply preset drop shadows § work with artistic text § import and format paragraph text § apply alignment options Creating the background You’ll start by opening a new document and customizing the drawing page dimensions. Then, you’ll create the background: a gold colored rectangle with rounded corners. After you create the background, you’ll apply the rest of the advertisement’s graphics and text. In this project, you’ll use the default units of measure in CorelDRAW: inches. However, you can use many others, including points, pixels, and centimeters. To create a drawing page 1 Click File menu } New. 2 On the property bar, ensure the Portrait button is enabled. 3 In the Paper size boxes on the property bar, type the following dimensions: Ÿ Width: 7 Ÿ Height: 10 4 Press Enter. 1 of 15
  • 2. Tutorial: Working with layout To create the background 1 Double-click the Rectangle tool . A rectangle the size of the drawing page is created. 2 If the CMYK color palette is not displayed, click Window menu } Color palettes } Default CMYK palette. 3 On the color palette, click the Gold color swatch. 4 Hold down Ctrl (Windows) or Command (Mac OS), and click the White color swatch 3 times to lighten the background color. 5 Open the Outline flyout , and click No outline . 6 With the background rectangle selected, ensure that the Round corners together button on the property bar is enabled. 7 In one of the Rectangle corner roundness boxes on the property bar, type 14. 8 Press Enter. 2 of 15
  • 3. Tutorial: Working with layout Adding a bottom border First, you’ll create the bottom border. Then, you’ll import a design and add it to the border. Finally, you’ll use the PowerClip tool to position and align the bottom border in the layout. To create the bottom border 1 With the Rectangle tool still selected, drag outside the drawing page (background) to draw a rectangle. 2 In the Object(s) size boxes on the property bar, type the following dimensions: Ÿ Width: 7 Ÿ Height: 1.5 3 Press Enter. 4 On the color palette, click the Red brown color swatch to add a fill to the rectangle and right-click (Windows) or Control + click (Mac OS) the Red brown color swatch to color the outline. To add a design to the bottom border 1 Click File menu } Import. 2 Choose the folder where CorelDRAW is installed. 3 Choose the folder Corel Graphics 11TutorialsSample files. 4 Double-click the filename steam.cdr. 5 Click outside the drawing page. 6 With the imported image still selected, drag the center X handle to position the steam within the red-brown bottom border as shown in the example after the procedure. 7 Hold down Shift, and click the red-brown bottom border to select the two objects together. 8 Click Arrange menu } Group. 3 of 15
  • 4. Tutorial: Working with layout To position the bottom border in the background 1 Click Effects menu } PowerClip } Place inside container. A black arrow displays in the drawing window. 2 Click the background. 4 of 15
  • 5. Tutorial: Working with layout 3 Click Effects menu } PowerClip } Edit contents. 4 Using the Pick tool , select the bottom border. 5 Click Arrange menu } Align and distribute } Align and distribute. 6 In the Align and distribute dialog box, enable the following options: Ÿ Vertical alignment: Bottom Ÿ Horizontal alignment: Center Ÿ Align to: Edge of page 7 Click Apply, and click Close. 8 Click Effects menu } PowerClip } Finish editing this level. Setting the guidelines You will compose the advertisement using graphics and text in an interesting and effective layout. Guidelines will help you align and position objects on the page. In this tutorial, you’ll set guidelines using two methods: specifying values and dragging guidelines to the drawing page. After you set your guidelines, you’ll lock them into place. Before you begin, ensure that guidelines are enabled. Click View menu } Guidelines. A check mark beside Guidelines indicates that the guidelines are enabled. To set the center guidelines using alignment options 1 If the rulers do not display, click View menu } Rulers. 2 Click inside the horizontal ruler, and drag a guideline to anywhere on the drawing page. 3 Click inside the vertical ruler, and drag a guideline to anywhere on the drawing page. 4 Hold down Shift, and select both guidelines using the Pick tool. By default, a selected guideline displays in red. 5 of 15
  • 6. Tutorial: Working with layout 5 Click Arrange menu } Align and distribute } Align and distribute. 6 In the Align to area, enable the Center of page check box. 7 Click Apply, and click Close. To set guidelines using the property bar 1 Click inside the vertical ruler, and drag a guideline to anywhere on the drawing page. 2 In the x Object position(s) box on the property bar, type 5. 3 Press Enter. 4 Click inside the horizontal ruler, and drag a guideline to anywhere on the drawing page. 5 In the y Object position(s) box on the property bar, type 5.5. 6 Press Enter. To set guidelines using the main menu 1 Click View menu } Guidelines setup. 2 In the Options (Windows) or Preferences (Mac OS) dialog box, click Horizontal in the list of categories. 3 In the numeric field, type 7.5, and click Add. 4 Type 3.5, and click Add again. 5 Click OK. 6 of 15
  • 7. Tutorial: Working with layout To lock all guidelines 1 Click Edit menu } Select all } Guidelines. 2 Click Arrange menu } Lock object. 3 Save your file. Adding an image The advertisement’s message is that the Coffee Shop’s product starts with high quality beans. An image of a coffee cup resting on a bed of coffee beans visually makes the point. Here, you’ll create a rectangular frame and import an image into it. Then, you’ll use the guidelines to align the framed image. Finally, you’ll add a drop shadow to the frame. To create the frame 1 Click the Rectangle tool, and drag outside the background to draw a rectangle. 2 With the rectangle selected, type the following dimensions in the Object(s) size boxes: Ÿ Width: 5.25 Ÿ Height: 4 3 Press Enter. 4 Open the Outline flyout, and click 16 point outline (medium-thick) . 5 On the CMYK color palette, click the Red brown color swatch to fill the rectangle and right-click (Windows) or Control + click (Mac OS) the Red brown color swatch to color the outline. 6 In a Rectangle corner roundness box on the property bar, type 20. 7 Press Enter. To import the image 1 Click File menu } Import. 2 Choose the folder where CorelDRAW is installed. 3 Choose the folder Corel Graphics 11TutorialsSample files. 4 Double-click the filename coffee_photo.jpg. 5 Click below the red-brown rectangle you created earlier. 7 of 15
  • 8. Tutorial: Working with layout To insert the image in the frame 1 Click Effects menu } PowerClip } Place inside container. 2 Click the red-brown rectangle. To align the framed image 1 Click Effects menu } PowerClip } Place inside container. 2 Click the background. 3 Click Effects menu } PowerClip } Edit contents. 4 Click View menu } Snap to guidelines. A check mark beside Snap to guidelines indicates that snapping to guidelines is enabled. 5 Click the framed image, and drag it, so that its right border snaps to the 5" vertical guideline and its bottom border snaps to the 5.5" horizontal guideline. The frame nodes snap to the guidelines. 6 Open the Interactive tools flyout , and click the Interactive drop shadow tool . 7 From the Presets list box on the property bar, choose Flat bottom right. 8 Click Effects menu } PowerClip } Finish editing this level. 8 of 15
  • 9. Tutorial: Working with layout Adding artistic text You’re ready to add copy to the advertisement. You’ll start by adding two headings in artistic text to the advertisement. Because the headings are brief, you’ll type the text directly in the drawing window. Then you’ll format and align the text to the guidelines. To add the first heading 1 Click the Text tool . 2 Click in the blank area under the coffee image, and type What do you take in your coffee?. 3 Triple-click the text to highlight the entire line. 4 On the property bar, do the following: Ÿ choose GoudyOlSt BT from the Font list list box . Ÿ choose 48 from the Font size list box . Ÿ click the Bold button . Ÿ click the Horizontal alignment button , and click Right. 5 On the CMYK color palette, click the White color swatch. 6 Insert the cursor before the word take, and press Enter. 7 Insert the cursor before the word your, and press Enter. 8 Highlight the letter W. 9 On the property bar, do the following: Ÿ choose TypoUpright BT from the Font list list box. Ÿ type 104 in the Font size list box. 10 Press Enter. To align the first heading 1 Using the Pick tool, select the text. 2 Drag the center X handle to the intersection of the horizontal 7.5" guideline and the vertical 5" guideline. The center X handle snaps to the intersection of the two guidelines. 9 of 15
  • 10. Tutorial: Working with layout To add the second heading 1 Click the Text tool. 2 Click outside the background, and type the following text: THE FINEST BEANS. (Thank you) 3 Insert the cursor before (Thank you), and press Enter. 4 Click at the beginning of the text, and drag over it to highlight it. 5 On the property bar, do the following: Ÿ choose GoudyOlSt BT from the Font list list box. Ÿ choose 24 from the Font size list box. Ÿ click the Bold button. Ÿ click the Horizontal alignment button, and click Center. To align the second heading 1 Using the Pick tool, select the text. 2 Drag the center X handle to the vertical 3.5” (page center) guideline, and snap the text’s top select handles to the horizontal 5" guideline. 10 of 15
  • 11. Tutorial: Working with layout Adding paragraph text Earlier, you added artistic text, a text format suitable for short lines such as headings, or if you want to apply effects to the text. Paragraph text is a text format suitable for larger bodies of text as it allows you to specify formatting attributes such as bullets, tabs and more. Paragraph text can be either imported from a text file or copied into a text frame directly. Here, you’ll import copy from the text file provided, and place it into a rectangular light-golden frame. Then, you’ll align the framed text in the layout. To import the paragraph text 1 Click the Text tool. 2 Drag outside the background to draw a text frame approximately 4.8” wide and 1.3” high. 3 Click File menu } Import. 4 Choose the folder where CorelDRAW is installed. 5 Choose the folder Corel Graphics 11TutorialsSample files. 6 Click the filename ad_copy.txt. 7 Click OK. You can also open the text file in a text editor, and copy and paste the text into the text frame. 11 of 15
  • 12. Tutorial: Working with layout To format the paragraph text 1 Click at the beginning of the paragraph text, and drag over to highlight it. 2 Click Text menu } Format text. 3 In the Format text dialog box, click the Character tab. 4 Set the font to GoudyOlSt 12 pt. 5 Click the Paragraph tab. 6 From the Alignment list box, choose Center. 7 Click the Columns tab. 8 Enable the Automatically adjust frame width option. 9 Click OK. If necessary adjust the text frame height by dragging the bottom dotted line up. To create a frame for the paragraph text 1 Click the Rectangle tool , and drag outside the background to draw a rectangle. 2 In the Object(s) size boxes on the property bar, type the following dimensions: Ÿ Width: 5 Ÿ Height: 1.5 3 Press Enter. 4 On the CMYK color palette, click the Gold color swatch. 5 Hold down Ctrl (Windows) or Command (Mac OS), and click the White color swatch 6 times to lighten the color of the rectangle. 6 Open the Outline flyout, and click No outline. 7 In one of the Rectangle corner roundness boxes on the property bar, type 40. 8 Press Enter. 12 of 15
  • 13. Tutorial: Working with layout To align the framed paragraph text 1 Using the Pick tool, click the text frame containing the paragraph text. 2 Click Effects menu } PowerClip } Place inside container. 3 Click the light-golden rectangle. The paragraph text is positioned in the light-golden frame. 4 Click Effects menu } PowerClip } Place inside container. 5 Click the drawing page. 6 Click Effects menu } PowerClip } Edit contents. 7 Click Arrange menu } Align and distribute } Align and distribute. 8 In the Align to area of the Align and distribute dialog box, enable the Center of page check box. 9 Disable the vertical alignment Center check box. 10 Click OK. 11 Drag the framed text, so that the top edge snaps to the horizontal 3.5" guideline. 12 Click Effects menu } PowerClip } Finish editing this level. 13 of 15
  • 14. Tutorial: Working with layout Importing and positioning the logo You’ll finish the project by importing The Coffee Shop logo and positioning it at the bottom of the advertisement page. To import the logo 1 Click File menu } Import. 2 Choose the folder where CorelDRAW is installed. 3 Choose the folder Corel Graphics 11TutorialsSample files. 4 Double-click the filename coffee_logo.cdr. 5 Click the drawing page. To position the logo 1 In the x Object(s) position box on the property bar, type 3.5. 2 In the y Object(s) position box on the property bar, type 0.7. 3 Press Enter. 4 Click View menu } Guidelines to hide all guidelines. 5 Save your project. 14 of 15
  • 15. Tutorial: Working with layout From here… There are more layout and organization tools available in CorelDRAW. You can use grids, slanted guidelines, customization of snapping options, object nudging, drawing scales, and customized ruler parameters. You can continue to experiment with other images and different settings to create other unique projects, or you can complete another CorelDRAW tutorial. You can access the CorelDRAW Help, by clicking Help menu } Help topics. ã 2002 Corel Corporation. All rights reserved. All trademarks or registered trademarks are the property of their respective companies. 15 of 15