169
Wright Design Pro 2.2 Wright Design Pro 2.2 Wright Design Pro 2.2 Wright Design Pro 2.2 Tutorial

Wright Design Pro v2.2 Tutorials

  • Upload
    skasner

  • View
    224

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 1/169

Wright Design Pro 2.2Wright Design Pro 2.2Wright Design Pro 2.2Wright Design Pro 2.2

Tutorial

Page 2: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 2/169

Contents 1

ContentsCHAPTER 1 - PREFACE ..........................................6 

Summary .......................................................... ...................................................... 6 

About this Tutorial............. ............................................................. ............... 6 

Tutorial Requirements...............................................................................6 System Conventions..................................................................................7 Tutorial Guide Styles .................................................................... ............ 7 

CHAPTER 2 - THE SUN PROJECT..........................8 

Starting a New Document ............................................................ .......................... 9 

Creating a New Document.................................................... ......................... 9 

The Desktop............................... ............................................................. ..... 10 

Displaying the Palettes ........................................................................ ........ 10 

The Paint Styles ............................................................... ....................... 12 

The Tool Palette ............................................................... ............................ 16 

The Tool Modifier Ribbon ............................................... ....................... 16 The Transform Modifiers ................................................ ........................ 17 

Placing, Positioning and Scaling Pictures ............................................................ 18 

Opening the Sun Project Final Picture........... .............................................. 18 

To Position the Final Picture for Reference ............................................ 20 Placing a Guide......................... ............................................................ ....... 20 

Displaying the Rulers..............................................................................20 Creating a Guide ......................................................... ............................ 21 

Placing the Seascape Picture........................................................................ 21 

Enlarging the Object ........................................................ ............................ 22 

Cropping the Object................................... .................................................. 24 

Placing the Diver Picture ......................................................... .................... 24 

Converting the Pictures...........................................................................25 Creating a Vector Rectangle with the Diver Picture................................ 25 Scaling the Picture Within the Object ..................................................... 27 

Flipping the Picture Within the Object.................................................... 28 Moving the Picture Within the Object.....................................................29 

Merging Pictures ............................................................ ...................................... 30 

Using Alpha Channels ....................................................... .......................... 30 

Applying a Gradient to the Diver Object ................................................ 30 Applying a Gradient to the Seascape picture .......................................... 31 

Page 3: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 3/169

Contents 2

The Frame .................................................... ........................................................ 33 

Placing the Frame Picture ........................................................... ................. 33 Scaling the Frame picture ........................................................................ .... 34 

Color Masking the Frame ............................................................ ................ 35 

Using the Brush Tool to Fine-tune the Mask ............................................... 37 

Zooming.................................................... .............................................. 37 Brushing.............................................. .................................................... 37 

Feathering the Frame .................................................................. ................. 39 

Converting the Frame to Grayscale ....................................................... ...... 40 

Applying a Drop-Shadow ............................................ ................................ 40 

Change a Picture Layer of the Frame to a Tint Adjust Layer....................... 42 

Feathering ............................................................. ....................................... 43 The Boats ...................................................... ....................................................... 44 

Placing the Boats Picture .......................................................... ................... 44 

Scaling, Moving and Prioritizing ................................................................. 46 

Cutting out the Top Portion of the Sails.... ................................................... 48 

Using the Navigator Palette ............................................................... .....48 Using the Bitmap Polygon Tool and Crop Modifier ............................... 49 Joining the Boats Objects........................................................................50 

Airbrushing the Palm Trees Near the Sails .................................................. 53 

The Flower .............................................................. ............................................. 55 

Placing the Flower Picture...................................................................... ..... 55 

Cutting out the Flower from its Background .......................................... 56 Using the Bezier Tool ........................................................ .......................... 57 

Scrolling and Positioning the Flower......................................................57 

Selectively Coloring the Flower .................................................................. 59 

Vignette the Flower............................................. ......................................... 60 

The Shell ................................................................. ............................................. 62 

Placing the Shell ................................................................ .......................... 62 

Cutting out the Shell Picture ............................................................ .......62 Positioning the Shell .................................................................... ........... 64 

Applying a Drop Shadow ..................................................... ....................... 66 

Skewing the Shadow Slightly to Change its Angle...................................... 68 

The Sun Text .......................................................... .............................................. 70 

Steps to Designing Text ..................................................... .......................... 70 

Creating a Text Box ..................................................... ........................... 70 Setting the Font Specifications................................................................70 Setting the Color of Text .................................................... ..................... 71 Entering the Text.....................................................................................72 Applying a Shadow.................................................................................72 Positioning the Text................................................................................. 74 

Page 4: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 4/169

Contents 3

Drawing the Sun................................. ............................................................. ..... 75 

Creating a Vector Circle.......................................................................... ..... 75 Using the Eyedropper Tool ............................................. ............................. 77 

Drawing the Teeth...................................................................................77 Creating a Gradient .................................................................. ............... 78 Placing a Gradient in the Circle ........................................................ ......79 Placing a Gradient in the Teeth ............................................................... 81 

Prioritizing the Sun ....................................................................... ............... 83 

Printing a PostScript File ..................................................................... ................ 84 

Setting the Print PostScript Options ............................................................ 84 

Setting the Layout Options ...................................................................... .... 85 

Setting the Separations Options ................................................................... 85 

CHAPTER 3 - THE WORLD PROJECT...................87 

Creating a Background Picture ............................................................. ............... 88 

Placing the Background Picture...................... ............................................. 88 

Displaying the Palettes............................................................................89 Placing the Final Picture ......................................................................... 90 Vignette the Background Picture............................................................. 92 Rotating the Gradient ............................................................. ................. 93 

Creating a Second Background......................................... ........................... 95 

Creating a Vector Rectangle....................................................................95 Adding a Color Curve Layer...................................................................96 

Cloning the Rivets .................................................................. ..................... 99 

Selecting the Picture Layer ..................................................................... 99 Using the Clone Tool ...................................................... ........................ 99 

Creating the 'wright' Text ....................................................... ............................ 102 

Four Steps in Creating Text ........................................................... ............ 102 

Making a Text Box................................................................................102 Setting the Font Specifications........................... ................................... 102 Setting the Color of Text .................................................... ................... 103 Entering the Text.......................... ......................................................... 104 Rotating and Positioning the Text......................................................... 104 Changing the Opacity of the Text ......................................................... 106 

The Glass ................................................... ........................................................ 107 Cutting out the Glass ......................................................... ........................ 108 

Using the Navigator Palette ............................................................... ...108 Using the Vector Curved Polygon Tool and Crop Modifier .................. 109 

Page 5: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 5/169

Contents 4

Scaling and Positioning the Glass.............................................................. 110 

Applying an Adjustment Operator to a Layer................ ............................ 111 Applying a Color Curve Layer ..................................................... ............. 112 

The Globe........................................................ ................................................... 113 

Placing the Globe Picture .................................................................. ........ 113 

Cutting out the Globe................................................... .............................. 113 

Using the Bitmap Curved Polygon tool and the Crop Modifier............ 113 

Scaling and Positioning the Globe............................................................. 115 

Airbrushing the Globe .................................................... ........................... 116 

The Compass.............................................................. ........................................ 117 

Placing the Compass Picture................................................. ..................... 117 

Using the Brush Tool to Fine-tune the Mask......................................... 119 Scaling and Positioning the Compass ................................................... 121 Applying a Color Curve Layer...................................................... ........ 122 Feathering the Compass ..................................................... ................... 124 Applying a Drop Shadow......................................................................125 Rotating the Compass ......................................................... .................. 126 

Steps to Designing Text ..................................................... ........................ 127 

Creating a Text Box ..................................................... ......................... 127 Setting the Font Specifications........................... ................................... 127 Setting the Color of the Text ......................................................... ........128 Entering the Text.......................... ......................................................... 128 

Converting the Text ................................................. .................................. 129 

Using the Convert Command................................................................129 Scaling and Moving the Vector Text......... ................................................. 130 

Joining the Design Text ............................................................. ................ 131 

Applying the Embossed Effect ............................................ ...................... 132 

Adding a Filter Layer................................................................................. 133 

Airbrushing the Rivets ......................................................... .............................. 135 

Setting the Filter Paint Style ...................................................................... 135 

Airbrushing the Filter over the Rivets ....................................................... 136 

Save as Picture ............................................................ ....................................... 138 

The Export Page as Picture Dialog Box .................................................... 138 

CHAPTER 4 - THE FIJI PROJECT.......................139 

Placing, Positioning & Scaling Pictures............................................................. 140 

Clearing the Paint Style Palette of Layers ................................................. 141 

Creating a Vector Rectangle .................................................................. .... 142 

Creating Text Along a Path ........................................................ ........................ 144 

Drawing and Editing a Path ............................................................ ......144 

Page 6: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 6/169

Contents 5

Keying Text Along a Path..................................................... ..................... 146 

Setting the Color of the Text. ........................................................ ........146 Entering the Text.......................... ......................................................... 148 

Formatting Text.............................. ............................................................ ........ 149 

Copying and Pasting Text ................................................ .......................... 149 

Setting the Color for the Text ................................................................ 151 Pasting the Text.....................................................................................151 

Formatting the Introduction ...................................................... ................. 151 

Setting the Font Specifications........................... ................................... 152 

Copying and Pasting the Main Story ...................................................... ... 153 

Setting the Color for the Text ................................................................ 155 Pasting the Text.....................................................................................155 

Formatting the Main Story................................... ...................................... 156 Setting the Font Specifications........................... ................................... 156 Applying a Drop Cap ............................................. ............................... 157 

Placing, Scaling and Rotating Pictures............................................................... 158 

Placing and Rotating the Picture of the Diver............................................ 158 

Placing and Scaling the Picture of the Boats ............................................. 161 

Flowing Text around Objects ........................................................... .................. 163 

Changing the Shape of the Left Text Box...... ............................................ 163 

Changing the Shape of the Right Text Box..................................... ........... 166 

Paragraph Alignment.............................................................................168 

Page 7: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 7/169

Chapter 1 – Preface 6 

Chapter 1 - PrefaceWelcome to Wright Design Pro, the innovative software package that lets you

handle image manipulation, illustration and text with speed and simplicity.

SummaryThis Tutorial is designed to show you some of the features of the package and to

get you familiar with basic design strategies.

About this Tutorial

This Tutorial gives you an overall understanding of Wright Design Pro and isdesigned for both novice and expert users.

The entire Tutorial consists of three projects:

• The Sun project.

• The World project.

• The Fiji project.

Each project is divided into a series of lessons providing detailed step-by-step

instructions. They enable you to carry out both basic and advanced imagingtechniques.

It is suggested that you go through each project from start to finish. This allows

you to gain an understanding of the application as a whole.

When you have gained general working knowledge of the application and want toconcentrate on specific tasks you can revisit specific sections of the three

Tutorials. For example, if you want to blend images together, re-do Lessons one

to three in the Sun Project; if you require color masking you could revisit Lesson

Four of the Sun Project called The Frame.

Tutorial Requirements

To use the Tutorial Guide you need to have installed Wright Design Pro according

to the instructions on your CD.

All the lessons are based on the sample images that come with the CD.

Instructions on how to access the images are provided in the course of the

lessons.

For additional information about various tasks in the Tutorial Guide, refer to the

User Guide or access the Online Help through the program’s Help menu.

This Tutorial Guide does not assume that you have knowledge of other graphics

 programs. It does, however, assume that you are familiar with the Windowsenvironment and standard Windows functions. If you need to review these,

consult your Windows documentation.

Page 8: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 8/169

Chapter 1 – Preface 7 

System Conventions

For a complete description of system functionality, please refer to the WrightDesign Pro User Guide. However there are two items that you should be aware of 

 before using this guide.

The Task Manager palette allows you to view the processes within the Wright

Design Pro application. Because graphics processing can take a long period of 

time, it is a useful tool to check on the progression of tasks.

The second indicator of the application processing a task is the Processing

Indicator. When a task is processing, this indicator appears in the status bar, and

revolves to indicate that processing is occurring. This indicator appears even if 

you don’t have the Task Manager palette open.

Tutorial Guide Styles

• Information that you must enter yourself appears in the following format:

Enter the Information.

• Information displayed on or by Wright Design Pro appears as: Paint Style 

 palette, or select OK. This style applies to menus, objects on your work  page, buttons, icons and tools.

• Menu selections are displayed in the following format: Choose File >

Preferences > Preferences.

• Keyboard shortcuts or keystrokes are in the format: press CTRL+I.

• -The term drag indicates the standard Windows function of moving screens

or objects.

Page 9: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 9/169

Chapter 2 – The Sun Project 8 

Chapter 2 - The Sun Project

Page 10: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 10/169

Chapter 2 – The Sun Project 9 

Starting a New DocumentThis lesson shows you:

• How to create a new document.

• Introduces you to Wright Design Pro’s interface.

Creating a New Document1. When you open Wright Design Pro the screen is blank.

2. To create a new document choose File > New or press CTRL+N. The

New Document dialog box appears.

3. Type Sun Project into the Name edit box. The Comments edit box

allows you to enter comments about the document and store these with

the document. Leave this box blank.

4. In the Paper Size combo box click on the arrow to the right, scroll

down the list and select A4.

 

When you select a standard paper size such as A4, the width and height

dimensions appear automatically. To customize the paper size to your own

specification, double click the Dimensions edit boxes to highlight thedimension and key in the new values.

5. Do not click the Landscape box.

6. Set the Top, Left, Bottom and Right Margins to 0mm.

7. Set the Output resolution to 300 dpi.

Page 11: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 11/169

Chapter 2 – The Sun Project 10 

 Clicking the right mouse button in the Output Resolution edit boxdisplays the following resolution measurement options:

pixels/mm - pixels per millimeter 

pixels/cm - pixels per centimeter 

dpi - dots per inch

8. Click OK. A blank page displays centered within the desktop.

The DesktopThe Wright Design Pro desktop has two parts:

• The Page area is the white rectangular area bound with a drop shadow.

This is the printable area.

• The Pasteboard is the area surrounding the page. Objects you create and

 place on the Pasteboard are saved with the document but do not print.

For examples of the page layouts, please refer to the Wright Design Pro User 

Guide, Chapter Two - The Interface.

Displaying the PalettesThe first task is to prepare the work environment. By default, Wright Design Prodisplays the Tool palette on the desktop. You may position the Tool palette

anyplace on the Page or Pasteboard.

The Paint Style palette is displayed by default when you create a New

Document. The Paint Style palette can also be accessed through the menu by

choosing Window > Palettes > Paint Style or press F2.

Page 12: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 12/169

Chapter 2 – The Sun Project 11 

Ensure the Auto-apply and Auto-load checkboxes are selected. When Auto-

apply is selected, any changes you make in the Paint Style palette appear automatically in the selected object on the page. Selecting Auto-load displays the

 paint styles of a selected object in the Paint Style  palette.

Page 13: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 13/169

Chapter 2 – The Sun Project 12 

The Paint Styles

Take a moment now to get to know the eleven different Paint Styles.

To display the Pen Style palette choose Window > Palettes > Pen Style or 

 press F3.

To display the Brush Gallery choose Window > Palettes > Brush Gallery or 

 press F4. The picture below shows an example of brushes that have been saved to

the Brush Gallery.

To display the Object List choose Window > Palettes > Object List or press

F6. The example of an Object List displayed below shows some of the objectsused to create a picture. The Object List for the current project is empty, as you

haven’t created any objects on the page yet.

Page 14: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 14/169

Chapter 2 – The Sun Project 13 

To display the Navigator palette choose Window > Palettes > Navigator or 

 press F7. The example of the Navigator palette displayed below shows how your 

Navigator palette will look when you have completed the Sun Tutorial. Currently

the Navigator palette displays your empty page.

To display the Spot Colors palette choose Window > Palettes > Spot Colors or 

 press F9. The Spot Colors palette shows all spot colors on a page. When you

move the cursor over a particular spot color, the Spot Color  palette displays the

Dot Percentage of that spot color.

Page 15: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 15/169

Chapter 2 – The Sun Project 14 

To display the Document Layout palette choose Window > Palettes >

Document Layout or press F10. The Document Layout palette shows all the

 pages in the current document.

Page 16: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 16/169

Chapter 2 – The Sun Project 15 

To display the Text Styles palette choose Window > Palettes > Text Styles or 

 press F11. The Text Styles palette is split into two sections; the top sectiondisplays paragraph styles and the bottom section Character styles. The palettedisplays all default or user defined Text Styles used in the current document.

To display the Picture Dot% palette choose Window > Palettes > Picture

Dot% or press SHIFT+F12. When you move the cursor over any part of an

object, the Picture Dot% palette shows the color format of the original object inthe Pic field and the current color format of the object in the Doc Field. This

allows you to see where the original object has been modified.

 

It is important to note throughout this Tutorial that you use multiple

 palettes and menu effects to create the characteristics of an object. For 

example, to create the Sun text in this Tutorial you are going to use:

• The Text options and tools 

• The Paint Style palette

• The Object >Shadow menu option

You can place each palette anywhere on the page by clicking on its title bar and

dragging it into position. However, you may find it more helpful to arrange the

Paint Style palette on the right of the Pasteboard and the Object List at the

 bottom left of the Pasteboard. The other palettes are not needed at this stage of 

the Tutorial.

Wright Design Pro records which palettes are open when the program is closed

down. When the program is run again the palettes are re-displayed.

Page 17: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 17/169

Chapter 2 – The Sun Project 16 

The Tool PaletteThe Tool palette contains tools for:

• Selecting objects

• Viewing objects

• Creating objects

• Editing objects

• Controls for aligning objects

• Tools for creating gradients

• Tools for creating masks

• Tools for painting

Tools for cloning objects

The Tool palette can be moved around the screen and shaped to suit your needs. It

is also possible to dock your Tool palette anywhere around the outside of the

Wright Design Pro screen. Tool Icons with a red triangle in the top right corner 

indicate a tool Flyout that reveals a group of related tools. Click the right mouse

 button on the tool to display the Flyout and select the tool of your choice. This tool 

 becomes the operational tool.

The tool Flyouts can be torn away to create a separate Toolbar. To create a tear-

away Toolbar, activate the tool Flyout and select the gray area surrounding the

outside of the Flyout. A temporary Keyline appears. Move this away from theTool  palette and release your finger from the mouse. You now have a separate

Toolbar that can be moved or docked anywhere around the outside of your 

Wright Design Pro screen.

Vector Tool Flyout  Bitmap Flyout 

 

The appearance of your Toolbars may differ from the examples above

depending on how you have placed and configured them.

The Tool Modifier Ribbon

The Tool Modifier ribbon is located below the menu. It holds options for each of 

the main tools in the Tool  palette except the Grab, Eyedropper and Zoom tools.

This is how the Tool Modifier ribbon looks when the Select tool is active.

Page 18: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 18/169

Chapter 2 – The Sun Project 17 

The Transform Modifiers

The Transform Modifiers are the first three Icons appearing on the Tool Modifier

ribbon when the Select tool  is active.

Select entire object: When selected, any transformations you make, applyto both the shape and the layers.

Select shape only: When selected any transformation applies to the shape

only.

Select layers only: When selected, any transformation applies to the layer only. The layer is the paint style within the object.

  Two Important Points to Note: • You may occasionally get some residue from previous work on your 

Desktop. To clean it up select View > Refresh Display or press

CTRL+7.

• You can work faster if the Interpolate Bitmaps and Anti-Alias

Vectors commands in the View menu are turned off. These two

commands enhance the screen display but also slow it down. They

are useful for previewing your work before you print or export a file.

Page 19: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 19/169

Chapter 2 – The Sun Project 18 

Placing, Positioning and ScalingPicturesIn this lesson you are going to modify the Seascape picture and the Diver 

 picture. Each picture will occupy half the page. You are going to place these

images using two different but interchangeable methods:

• The Place Picture command from the File Menu

• The Picture Paint Style in the Paint Style palette.

• Learn how to resize and crop the objects.

• Learn to use guides to align objects.

Opening the Sun Project Final Picture1. Choose File > Place Picture or press CTRL+I. The Place dialog box is

displayed.

2. If you selected the default path at installation time and haven’t changed the

file paths, the path for the Tutorial pictures, is:

C:\Program\Files\DesignPro\Tutorial\Project\Images.

3. To change the default folder path, click on the arrow to the right of the Look

in combo box and select the folder path that that contains the Tutorial

 pictures.

Page 20: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 20/169

Chapter 2 – The Sun Project 19 

4. For this Tutorial use the JPG file format. Select the JPG file format from the

Files of Type combo box by clicking on the arrow to the right of the list, andscrolling either up or down until the JPG format appears.

5. Double-click on the thumbnail called Sunfinal. The picture is loaded in the

center of your page. This picture is the final result of the Sun Project Tutorial,

which you can use as a reference throughout the lessons.

6. Select the Select tool from the Tool palette and the Select entire object 

and Scale modifiers from the Tool Modifier ribbon.

Select Scale X% Y%entireobject

Page 21: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 21/169

Chapter 2 – The Sun Project 20 

To Position the Final Picture for Reference

1. Hold the SHIFT key down and click on one of the highlighted corner Nodes.

2. Keeping the left mouse button depressed, drag the image inwards (towards

the opposite diagonal corner).

3. Observe the figures in the X% and Y% boxes in the Tool Modifier ribbon.

These indicate the percentage that the image is decreasing. Keep decreasing

the image until it is approximately 50% of its original size.

4. Place the cursor over the picture then click and drag it to the top left-hand

corner of your screen, into the Pasteboard area.

5. Deselect the picture by clicking into free space or by pressing

CTRL+SHIFT+A.

Placing a GuideTo ensure the pictures are of equal size, place a guide halfway down the page. A

guide is a visual reference marker and does not appear in the final image.

Displaying the Rulers

1. To create a guide you need to have the rulers visible. If the rulers are

displayed go to Step 4.

2. To display the rulers choose Guides > Show Rulers or press CTRL + ALT

+ R .

3. The rulers appear along the top and left borders of the desktop. The ruler 

displays measurements according to the measurement unit you have selected

in File > Preferences > Document >General.

4. To change the Units of Measurement choose File > Preferences >

Document >General, click on the arrow next to the Measurement Units 

combo box, select millimeters and click OK .

 

The default position for the ruler origin (zero point) on both rulers is at

the top left of the page.

Page 22: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 22/169

Chapter 2 – The Sun Project 21 

Creating a Guide

1. Guides are horizontal and vertical lines to help you set out the page.

2. By looking down the left ruler you can see that the page is 297 mm long. A

Guide needs to be placed halfway down the page.

3. Choose Guides > Show Guides or press CTRL + M. When the Guides are

displayed, the drop down menu displays Hide Guides.

4. Choose Guides > Snap to Rulers or press CTRL + ALT + A. This causes

the cursor to snap to the increments shown on your ruler.

5. With any tool selected from the Tool palette, click in the top ruler and drag a

guide down the page, positioning it approximately at the 148 mm mark on

the left ruler.

 

A red Guide is being used in this Tutorial so that it stands out against the

 blue of the sea in the picture about to be placed. To change the color of Guides, select File > Preferences > Application > Guides. Click on

the colored box to the right of Guides and move the CMY sliders to obtain

the color you want. 

Placing the Seascape Picture The first picture to import is a seascape. The picture has to be scaled so that it fits

into the top half of the page. Once the picture is placed it shall be referred to as an

object.

1. Choose File > Place Picture or press CTRL+I. The Place dialog box opens.

Select the JPG format.

2. Double-click on the thumbnail called Seascape.jpg.

Page 23: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 23/169

Chapter 2 – The Sun Project 22 

3. Processing involves converting the foreign file into DCM Picture file format

(.dcm;.spl) and placing the picture onto your Page. After the file hasfinished processing the picture is placed into the center of your Page.

 

 Notice that the Seascape picture appears in the Paint Style palette and in

the Navigator palette. Its name also appears in the Object List palette with

an icon next to it and a description of the object type. If you select theSunfinal picture on the Pasteboard, and Auto-load has been selected in

the Paint Style Palette, the image in the Paint Style palette changes to

the Sunfinal picture.

Enlarging the ObjectYou now need to increase the size of the object so that it fills the page area above

the guide. One of the ways to do this is by using the X% and Y% boxes in theTool Modifier ribbon.

1. Select the Select tool from the Tool palette.

2. Select the Select entire object and Scale icons from the Tool Modifier 

ribbon.

Page 24: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 24/169

Chapter 2 – The Sun Project 23 

Select Scaleentireobject

3. To scale the object and picture layer up by 130 percent, ensure the Seascape object is selected, and enter 130 in both the X% and Y% boxes in the Tool

Modifier ribbon.

X% Y%

4. Drag the object into a position so that it fills the area from the top of the page

to approximately 20mm below the guide and centered width ways.

 

 Notice that as you move the object into position, only the outline moves.

When you release the mouse the whole picture is visible. If you want to

view the object as it moves choose View > Preview Transforms. Beaware that using this command generally slows down your work.

Page 25: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 25/169

Chapter 2 – The Sun Project 24 

Cropping the ObjectThe object has to be cropped to remove the parts overhanging either side of the

 page.

1. Select the Vector Rectangle tool from the Tool palette and the Crop

modifier   from the Tool Modifier ribbon.

2. Click on the top left corner of your working page (not including the

Pasteboard), and drag a bounding box to the right hand side of your page,

approximately 20 mm under the guide.

3. When you release the mouse the object appears as cropped as shown below.

 To move the object precisely within the page choose the Select tool 

from the Tool Palette and use the arrow keys to nudge the object into

 place one screen pixel at a time.

4. Deselect the object by clicking away from the selected object or press

CTRL+SHIFT+A

5. Select File > Save or press CTRL+S to save your document.

Placing the Diver Picture Next, the Diver picture has to be placed on the bottom half of the page.

This time the picture is going to be placed into an object by using the Vector

Rectangle tool and the Paint Style palette. Also the Convert option is used to

convert the file into a Wright Design Pro DCM format

The first step is to convert the Diver JPG picture into Wright Design Pro’s DCM 

 picture file format.

Page 26: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 26/169

Chapter 2 – The Sun Project 25 

Converting the Pictures

1. Choose File > Convert Picture or press CTRL+B. The Convert dialog boxopens. Select the JPG format by clicking on the arrow to the right of the Files

of type combo box.

2. Select the pictures you want to convert. For this demonstration select all of 

the pictures for the Tutorials, except the two pictures that have already been

used (Sunfinal and Seascape). Hold the CTRL key down to select multiple

files.

3. Use the Save in… edit box to specify the location where the files are to be

saved.

4. To change the files to Wright Design Pro DCM (.dcm) format, select

.dcm;.spl from the As type combo box.

5. Change the color model to CYMK by selecting CYMK from the Color combo

 box.

6. Click the Convert button.

7. The files are converted into .dcm files and stored in the specified folder.

Creating a Vector Rectangle with the Diver Picture

1. Select the Select tool from the Tool  palette.

2. In the Paint Style palette, select the Fill button at the top left of the palette,

and then select the Picture Paint Style tab.

 

 Notice that the Picture icon appears next to the Fill button.

3. Click the Select button in the Paint Style palette to display the Open dialog

 box.

Fill Button

PicturePaint Style

PictureLayer 

Select

Button

Page 27: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 27/169

Chapter 2 – The Sun Project 26 

4. Double-click on the Diver picture that you have just converted into DCM

format. The picture is loaded into the Picture Paint Style palette preview box.

5. Select the Vector Rectangle tool from the Tool palette and the New 

Modifier from the Tool Modifier ribbon.

6. Ensure that the Snap to Guides function is still active, if it isn’t, select it by

choosing Guides > Snap to Guides or pressing CTRL + SHIFT + M.

7. Position the Cross-hair at the left hand side of the page under the Guide and

drag a rectangle to the bottom right corner of the page.

8. When you release the cursor the Diver picture appears centered inside the

rectangle.

9. Choose Guides > Snap to Guides or press CTRL + SHIFT + M to turn the

Snap to Guides function off.

Page 28: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 28/169

Chapter 2 – The Sun Project 27 

Scaling the Picture Within the Object

Ensure that the Select tool is selected from the Tool  palette.

1. Select the Select layers only and Scale icons in the Tool Modifier ribbon.

2. Click on the top left corner handle of the Diver image and drag outwards to

the edge of the left hand side page.

3. Click on the top right corner handle and drag outwards to the edge of theright hand side of the page

 Use the Grab tool in the Tool palette to scroll the page around thescreen.

Select Scalelayersonly

Page 29: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 29/169

Chapter 2 – The Sun Project 28 

Flipping the Picture Within the Object

Keeping the Select layers only and Scale icons selected, click on the Vertical

Mirror modifier in the Tool Modifier ribbon to flip the Diver object along

the vertical axis.

Select Scalelayersonly

Page 30: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 30/169

Chapter 2 – The Sun Project 29 

Moving the Picture Within the Object

1. With the Select layers only icon selected, click on the Diver object anddrag it into the position shown below. Only the picture layer has been moved,

the object stays in position.

2. Return to the Select entire object mode and click anywhere off the

 page to deselect the object or press CTRL+SHIFT+A.

3. Save your work, press CTRL+S.

Page 31: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 31/169

Chapter 2 – The Sun Project 30 

Merging PicturesThe Alpha Channel mode is a way of controlling the opacity of the object. Here,it is used to blend the Seascape object smoothly into the Diver object. The

 bottom edge of the Seascape object and the top edge of the Diver object will

 be diffused, giving the impression that they merge into each other. The rest of the

 pictures remain opaque as before.

Using Alpha Channels

Ensure that the Select tool is selected in the Tool palette.

Applying a Gradient to the Diver Object1. Select the Diver object by clicking it on the page, or by selecting it from the

Object List.

2. Choose Object > Vignette, to display the Vignette dialog box.

3. Ensure the Gradient shape combo box is set to Linear.

4. Check the Smooth box.

5. Ensure the bottom Slider on the Gradient Control box is selected.

6. Click to the right of the Gradient Control box approximately 5mm down

from the top Slider to add another Slider. If you have the Auto-apply option

selected in the Vignette dialog box, the Gradient Alpha Channel mode isnow applied to the Diver object. If Auto-apply is not selected click on the

Apply button.

7. Click the OK button. The Paint Style palette now shows the Alpha Channel 

vignette as a layer below the Picture Paint style.

8. Deselect the object.

GradientShapecombo box

Smooth box

BottomSlider 

TopSlider 

NewSlider 

GradientControl

box

Page 32: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 32/169

Chapter 2 – The Sun Project 31 

To complete the process the same operation has to be applied to the Seascape 

object. The only change is that a different Gradient tool modifier is used to make

the Gradient progress from bottom to top.

Applying a Gradient to the Seascape picture

1. Ensure the Select tool is active in the Tool palette.

2. Click on the Seascape object to select it.

3. Choose Object > Vignette to display the Vignette dialog box.

4. Ensure the Gradient Style is set to Linear and that the Smooth box is

checked.

5. Right click anywhere inside the Gradient area on the Paint Style palette. A

drop down menu appears. Scroll down and choose Invert Gradient.

Top Slider 

New Slider 

New Slider 

GradientControl box

GradientShapecombo box

Smooth box

BottomSlider 

Page 33: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 33/169

Chapter 2 – The Sun Project 32 

6. The Gradient is now inverted. The gradation at the top is now at the bottom

and the gradation at the bottom is now at the top.7. Ensure the bottom Slider on the Gradient Control Box is selected. Click to

the right of the Gradient Control Box approximately 5mm down from the

top Slider to add another Slider. If you have the Auto-apply option selected

in the Vignette dialog box the Gradient Alpha Channel mode is now

applied to the Diver picture. If it is not selected, click on the Apply button.

8. Click OK. The two objects should now blend smoothly together. To fine-tune

the blending, adjust the Gradient slider in the Alpha channel for each

object until you are satisfied with the overall result.

9. Deselect the object.

10. Select the Select tool from the Tool palette.

11. Remove the guide by dragging it back into the top Ruler.

12. Save your work press CTRL + S 

Page 34: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 34/169

Chapter 2 – The Sun Project 33 

The FrameIn this lesson you learn how to:

• Color mask the frame object.

• Convert it to a Grayscale object.

• Apply a drop shadow to make it look more realistic.

Placing the Frame Picture

1. Select the Select tool from the Tool palette.

2. Choose File > Place Picture or press CTRL+I.

3. Select the .dcm;.spl file format from the Files of type: combo box.

4. Double click on the Frame picture in the gallery. The picture is loaded in the

center of your screen.

Page 35: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 35/169

Chapter 2 – The Sun Project 34 

Scaling the Frame picture1. Ensure that the Select entire object and Scale buttons are selected in the

Tool Modifier ribbon.

2. To scale the object and picture layer down, hold the SHIFT key, click on one

of the corner handles and drag inwards until the picture decreases toapproximately 95% of its original size (refer to the X% and Y% edit boxes in

the Tool Modifier ribbon.3. To move the Frame object place your cursor over the object, click and drag

the frame into position so that it occupies the area as shown below.

Select Scale X% Y%entireobject

Page 36: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 36/169

Chapter 2 – The Sun Project 35 

Color Masking the Frame1. Ensure the Frame object is selected.

2. Select the Color Mask tool from the Tool palette.

3. Select the Add modifier from the Tool Modifier ribbon. This allows youto start color masking and to keep adding to the mask.

4. Click on the background of the Frame. The Paint Style  palette adds a new

Color Mask layer to the Picture layer.

5. Set the Softness slider to a low tolerance, either 4 or 5.

6. Try applying the five different Picture modes by selecting the background

area of the Frame object with the Color Mask  tool and clicking on aPicture mode. For example, Picture mode 2 gives you a black color mask.

7. Select Picture Mode 5. Notice the masked area has dropped out. This

indicates how the mask is going to look when it is built.

8. Select Build Mask from the Tool Modifier ribbon.

Color masktool

Picture

modes

Color masklayer 

Softnessslider 

Picture

Mode 5

Page 37: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 37/169

Chapter 2 – The Sun Project 36 

The Mask may take a few moments to build.

Page 38: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 38/169

Chapter 2 – The Sun Project 37 

Using the Brush Tool to Fine-tune theMaskThe Mask build process sometimes leaves unwanted pixels, or drops pixels out of 

the picture. The Brush and Zoom tools are used to rectify any problems.

Zooming

1. Ensure the Frame object is selected.

2. Select the Zoom tool  from the Tool palette.

3. Drag a rectangle over the top left corner of the Frame object.

Brushing1. Select the Brush tool from the Tool palette and the Subtract modifier 

in the Tool Modifier ribbon.

2. For this operation you need a small precise brush. Set the Brush Modifier 

ribbon as follows:

1. Size: 5mm (width of the brush)

2. Hardness: 0 (the amount of feathering on the edge of the brush)

3. Spacing: 12% (the spacing between brush strokes)

4. Opacity: 100% (amount of transparency at the center of the brush)

5. Round: 100% (degree of roundness)

6. Angle: 0 (angle of the brush)

7. Texture: 1 (amount of texture in the brush)

8. Resolution: 11.81 ppmm (resolution of the brush stroke)

3. You may notice stray white pixels around the Frame

Page 39: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 39/169

Chapter 2 – The Sun Project 38 

4. Using the Brush tool brush away the unwanted areas. If you accidentally

remove part of the frame, select Edit > Undo or press CTRL + Z, or selectthe add modifier from the Tool Modifier ribbon and brushing back the

Frame. This process also adds pixels back to the picture that may have

dropped out.

 

To reposition your page within the screen area you can either:

• Press the SPACEBAR to center your page at the position of the cursor.

• Select the Grab tool from the Tool palette and scroll your page.

5. Choose View > Fit Page in Window or press CTRL + 0 to return to the

normal view.

Page 40: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 40/169

Chapter 2 – The Sun Project 39 

Feathering the FrameUse the Feather tool to soften the edges of the Color Mask.

1. Ensure the Frame is selected.

2. Choose Object > Feather or press ALT+A to display the Feather dialog

 box.

3. Enter 2 in the Type edit box.

4. Check the Smooth checkbox.

5. Check the Inside Only checkbox.

6. Click OK.

7. Save your work, press CTRL + S.

Page 41: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 41/169

Chapter 2 – The Sun Project 40 

Converting the Frame to Grayscale1. Ensure the Frame object is selected.

2. Select the Paint Style palette.

3. Click on the arrow to the right of the Color model combo box and select the

Gray color model.

Applying a Drop-ShadowAn ideal way to give the object some depth is to create a drop-shadow and apply

a Feather effect. Ensure the Frame object is selected.

1. Choose Object > Duplicate or press CTRL + D to create a duplicate of the

original Frame Mask.

2. Select the original Frame Mask object from the Object List. This is the

object that is above the currently selected object, the Frame Mask. 

3. Choose the Select tool from the Tool palette.

Page 42: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 42/169

Chapter 2 – The Sun Project 41 

4. Drag to the selected object to offset the Frame, moving it approximately

5mm down and to the right.

 

Use the arrow keys on your keyboard to nudge the Frame into position

one screen pixel at a time if necessary.

Page 43: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 43/169

Chapter 2 – The Sun Project 42 

Change a Picture Layer of the Frame to aTint Adjust Layer.1. With the same Frame object selected, ensure the Fill button is selected in the

Paint Style palette and the Color model is CYMK.

2. Select the Tint Adjust layer.

3. Select the Sliders tab.

4. Select the Add a layer button.

5. Set the CMYK sliders to the following:

• C: 0

• M: 0

• Y: 0 

• K: 40 

6. Click the Apply button in the Paint Style palette if Auto-apply is not

selected.

FillButton

Tint

Color Model

Add alayer button

Sliderstab

CYMK

Sliders

Page 44: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 44/169

Chapter 2 – The Sun Project 43 

Feathering Now apply a Feather effect to give the drop-shadow a softer vignette look.

1. Choose Object > Feather or press ALT + A, to display the Feather dialog

 box.

2. Enter 20 in the Type edit box.

3. Check the Smooth checkbox.

4. Check the Both Sides radio button.

5. Click OK.

6. Deselect your work by using the Select tool and clicking on any empty

 part of the page or press CTRL+SHIFT+A.

7. Save your work, press CTRL+S.

Page 45: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 45/169

Chapter 2 – The Sun Project 44 

The BoatsIn this lesson you:

• Place a picture of boats inside the Frame.

• Cut out the sails and use the Join tool to give the effect of the sails above the

frame.

• Brush in palm fronds.

Placing the Boats PictureAs with the Diver picture, you place the Boats picture using the Picture paint 

style and the Vector Rectangle tool.

1. Ensure that the Select tool is selected in the Tool  palette.2. Choose the Paint Style palette and select the Fill button at the top left of the

 palette.

3. Delete any existing layers in the Paint style palette using the Delete

current layer button.

4. Select the Picture paint style tab. Notice that the Picture icon appears next

to the Fill button.

5. Ensure the Color Model selector is set to Default.

6. Press the Select button in the Paint Style palette to display the Open 

dialog box.

7. Double-click on the Boats picture.

8. The picture is loaded into the Picture Paint Style palette preview box.

9. Select the Vector Rectangle tool in the Tool palette and the New 

modifier in the Tool Modifier ribbon.

Fill Button

Picture

Paint Style

PictureLayer 

Deletecurrent

Layer button

SelectButton

Page 46: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 46/169

Chapter 2 – The Sun Project 45 

10. Drag a rectangle from halfway along the inside of the Frame object to the

 bottom right internal corner of the Frame object.11. Release the mouse button to load the Boats picture in the rectangle.

Page 47: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 47/169

Chapter 2 – The Sun Project 46 

Scaling, Moving and Prioritizing1. Select the Select tool from the Tool palette and the Select layers only

and Scale icons in the Tool Modifier ribbon.

2. Click on one of the corner handles and drag outwards to enlarge the picture

so that it fits into the frame.

3. Ensure that the right edges of the boat sails (in the Boats picture) are hard upagainst the inner right side of the Frame object.

4. Drag the boats picture into position as in the final Sunsails picture.

5. Click the Select entire object icon in the Tool Modifier ribbon.

6. To make the Boats object look as though it is inside the frame:

7. Select the Boats object from the Object List palette.

8. Drag it so that it lies between the Frame object and the Shadow object.

Select Scalelayersonly

Page 48: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 48/169

Chapter 2 – The Sun Project 47 

9. Deselect the object by clicking outside the page area or press

CTRL+SHIFT+ A.

Page 49: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 49/169

Chapter 2 – The Sun Project 48 

Cutting out the Top Portion of the SailsTo give the appearance of the sails protruding from the top of the frame, the

Boats picture is going to be reloaded into the page and the top portion of the sails

cut out and attached to the first Boats object.

Using the Navigator Palette

As this task requires close up work, it is easier if you zoom into the part of the

image you are working on. This time you are going to use the Navigator palette

to zoom in.

1. If the navigator palette isn’t currently displayed, choose Window > Palettes 

> Navigator, or press F7.

2. Place the cursor over the Navigator palette.

3. Click and drag a bounding box around the frame. This is known as theViewport. The selected area fills the desktop.

 

To move the Viewport around the Navigator palette, drag it by one of 

the four borders. Moving it around changes the part of the picture

displayed on your desktop Page.

4. To increase or decrease the zoom effect use the Zoom tool  located in the

Tool palette. Click on the page with the Zoom tool to zoom in, hold the

SHIFT key down to zoom out.

Page 50: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 50/169

Chapter 2 – The Sun Project 49 

Using the Bitmap Polygon Tool and Crop Modifier 

The Bitmap and Vector Polygon tools, together with the Crop modifier, allowyou to cut out irregular shapes. In this example the Bitmap Polygon tool and the

Crop modifier are used to cut out the sails.

1. Load another Boats picture by choosing File > Place Picture, or pressCTRL+I. Double click on the Boats picture.

2. Use the Navigator palette zoom in on the top of the sails.

3. Select the Bitmap Curved Polygon tool from the Tool  palette and the

Crop modifier from the Tool Modifier ribbon.

4. Click on the top of the left sail. A point appears on the edge of the sail.

5. Trace along the outline of the sails, plotting points as you go.

Page 51: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 51/169

Chapter 2 – The Sun Project 50 

 

 Notice that the cutout tool is actually a curved line. This line bends as you

 plot the points. When you require a corner, hold down the SHIFT key andclick a point. As you plot around the sails, press the SPACEBAR to center the page from the cursor position

6. Follow the edge of the picture on the right side approximately half way

down. Then come straight across the picture to the edge of the left sail and

 back up to the top.

7. When you reach the starting point, the cross-hair changes to an arrow. Click again to create a cropped bitmap object.

8. If at any time you wish to stop using this tool or start again, press ESC.

9. Choose View > Select Fit in Window or press CTRL+O to see the whole

 page plus the new bitmap cutout.

Joining the Boats Objects

1. Ensure the cutout of the sails is selected.

2. Select the Align and Join tool from the Tool palette.

3. Ensure the Join modifier icon and Move Object radio button are selected in

the Tool Modifier ribbon.

4. Click on the Boats object in the Frame to join the objects and layers

together.

Page 52: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 52/169

Chapter 2 – The Sun Project 51 

5. Select the Zoom tool  from the Tool  palette and zoom in on the right handside of the Frame.

6. If your cutout protrudes over the right inner edge of the Frame, select the

Bitmap Rectangle tool from the Tool  palette and the Subtract modifier 

from the Tool Modifier ribbon.

7. Drag a rectangle over the part of the cutout that is protruding and release the

mouse button. The object is cropped to the inside of the Frame.

Page 53: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 53/169

Chapter 2 – The Sun Project 52 

Page 54: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 54/169

Chapter 2 – The Sun Project 53 

Airbrushing the Palm Trees Near the SailsUsing the Airbrush tool some of the palm tree out of the picture is brushed back 

over the frame to blend the frame, sails and palms.

1. Select the cutout of the Boats object in the Object List palette or on the

 page.

 

If you are having trouble distinguishing objects in the Object List palette,right click anywhere inside the Object List and a drop down menu will

appear. Scroll down and select Large Icons to make the picture

thumbnails more visible.

2. Position the cursor above the Frame and to the left of the sails. Press the

SPACEBAR to center the screen on the position of the cursor.

3. Select the Brush tool in the Tool palette and the Add modifier in theTool Modifier ribbon.

4. To obtain a soft, semi-transparent effect set the Airbrush settings in the

Brush Modifier ribbon as follows:

5. Size: 100mm (width of the brush)

6. Hardness: 0 (the amount of feathering on the edge of the brush)

7. Spacing: 12% (the spacing between brush strokes)

8. Opacity: 15% (amount of transparency at the center of the brush)

9. Round: 100% (degree of roundness)

10. Angle: 0 (angle of the brush)

11. Texture: 1 (amount of texture in the brush)

12. Resolution: 11.81 ppmm (resolution of the brush stroke)

13. Using gentle sweeping movements, brush to the left of the protruding sails so

a frond overlaps both the sails and Seascape object as shown below.

Page 55: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 55/169

Chapter 2 – The Sun Project 54 

14. If you are not happy with the result, you can modify the area you have

 brushed by selecting the Subtract or Add modifiers in Tool Modifier ribbon.

15. Choose the Select tool and click anywhere off the page or press

CTRL+SHIFT+A to deselect your work.

16. Save your work, press CTRL+S.

Page 56: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 56/169

Chapter 2 – The Sun Project 55 

The Flower In this lesson you:

• Cut out a flower from its background

• Use the Shaper tool to fine-tune the cutout

• Use the Selective color correction paint style to deepen the red in the

 petals.

Placing the Flower Picture1. Choose File > Place Picture or press CTRL+I to display the Place 

dialogue box.

2. Double-click on the Flower picture to load it in the center of your screen.

3. Select the Zoom tool from the Tool palette. Drag a bounding box around

the Flower object to zoom in.

Page 57: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 57/169

Chapter 2 – The Sun Project 56 

Cutting out the Flower from its Background

1. Select the Vector Curved Polygon too l in the Tool palette and the Crop 

modifier in the Tool Modifier ribbon.

2. Click on the edge of one of the petals, then move the cursor forward along

the edge and click another point. When you require a corner, hold down the

SHIFT key and click the point.

3. Continue plotting points in this way until you have moved around all the

 petals. Click again on your starting point. The cutout becomes a cropped

Vector object of the flower with the background cropped out.

Page 58: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 58/169

Chapter 2 – The Sun Project 57 

Using the Bezier ToolFine-tune the shape of the flower by manipulating Bezier curves using the

Beizier tool. A vector object is made up of points that define the object’s

outline. By using the Bezier tool you can modify the object’s outline.

1. Ensure the Flower object is selected.

2. Select the Bezier tool in the Tool palette.

3. Nodes appear around the edges of the petals. As you position a cursor over a

node the cursor changes to a black arrowhead.

4. Select and drag a node outwards if the petal needs extending. Extending

outwards adds more of the petal picture.

5. When you drag a node Bezier handles appear. Click and drag on the handles

to manipulate the object shape.

6. When you select the Bezier tool and you have a node selected, the Bezier

Modifier ribbon gives you a number of node and line style options to control

the object curve:

• Cusp allows you to move one side of the node independently of the

other. This allows the curve to bend sharply.

• Smooth allows you to move one side of the node as a proportion of 

the other. This allows the curve to have a different curvature on each

side of the node.

• Symmetrical allows you to move both sides of the curve equally. This

means the curve has the same curvature on both sides of the node.

7. If the background picture is showing around a petal, drag the node inwards

to trim off the picture.

8. Choose View > Fit Page in Window or press CTRL + 0 to Zoom out to a

normal view

Scrolling and Positioning the Flower 

1. Choose the Select tool from the Tool  palette. Ensure the Flower object is

still selected.

2. Select the Select entire object and Scale modifiers in the Tool Modifier 

ribbon.

3. Holding the SHIFT key click on one of the corner handles and drag outwards

to scale the Flower up to approximately 133%. Refer to the X% and Y%

 boxes in the Tool Modifier ribbon.

4. Distort the Flower slightly by dragging the top center handle up.

5. Place the cursor over the Flower object, then click and drag to position the

Flower as shown below.

Page 59: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 59/169

Chapter 2 – The Sun Project 58 

Page 60: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 60/169

Chapter 2 – The Sun Project 59 

Selectively Coloring the Flower Use the Selective Color paint style to deepen the red in the petals while leaving

the other colors in the Flower unaltered.

1. Ensure the Flower is selected.

2. In the Paint Style palette ensure the Fill button is selected.

3. Click on the Add button to add another layer.

4. Choose the Selective Color paint style.

5. Select the Red field.

6. Move the M(agenta) slider to 29.

7. Click on the Apply button in the Paint Style palette if you don’t have

Auto-apply selected.

Page 61: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 61/169

Chapter 2 – The Sun Project 60 

Vignette the Flower Use the Alpha Channel mode to vignette the flower and change it from opaque

in the center to transparent at the edges.

1. Ensure the Flower is still selected.

2. In the Paint Style palette make sure the Fill button is selected. Select the

first Fill layer in the Paint Style palette.

3. Click on the Add button to add another layer.

4. Select the first Fill layer in the Paint Style palette.

5. Select the Gradient tab in the Paint Style palette. Ensure the Alpha color

model is selected.

6. Right mouse-click on the Paint Style palette and select Reset Gradient toreturn all the settings to their default values.

7. Choose Ellipse from the Gradient Styles combo box.

8. Right mouse-click on the Paint Style palette and select Invert Gradient.

9. The Flower gradates from the inside of the flower to the outside petals.

10. Ensure that the bottom triangle (slider) is selected on the Gradient

Control box.

11. Click to the right of the Gradient Control box approximately one-third of the

way down to add another slider.

Fill layers

Fill button

Color model

Gradient shape 

New slider 

Gradientcontrol box

Add button

Gradient tab

Page 62: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 62/169

Page 63: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 63/169

Chapter 2 – The Sun Project 62 

The ShellIn this lesson you:

• Cut out the Shell and use the Brush tool to fine-tune the cutout.

• Position the Shell, apply a drop shadow and rotate it.

Placing the Shell1. Place the picture of the Shell by selecting File > Place Picture or press

CTRL+I To display the dialog box.

2. Double-click on the Shell picture to load it in the middle of your page.

Cutting out the Shell Picture

This procedure is similar to the one used in cutting out the Flower. The exception

is that instead of using the Vector Curved Polygon tool, you are going to use the

Bitmap Curved Polygon tool. This generates a bitmap object as opposed to avector object.

1. Ensure the Shell object is selected.

2. Choose the Bitmap Curved Polygon tool from the Tool palette and the

Crop modifier in the Tool Modifier ribbon.

3. Plot points around the edge of the shell. Remember that to plot a corner you

hold down the SHIFT key before clicking.

Page 64: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 64/169

Chapter 2 – The Sun Project 63 

4. Continue plotting points in this way until you move all the way around the

shell, then click again on your starting point. The cutout becomes a newBitmap object, displaying the Shell with the background cropped out.

Page 65: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 65/169

Chapter 2 – The Sun Project 64 

Positioning the Shell

1. Select the Select tool from the Tool palette.

2. Ensure the Select entire object and Scale icons are selected in the Tool

Modifier ribbon.

3. Hold down the SHIFT key, select one of the corner handles and drag it

inwards to scale the object down to 63%, or enter 63 in each of the X% andY% boxes in the Tool Modifier ribbon.

4. With the Shell object still selected, place the cursor over the shell and click 

and drag it to the bottom left of the page as shown below.

5. Choose the Rotate modifier in the Tool Modifier ribbon.

6. Position the cursor on one of the corner handles. The cursor turns into a

rotating arrow. Click and drag on the handle to turn the Shell anticlockwise

approximately 40 degrees, until the open end of the Shell overlaps the

Frame object.

 

The degree of rotation is displayed in the R Edit box in the Tool Modifier 

ribbon. You may also set the degree of rotation by entering the figure into

this box.

Page 66: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 66/169

Chapter 2 – The Sun Project 65 

Page 67: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 67/169

Chapter 2 – The Sun Project 66 

Applying a Drop Shadow1. The Shadow option lets you apply a precision drop shadow that is linked to

the original object.

2. With the Shell object selected, choose Object > Shadow or press CTRL+H 

to display the Shadow dialog box.

3. Set the X: and Y: Offsets at 5mm 

4. Enter 47 pix in the Feather box 

5. Check the Smooth box 

6. Ensure Both Sides is selected.

 

When you enter a value in the Feather box, the corresponding

measurement unit appears in the box at the other end of the Radius slider.Conversely, you can enter a measurement unit and the corresponding

 pixel value appears in the Pixels box. This allows you to define the

feathering effect in either pixels or by direct measurement.

7. Click OK.

 

 Notice the soft edge to the Drop-shadow. This is the effect of the

feathering setting you entered previously. If the number of pixels were

higher, the edge of the shadow would be even softer, if the number was

lower, the result would be a harder, straighter edge on the shadow.

Page 68: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 68/169

Chapter 2 – The Sun Project 67 

The Shadow appears as a separate object in the Object List palette. However,

the Shadow is grouped with the original Shell object. The Shell object is the

 parent and the Shadow object is the child.

Whenever you move or transform the Shell object, for example rotate it, the

Shadow object moves or transforms accordingly. However, anything you do to

the child (Shadow object) does not affect the parent. Right clicking on the

Object List and selecting Grouped Objects Together displays the Shadow 

object within the Shell object in the Object List.

Page 69: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 69/169

Chapter 2 – The Sun Project 68 

Skewing the Shadow Slightly to Change itsAngle1. Ensure that the Select tool is selected from the Tool palette. Select the

Shadow object from the Object List palette.

2. Choose the Skew modifier  in the Tool Modifier ribbon.

3. Drag on the top middle handle of the Shadow object to stretch the Shadow 

downwards approximately 5mm. The Skew factor, which is displayed in the

S Edit box in the Tool Modifier ribbon, should be approximately 13.

1. Choose the Select tool and click anywhere off the page or press

CTRL+SHIFT+A to deselect your work.2. Save your work, press CTRL+S.

Page 70: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 70/169

Chapter 2 – The Sun Project 69 

Page 71: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 71/169

Chapter 2 – The Sun Project 70 

The Sun TextIn this lesson you are working with text using the Text tool. This lesson showsyou how to:

• Create text.

• Apply a drop-shadow to the text.

Steps to Designing TextThere are four main steps in creating text:

• Creating a text box.

• Setting the font specifications.

• Applying a color.

• Entering the text in the text box.

Creating a Text Box

1. Select the Text tool from the Tool palette.

2. Click and drag a Text box approximately 100mm wide by 100mm high atthe top of your page.

Setting the Font Specifications

1. Select the Character Attributes icon from the Tool Modifier ribbon.

Page 72: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 72/169

Chapter 2 – The Sun Project 71 

Character Font Font Size Horizontalattributes combo box alignment

icon box center icon

2. Select any font from the Font combo box.

3. Enter 114 in the Font Size combo box.

4. Select the Bold icon.

5. Select the Horizontal Alignment Center icon from the Tool Modifier 

ribbon.

6. Select the Text Object Attributes icon from the Tool Modifier ribbon.

7. Select the Vertical Align Top icon.

Setting the Color of Text

1. Ensure the Fill icon is selected in the Paint Style palette and select the Tint

Paint Style.

2. Click on the arrow to the right of the Color Model combo box and select the

PANTONE® color model.

3. Select the Sliders tab from the Color Pickers icons.

4. Click on the Select button at the bottom of the Paint Style palette to display

the PANTONE® Color selector.

5. Ensure that the Color Selector 1000/Coated range of palette colors isselected in the combo box.

6. Select PANTONE® 116 CVC.

7. Click OK.

Fill button

Tint paintstyle

Color model

Sliders tab

Select button

Page 73: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 73/169

Chapter 2 – The Sun Project 72 

Entering the Text

 Notice that you have defined the text and color attributes of the text using twodifferent types of palettes? The Paint Style palette and the Text tool from the

Tool palette.

1. Click again on the Text box or select it from the Object List. The cursor 

should be flashing in the center of the box, aligned to the top.

2. Type the word SUN in capital letters.

Applying a Shadow

1. Choose Object > Shadow or press CTRL + H to display the Shadow 

dialog box.

2. Enter 15 pixels in the Feather box

3. Set the X: and Y: Offsets to 1.5mm 

4. Check the Smooth box

5. Click the Outside Only radio button.

6. Click OK.

Page 74: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 74/169

Chapter 2 – The Sun Project 73 

Page 75: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 75/169

Chapter 2 – The Sun Project 74 

Positioning the Text

1. Ensure the Text object is still selected.

2. Choose the Select tool in the Tool palette.

3. Ensure the Select entire object icon is selected in the Tool Modifier 

ribbon.

4. Place the cursor over the Text object and drag it to the position as shown

 below.

5. Click anywhere off the page or press CTRL+SHIFT+A to deselect your work.

6. Save your work, press CTRL+S.

Page 76: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 76/169

Chapter 2 – The Sun Project 75 

Drawing the SunIn this lesson you:

• Create a Vector Circle using the Vector Ellipse tool. 

• Draw Teeth around the Circle using the Vector Straight Polygon tool.

• Use the Eyedropper tool to copy the color in the text object

• Create a Color Gradient.

Creating a Vector Circle1. Select the Vector Ellipse tool from the Tool palette and the New

modifier in the Tool Modifier ribbon.

2. The fill in the circle you are about to create is defined by whatever is selected

in the Paint Style palette. To help show you how to transfer color into the

circle using the Eyedropper tool, make the circle a completely different

color to the color displayed at the moment (which is the color used in the

SUN text object).

3. Ensure the Fill button is selected in the Paint Style palette and select the

Tint Paint Style. 

4. Click on the arrow to the right of the Color Model combo box and select the

CMYK color model.

5. Click on the Rainbow Color Picker tab and select a deep green color by

clicking on the Rainbow Color Palette.

6. Hold down the SHIFT key and drag a circle approximately 30mm in

diameter on your page next to the N in the SUN text object.

 

Holding down the Shift key constrains the ellipse to a circle.

Fill button

Tint paintstyle

Color model Rainbow

Color Picker tab

RainbowColor palette

Page 77: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 77/169

Chapter 2 – The Sun Project 76 

Page 78: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 78/169

Chapter 2 – The Sun Project 77 

Using the Eyedropper Tool1. Ensure the Vector Ellipse circle is still selected. Select the Eyedropper tool 

from the Tool palette.

2. Click on the yellow SUN text. The Paint Style palette displays the Tint 

Paint Style showing the same yellow color.

3. The same Paint Style is applied automatically to the circle if you have

Auto-apply selected in your Paint Style palette. If not, click the Apply 

 button in your Paint Style palette.

Drawing the Teeth

1. You use the Vector Straight Polygon tool to draw the teeth around theVector Ellipse circle.

2. Select the Vector Straight Polygon tool from the Tool palette and the

New modifier from the Tool Modifier ribbon.

3. Click anywhere along the inside edge of the circle.

4. Move the cursor out 5mm at an angle of approximately 45 degrees and click.

5. To plot the next point move the cursor back to the inside edge of the circle,

approximately 5mm away from the previous point and on the same angle.

6. Continue plotting points in this way until you reach the starting point as

shown below.

Page 79: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 79/169

Chapter 2 – The Sun Project 78 

7. When you have returned to your starting point the cursor turns into a double-headed arrow. Click to create the object.

Creating a Gradient

To give the objects a contrast a gradient is added to the Vector Ellipse and

another gradient added to the Vector Straight Polygon (the Teeth).

Page 80: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 80/169

Chapter 2 – The Sun Project 79 

Placing a Gradient in the Circle

1. Select the yellow Vector Ellipse object from the Object List palette. Click and drag it down underneath the star-shaped Vector Straight Polygon 

object.

2. The yellow Vector Ellipse object now sits on top of the star-shaped Vector

Polygon object in your page.

3. Ensure the yellow Vector Ellipse object is still selected.

4. In the Paint Style palette ensure the Fill button is selected and select the

Gradient paint style.

5. Change the Color Model to CMYK.

Fill Button

Color Model

Gradientshape

Gradientcontrol box

RainbowColor Picker tab

Rainbowcolor palette

Page 81: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 81/169

Chapter 2 – The Sun Project 80 

6. Right mouse-click on the Paint Style palette and select Reset Gradient

from the drop down menu.7. Ensure you have the Vector Ellipse object selected as the Gradient shape 

and the Smooth box is checked.

8. Click the top slider of the Gradient Control box to activate it.

9. Choose the Rainbow icon from the Color Picker icons.

10. Click and move the cross hair around in the Rainbow preview box and selecta deep yellow color, approximately

C = 6 

M = 20 

Y = 95.

11. Click the bottom Slider of the Gradient Control box.

12. Click and move the cross hair around in the Rainbow Color palette and select

a deep orange color, approximately

C = 16 

M = 57 

Y = 87 

13. Click on the Apply button in the Paint Style palette if you don’t have Auto-

apply selected.

Page 82: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 82/169

Chapter 2 – The Sun Project 81 

Placing a Gradient in the Teeth

1. Select the star-shaped Vector Straight Polygon object from the Object List  palette.

2. In the Paint Style palette make sure the Fill button is selected and select the

Gradient Paint Style.

3. Make sure you have Ellipse selected as the Gradient shape and the

Smooth box is checked.

4. Click the top Slider of the Gradient Control box to activate it.

5. Select the Eyedropper tool from the Tool palette.

6. Click on the outside of the Vector Ellipse object. This color now appears inthe top slider of the Gradient Control box.

7. Click approximately two-thirds of the way down the Gradient Control box

to create a new Slider.

8. Click the bottom Slider of the Gradient Control box.

9. Click on the inside of the Vector Ellipse object. This color is displayed in

the bottom Slider of the Gradient Control box.

10. Click on the Apply button in the Paint Style palette if you don’t have Auto-

apply selected.

Fill Button

Color Model

Gradientshape

New Slider 

Page 83: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 83/169

Chapter 2 – The Sun Project 82 

Page 84: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 84/169

Chapter 2 – The Sun Project 83 

Prioritizing the SunTo finalize the Sun and Sun text objects, the Sun object must be placed behind

the text object Sun. 

1. Select the Vector Straight Polygon object in the Object List palette.

2. Hold the CTRL key, and click on the Vector Ellipse object. Drag the two

selected objects upwards and place them above the Sun text and the Sun’sDrop-Shadow. This moves the Sun Object under the text Sun and its

Drop-Shadow.

3. Choose the Select tool and click anywhere where there are no objects, or  press CTRL+SHIFT+A to deselect your work.

4. Save your work, press CTRL+S.

Page 85: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 85/169

Chapter 2 – The Sun Project 84 

Printing a PostScript FileIn this lesson you learn:

• How to create a PostScript file.

• How to print a PostScript file. In this case you will print lithographic

 positives at a screen frequency of 150.

Setting the Print PostScript Options1. Choose File > Print or press CTRL + P to display the Print dialog box.

2. Select the PostScript printer you require by clicking on the arrow to the right

of the Name combo box. The drop-down menu shows a list of printers that

are setup on your computer.

3. Select the Interpolate Bitmaps, Interpolate Pictures and Anti-Alias

Vectors check boxes.

 

Interpolate Bitmaps interpolates the edges of bitmaps. Interpolate

Pictures interpolates the interior of pictures (vectors or bitmaps). Anti-

alias Vectors smoothes out vector objects that may need to be rasterized.

4. Select the PostScript check box.

5. Select the Separations check box. Note that the information in the Settings 

area at the bottom of the dialog box is altered.

Page 86: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 86/169

Chapter 2 – The Sun Project 85 

Setting the Layout Options1. Select the Options button to display the Layout dialog box.

2. Select the file format you require by clicking on the arrow to the right of the

File format combo box.

3. Select Yes in the Include fonts box.

4. Select Binary in the Data box.

5. Enter 100 in the Scale X% and Scale Y% boxes.

6. Enter 3 in the Page Bleed box enter. This option controls the amount of 

 page bleed on separations.

7. Select the Registration Marks check box.

8. Leave the Rotate 90 degrees check box unchecked.

9. Click OK. This confirms the settings and returns you to the Print PostScriptfile dialog box.

Setting the Separations Options1. The Seperations button is visible whenever you select Separations in the

 print dialog.

2. Select the Separations button to display the Separations dialog box.

3. Select the Right Reading radio button in the Emulsion Up area of the

dialog box.

 

Emulsion is the photosensitive layer on film or photographic paper. When

you choose Wrong Reading the type looks back to front when the

 photosensitive layer is facing you.

4. Select the Positive radio button for he Output section.

5. Select Euclidian in the Spot Function combo box.

6. Ensure the screen frequency for each separation is set at 150 (the default

setting). Screen frequency is the number of lines of halftone dots per inch.

7. Ensure the Screen Angle boxes are set at the following default values:

8. C(yan)  15 

9. M(magenta)  75 

10. Y(ellow)  0 

Page 87: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 87/169

Chapter 2 – The Sun Project 86 

11. K(Black)  45 

12. Pantone 116  45.

13. Ensure the Seperation boxes are checked for each separation.

14. Click OK to confirm the settings and return to the Print PostScript File 

dialog box.

15. Click OK on the Print dialog box. The settings in the Separations Options 

dialog box can be overwritten by your RIP if your RIP has been set to do so

 

Post Script files can take a long time to process and print. To check the

status of your print job Use the Task Manager palette (F5).

Page 88: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 88/169

Chapter 3 – The World Project 87 

Chapter 3 - The WorldProject

Page 89: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 89/169

Chapter 3 – The World Project 88 

Creating a Background PictureIn this lesson you:

• Place a picture using the Open Picture command.

• Vignette the Picture object using the Alpha Channel mode and Gradient 

 paint style.

• Rotate the gradient.

Placing the Background PictureIn the Sun Project you learned two ways to place pictures - the Place Picture 

command in the File menu and placing a picture from the Pictures paint style

into aVector

object.Both these methods placed a picture onto a page. Here you use the Open Picture 

command, which opens the selected picture and creates a document to the size of 

the picture.

1. Choose File > Open Picture, or press Ctrl + 0. The Open Picture 

dialog box is displayed.

2. If you selected the default path at installation time and haven’t changed

the file path, the path for the Tutorial pictures is:

C:\Program\Files\DesignPro\Tutorial\Images 

To change the default folder path, click on the arrow to the right of the Look in 

combo box and select the folder path that that contains the Tutorial pictures.

3. Double-click the thumbnail picture called Bground.dcm. A new

document is created with the Bground picture occupying the whole page

area. The page size is A4.

Page 90: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 90/169

Chapter 3 – The World Project 89 

4. Deselect the object by clicking outside the page area, or pressCtrl+Shift+A.

5. Choose File > Save As to save your work. The Save As dialogue box

is displayed. Save your file as World project.

6. Ensure your Rulers are displayed at the top and left side of the screen.

To display the Rulers choose Guides > Show Rulers.

Displaying the Palettes

If your palettes are not already displayed:

1. Choose Window > Palettes > Paint Style, or press F2 to display the

Paint Style palette.

2. Ensure the Auto-apply checkbox is selected. Auto-apply means that anychanges to an object made in the Paint Style palette appear automatically in

the object. Auto-load means that whenever you select an object, its Layers 

are loaded into the Paint Style palette.

3. Choose Window > Palettes > Object List, or press F6 to display the

Object List palette.

4. Choose File > Preferences > Document >General and ensure that the

Measurement Units are set to millimeters.

Page 91: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 91/169

Chapter 3 – The World Project 90 

Placing the Final Picture

To place the final picture to use as a reference as you are doing the Tutorial.

1. Choose File > Place Picture, or pres Ctrl+I. The Place Picture dialog box

is displayed showing a gallery of pictures similar to the Open Picture 

screen.

2. Double-click on the thumbnail picture called Wldfinal.dcm. This picture

appears in the center of the screen. This is the final result of this Tutorial.

3. Choose the Select tool in the Tool palette and then select the Select

entire object and Scale modifiers in the Tool Modifier ribbon.

4. Hold the SHIFT key down, click on one of the corner handles and drag it

inwards to reduce the object to approximately 40% of its original size.

Page 92: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 92/169

Chapter 3 – The World Project 91 

5. To position the final picture for easy reference, place the cursor over the

object to obtain a four-headed arrow, and then drag it to the top left-handcorner of the Pasteboard.

6. Deselect the object by clicking away from the selected object, or press

Ctrl+Shift+A.

Page 93: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 93/169

Chapter 3 – The World Project 92 

Vignette the Background Picture

Using the Alpha Channel mode, a gradient is added to the picture to vignette it:

1. Select the Select tool from the Tool palette.

2. Select the Background object.

3. In the Paint Style palette ensure the Fill style is selected and click the Add

 button to add another layer.

4. Select the first of the two Paint Style layers and select the Gradient paint

style.

5. Click on the arrow to the right of the Color Model combo box and select

Alpha.

6. Click on the arrow to the right of the Gradient shape combo box and select

Linear.

7. Right click on the Paint Style palette and select Reset Gradient from the

drop down menu.

8. Select the Sliders color picker.

9. Check the Smooth checkbox.

10. Invert the Gradient by right clicking on the Paint Style palette and selecting

Invert Gradient from the drop down menu.

11. Click to the right of the Gradient control box two thirds of the way down to

add a slider.

12. Move the Alpha Channel slider to 49%.

13. If you haven’t selected Auto-apply, click the Apply button in the Paint

Style palette.

Fill layers

Fill button

Color model

Gradient shape

Gradientcontrol box

Add button

Gradient tab

Sliders color 

picker Alpha ChannelSlider 

Page 94: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 94/169

Page 95: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 95/169

Chapter 3 – The World Project 94 

6. In the Modifier ribbon change to the Scale mode. Clicking on one of the

mid points of the gradient outline (the rectangle), stretch it so that thegradient runs from one corner of your document to the other (see picture

 below).

7. Move the gradient down and to the right so it covers the whole background

 picture.

8. Select the Select entire object mode from the Tool Modifier ribbon.

9. Save your work, press Ctrl + S 

Page 96: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 96/169

Chapter 3 – The World Project 95 

Creating a Second BackgroundThe second background lies on top of the first but does not cover it completely.

To give the second background a deeper, richer coloring a Color Curve layer is

going to be added.

Creating a Vector Rectangle

Ensure the background object is still selected.

1. Select the Vector Rectangle tool from the Tool palette and ensure the

New modifier is selected in the Tool Modifier ribbon.

2. In the Tool Modifier ribbon enter 20mm in the X and Y edit boxes, 170mm

in the Width edit box and 257mm in the Height edit box.

3. Click on the Create button. A new object has now been created in the

 position to the measurements you specified. The new object also has the

same paint style as the object that was selected.

4. In the Paint Style palette select the first paint style layer closest to the Fill 

 button and click on the Delete current layer button. This deletes theAlpha channel from the object.

Page 97: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 97/169

Chapter 3 – The World Project 96 

Adding a Color Curve Layer 

Adding a Color Curve layer to the top object deepens its coloring so that it

stands out from the first object.

1. Ensure the top object (Vector rectangle) is still selected.

2. Select the Fill button selected in the Paint Style palette. Click on the Add

Layer button.

3. Next to the word Fill there are now two picture icons, each showing that the

Picture paint style are the Fill layers. The button that is indented is theselected layer.

4. Select the Color Curve tab in the Paint Style palette.

5. The second Fill icon changes to a Color Curve icon, that is indented to show

it is active. At the same time the Color Curve controls appear.

Page 98: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 98/169

Chapter 3 – The World Project 97 

6. The Color Curve paint style lets you color correct an object.

In CMYK mode, the curve moves from highlights at the bottom left corner,

through to midtones in the center, to shadows at the top right corner.

In RGB mode the reverse applies, that is the curve moves from shadows at

the bottom left corner to highlights at the top right corner.

7. To correct the object the Input/Output values must be entered, but first it is

a good idea to know how to move the Color Curve by using the mouse.

8. Practice clicking and dragging on different points of the Color Curve to alter 

its shape and notice the effects on the second background image. To cancelthe settings press one of the Reset icons.

9. Check the Smooth Curve checkbox. The Input and Output boxes are

directly above this checkbox.

10. Enter 55 in the Input box. A small dot appears on the curve in the position

55.

11. Enter 64 in the Output  box.

12. Select Add . This adds a point to the curve, applying the values that you

have entered above.

Fill Layers

Color curvetab

Color curvegraph

Add layer button

Input/outputbox

Reset icons

Page 99: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 99/169

Chapter 3 – The World Project 98 

13. Save your work CTRL + S.

Page 100: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 100/169

Chapter 3 – The World Project 99 

Cloning the RivetsThe next step is to remove two rivets from the second background picture. This is

achieved using the Clone tool to airbrush some of the background picture over 

the rivets.

Selecting the Picture Layer 

Ensure the top object (Vector rectangle) is still selected.

In the Paint Style palette select the Picture   paint style icon next to the Fill

 button.

Using the Clone Tool

1. Select the Clone tool from the Tool palette and then the Add modifier 

in the Tool Modifier ribbon.

2. Set the Brush type to Paintbrush.

3. Set the Size to 20mm (width of the brush).

4. Set the Hardness to 0 (determines the amount of feathering on the edge of the brush).

5. Set the Spacing to 12% (determines the spacing between brush strokes).

6. Set the Opacity to100% (amount of transparency at the center of the

 brush).

7. Set Round to100% (degree of roundness).

8. Set the Angle to 0 (angle of the brush).

9. Set the Texture to 1 (amount of texture in the brush).

10. The Clone tool has two components:

Page 101: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 101/169

Chapter 3 – The World Project 100 

• The Source brush (a crosshair).

• The Destination brush.

11. When the Clone tool is selected you see both brushes. The Source brush is

always a crosshair, but the Destination brush can be changed by selecting a

different cursor from the Cursor drop down menu in the Brush Style ribbon

 bar. The Source Brush is placed in the area you want to clone from, while

the Destination Brush is moved to the area you want to clone to.

12. Ensure that the Destination Brush is a circle. To bring the Source and

Destination brushes together, press Esc.

13. Place the Source Brush approximately 20mm below the rivets sloping

downwards to the right of the page and approximately 130mm across from

the left hand side of the page.

14. Hold down the CTRL key to anchor the Source brush.

15. Still holding down the CTRL key, move the Destination brush over the third

rivet from the right.

16. Gently brush over the rivet until it disappears.

17. Move the Destination brush over to the fifth rivet from the right.

18. Gently brush over it until the rivet disappears.

19. Choose the Select tool from the Tool palette.

20. Deselect the object by clicking anywhere outside the page, or press

CTRL+SHIFT+A.

Page 102: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 102/169

Chapter 3 – The World Project 101 

21. Save your work, press CTRL+S.

Page 103: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 103/169

Chapter 3 – The World Project 102 

Creating the 'wright' TextIn this lesson you:

• Create text

• Convert it to a vector object,

• Rotate and position it.

• Finally you change the text’s opacity.

Four Steps in Creating TextThere are four steps in creating the text:

• Making a text box

• Setting the font specifications

• Giving the text a color 

• Entering the text in the text box.

Making a Text Box

1. Select the Text tool from the Tool palette.

2. Click approximately 20mm in and down from the top left of the page and

drag to create a text box approximately 140mm wide by 60mm high.

Setting the Font Specifications

1. Select the Character Attributes button from the Tool Modifier ribbon.

2. Select Times New Roman (or any font you have available) from the Font 

combo box.

Page 104: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 104/169

Chapter 3 – The World Project 103 

3. Enter 100 pt in the Font Size combo box.

4. Select the Align left paragraph alignment button.

5. Select the Text Object Attributes button from the Tool Modifier ribbon

6. Select the Vertical Align top button.

Setting the Color of Text

1. In the Paint Style palette ensure the Fill button is selected, delete any extra

layers and select the Tint paint style.

2. Click on the arrow to the right of the Color Model combo box and select the

CMYK color model.

3. Select the Sliders tab from the Color Pickers  bar.

4. To set the text to white, move the CMYK sliders to zero.

Page 105: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 105/169

Chapter 3 – The World Project 104 

Entering the Text

 Now when you type the text in the Text box it appears as white, and to thedimensions you specified.

Click inside the text box so you can see the vertical line flashing. Type the word

"wright" in lower case.

Rotating and Positioning the Text

1. Ensure the Text object is still selected.

2. Select the Select tool from the Tool palette.

3. Select the Select entire object button and Rotate modifier in the Tool 

Modifier ribbon.

4. Enter -25 in the R(rotate) box in the Tool Modifier ribbon.

5. To move the text, place the cursor over the object (the cursor should change

to a four headed arrow) and then drag it just above the top left rivets as in the

final picture.

Select Rotate Rentireobject

Page 106: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 106/169

Page 107: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 107/169

Chapter 3 – The World Project 106 

Changing the Opacity of the Text

The finishing touch is to change the opacity of the text, so it blends into the background picture.

1. Ensure the Text object is selected.

2. Select the Text tool from the Tool palette.

3. Left click and drag over the text to highlight it, or press Ctrl + A.

4. In the Paint Style palette move the Opacity slider to 45.

5. Select the Select tool from the Tool palette.

6. Deselect the Text object by clicking anywhere outside the page, or pressCTRL+SHIFT+A.

7. Save your work, press CTRL + S.

Opacityslider 

Page 108: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 108/169

Chapter 3 – The World Project 107 

The GlassThis lesson demonstrates how easy it is to create subtle effects by using different paint style layers in the same object. The Glass object is given a Tint Adjust 

 paint style, which will be turned into an overlay with a Color Curve paint style.

Placing the Glass Picture

1. Choose File > Place Picture. The Place dialog box appears.

2. Double click on the Glass thumbnail picture in the gallery. The picture

appears in the center of your screen.

Page 109: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 109/169

Chapter 3 – The World Project 108 

Cutting out the GlassThe next step is to remove the glass from its background using the Vector

Curved Polygon tool.

Using the Navigator Palette

1. The cutting out of this object requires close up work. It is easier to do if you

zoom in to the area you are working on. One way of doing this is to use the

Navigator palette to zoom in.

2. If you do not already have the Navigator palette displayed, choose

Window > Palettes > Navigator, or press F7.

3. Place the cursor onto the Navigator palette. The cursor turns into a

crosshair.

4. Drag a bounding box around the base of the glass. The selected area fills thedesktop. The bounding box is called the Viewport.

5. To move the viewport to a new position, keeping the same zoom level, place

your cursor on the edge of the viewport to display a four-headed arrow and

drag it to a new position.

6. To create a new viewport click and drag on a new area.

Page 110: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 110/169

Chapter 3 – The World Project 109 

Using the Vector Curved Polygon Tool and Crop Modifier 

1. Select the Vector Curved Polygon tool from the Tool palette and the

Crop modifier in the Tool Modifier ribbon.

2. Click anywhere on the edge of the Glass, then move the cursor forward and

click another point.

3. Continue plotting points in this way. When you require a corner hold down

the SHIFT key and click a point.

 

As you move around the Glass press the SPACEBAR to center your pagefrom where the cursor is positioned, or click the right mouse button with

the cursor on the area you wish to zoom on and select Zoom In (+).

5. When you reach the starting point the crosshair changes to an arrow. Click 

again to create a cropped vector object.

 

The cutout disappears as it is being made. This progress is shown in theTask Manager.

6. To see the whole page plus the new vector cutout, choose View > Fit in

Window.

Page 111: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 111/169

Chapter 3 – The World Project 110 

Scaling and Positioning the Glass1. Ensure the Glass object is still selected.

2. Select the Select tool from the Tool palette and the Select entire object 

and Scale modifiers in the Tool Modifier ribbon.

3. Hold the SHIFT key down and click on one of the corner handles. Drag

inwards to scale the Glass down to approximately 56%. Refer to the X% 

and Y% boxes in the Tool Modifier ribbon.

4. Place the cursor over the Glass object, then click and drag the Glass to the

 position shown below.

Page 112: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 112/169

Chapter 3 – The World Project 111 

Applying an Adjustment Operator to aLayer 1. Ensure the Glass object is still selected.

2. In the Paint Style palette click on the arrow to the right of the Adjustment

Operator combo box and select Subtract from the drop down menu.

3. Click Apply on the Paint Style palette (if you do not already have Auto-

apply checked).

 

The Glass object looks different if the Color model is RGB and not

CMYK.

Page 113: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 113/169

Chapter 3 – The World Project 112 

Applying a Color Curve Layer 1. To darken the picture a Color Curve layer has to be added.

2. Ensure the Glass is still selected. In the Paint Style palette ensure the Fill

 button is selected and click on Add Layer to create another layer.

3. Select the Color Curve  paint style.

4. Click on the Reset curves for all channels button to reset the color curves.

5. Enter 64 in the Input box 64.

6. Enter 76 in the Output box.

7. Select the Add button to add the point.

8. Check the Smooth Curve box.

9. Click Apply on the Paint Style palette (if you do not already have Auto-

apply checked).

10. Click away from the page to deselect the Glass, or press CTRL+SHIFT+A.

11. Save your work, press CTRL+S.

Color Curve tab

Input/outputbox

Page 114: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 114/169

Chapter 3 – The World Project 113 

The GlobeIn this lesson the Globe will be given a translucent quality like the Glass. This

quality is achieved by airbrushing with the Subtract modifier.

Placing the Globe Picture1. Choose File > Place Picture, or press CTRL+I. The Place dialog box

appears.

2. Double click on the Globe picture in the gallery. The picture appears in the

center of the screen.

Cutting out the GlobeThe next step is to cut out the Globe using the Bitmap Curved Polygon tool.

Using the Bitmap Curved Polygon tool and the CropModifier 

1. Ensure the Globe is still selected.

2. Select the Bitmap Curved Polygon tool from the Tool palette Bitmap 

Flyout and the Crop modifier in the Tool Modifier ribbon.

3. Click a point on the edge of the Globe then move the cursor a short way

along the circumference and click another point.

4. Continue plotting points in this way until you reach your starting point and

the cursor turns into a double-headed arrow. Click on the starting point and a

bitmap object is created.

Page 115: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 115/169

Chapter 3 – The World Project 114 

5. To see the whole page plus the new Vector Cutout, choose View > Fit in

Window.

Page 116: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 116/169

Chapter 3 – The World Project 115 

Scaling and Positioning the Globe1. Ensure the Globe is still selected.

2. Select the Select tool in the Tool palette, and the Select entire object 

and Scale modifiers in the Tool Modifier ribbon.

3. Hold the SHIFT key and click on one of the corner handles. Drag it inwards

until the X% and Y% edit boxes in the Tool Modifier ribbon read

approximately 48%.

4. Place the cursor over the Globe object, then click and drag it to the position

shown below.

5. You can use the ARROW KEYS on the keyboard to nudge the object into

 position.

Page 117: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 117/169

Chapter 3 – The World Project 116 

Airbrushing the Globe1. Ensure the Globe is still selected.

2. Select the Brush tool from the Tool palette and the Subtract  modifier 

in the Tool Modifier ribbon.

3. Set the Size to 50mm (width of the brush).

4. Set the Hardness to 0 (determines the amount of feathering on the edge of 

the brush).

5. Set the Spacing to 12% (determines the spacing between brush strokes).

6. Set the Opacity to 15% (amount of transparency at the center of the brush).

7. Set the Round to 100% (degree of roundness).8. Set the Angle to 0 (angle of the brush).

9. Set the Texture - 1 (amount of texture in the brush).

10. Set the Resolution to 11.81 ppmm (resolution of the brush stroke.

11. Brush around the edge of the Globe in circular movements. As you brushaway the Globe you see the background underneath. The effect is to make

the Globe look semi-transparent.

12. If you take away too much of the Globe simply select the Add modifier and continue brushing. You will see the Globe being replaced.

13. Alternate the Subtract and Add modifiers until you get the same effectas in the final picture

14. Choose the Select tool from the Tool palette.

15. Click away from the page to deselect the Globe CTRL+SHIFT+A.

Save your work, press CTRL+S.

Page 118: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 118/169

Chapter 3 – The World Project 117 

The CompassIn this lesson you:

• Crop the Compass using the Bitmap Rectangle tool,

• Color Mask it and merge it into the background.

• Color correct it

• Feather it

• Create a drop shadow.

Placing the Compass Picture1. Choose File > Place Picture, or press CTRL+I. The Place dialog box

appears.

2. Double click on the Compass thumbnail picture in the gallery. The picture

appears in the center of your screen.

3. Color Masking the Compass Picture

4. Ensure the Compass object is still selected.

5. Select the Color Mask  tool in the Tool palette.

6. Ensure that the Add modifier is selected in the Tool Modifier ribbon. This

allows you to sample more than one area that you wish to mask.

7. Click on the white background of the Compass object. As soon as you do so,

a new Color Mask layer is added to the ‘Picture’ layer in the Paint Style 

 palette.

8. Select Mode 5 in the Paint Style palette, which shows the masked area

dropped out. This gives you an idea how the mask will look when you build

it.

9. Set the Softness slider to a low tolerance; 4.

Page 119: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 119/169

Chapter 3 – The World Project 118 

10. Continue clicking until most of the white area is removed.

11. When you notice that parts of the Compass face are disappearing, it means

you have overdone the masking. In that case, choose Edit > Undo, or press

CTRL+Z to go back one step in the masking process. There could be some

white pixels around the compass but they will be airbrushed away later on.

12. Select Build Mask in the Tool Modifier ribbon.

13. Press F5 to display the Task Manager and see how the mask build is going.

Page 120: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 120/169

Chapter 3 – The World Project 119 

Using the Brush Tool to Fine-tune the Mask

 Now that the mask is built it is possible to clean up the picture by removing the

unwanted white pixels around the Compass, as well as adding back any pixelsthat have dropped out..

1. Ensure the Compass is still selected.

2. Select the Brush tool from the Tool palette and the Subtract modifier 

in the Tool Modifier ribbon.

3. Set the Size to 5mm (width of the brush).

4. Set the Hardness to 0 (determines the amount of feathering on the edge of 

the brush).

5. Set the Spacing to 12% (determines the spacing between brush strokes).

6. Set the Opacity to 100% (amount of transparency at the center of the

 brush).

7. Set Round to 100% (degree of roundness).

8. Set the Angle to 0 (angle of the brush).

9. Set Texture to 1 (amount of texture in the brush).

10. Set the Resolution to 11.81 ppmm (resolution of the brush stroke).

11. Ensure that the Brush tool cursor is round. If not, change the cursor from

the Cursor drop down menu on the Tool Modifier ribbon.

12. Brush away the white pixels around the Compass and along the border of 

the picture. You may wish to alter the size of your brush as you delete areas

around the edge of the compass.

13. Change to the Add modifier and brush in the pixels of the picture within

the compass that were removed when building the mask.

Page 121: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 121/169

Chapter 3 – The World Project 120 

14. If you have zoomed in, choose View > Fit Page In Window.

Page 122: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 122/169

Chapter 3 – The World Project 121 

Scaling and Positioning the Compass

1. Ensure the Compass is still selected.

2. Choose the Select tool from the Tool palette, and the Select entire

object and Scale modifiers in the Tool Modifier ribbon.

3. Click on one of the corner handles and drag inwards to approximately 70% in

the X% and Y% edit boxes in the Tool Modifier ribbon.

4. Place the cursor over the Compass object to obtain a four-headed arrow, and

drag to position the Compass as below.

5. In the Paint Style palette change the opacity of the Picture paint style to

52% by keying the number in the edit box or moving the slider.

Page 123: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 123/169

Chapter 3 – The World Project 122 

Applying a Color Curve Layer 

 Next a Color Curve layer is going to be applied to the Compass object to give ita golden hue.

1. Ensure the compass is still selected.

2. Select the Fill button in the Paint Style palette and select Add Layer .

3. Next to the Fill button there are now two Picture paint style icons, each

showing that a Picture paint style has been selected. The icon that is

indented is the selected layer.

4. Select the Color Curve tab in the Paint Style palette.

5. The second Picture icon now changes to the Color Curve icon, which isindented to show it is active. At the same time the Color Curve controls

appear.

6. Select the Reset curves for all channels button.

7. Check the Smooth Curve checkbox.

8. Enter 31 in the Input box.

9. Enter 21 in the Output box.

10. Select the Add button. This adds a point to the curve applying the values

that you have entered above.

Input/output box

Reset curves for all

channels

Page 124: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 124/169

Chapter 3 – The World Project 123 

11. To add another point on the color curve enter:

12. 61 in the Input box

13. 72 in the Output box.

14. Select the Add button.

15. Save your work, press CTRL + S.

Page 125: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 125/169

Chapter 3 – The World Project 124 

Feathering the Compass

1. Ensure the compass is still the selected object.

2. Choose Object > Feather. The Feather dialog box appears.

3. Enter the following settings in the Feather dialog box:

4. Enter 12 in the Pixels edit box.

5. Check the Smooth checkbox.

6. Check the Both Sides checkbox.

7. Click OK.

Page 126: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 126/169

Page 127: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 127/169

Chapter 3 – The World Project 126 

Rotating the Compass

 Notice that the Shadow appears as a separate object in the Object List. TheCompass itself is the parent. Whenever you move or transform the Compass the

Shadow moves or transforms accordingly. The Shadow can also move

independently. This is useful for the next step, which is rotating the Compass.

1. Select the Select tool from the Tool palette.

2. Select the Compass from the Object List.

3. Select the Select entire object and Rotate icons in the Tool Modifier ribbon.

4. Place your cursor over a corner handle of the compass. The cursor changes to

a circular arrow.

5. Drag to rotate the compass clockwise approximately -14 degrees.

6. Deselect the compass by clicking anywhere outside the page, or press

CTRL+SHIFT+A.

Save your work, press CTRL+S.Creating The Design Text

The Design text has an embossed effect making it appear to stand out on the

 page. In this lesson you achieve this by adding a Filter paint style.

Page 128: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 128/169

Chapter 3 – The World Project 127 

Steps to Designing TextFirst you need to create the text and convert it to a bitmap object.

Creating a Text Box

1. Select the Text tool in the Tool palette.

2. On the page under the compass but still within the second background area,

click and drag a text box approximately 170mm wide and 60mm high.

Setting the Font Specifications

1. Select the Character Attributes button from the Tool Modifier ribbon.

2. Select Times (or any font you have available) from the Font combo box.

3. Enter 100 pt in the Font Size combo box.

4. Enter 5 pt in the Tracking edit box.

5. Select the Align Center paragraph alignment button.

6. Select the Text Object Attributes button from the Tool Modifier ribbon.

7. Select the Vertical Align top button.

Page 129: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 129/169

Chapter 3 – The World Project 128 

Setting the Color of the Text

1. In the Paint Style palette ensure the Fill icon is selected, delete any extralayers and select the Picture paint style.

2. Click on the Select button in the Picture paint style. The Open dialog box is

displayed.

3. Double-click on the Bground picture. The picture loads into the Paint Style 

 palette.

Entering the TextWhen the text is typed into the Text box it appears in the dimensions you have

 just specified. Its Fill is whatever paint style is selected in the Paint Style palette.

Type the word design in lower case.

Page 130: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 130/169

Chapter 3 – The World Project 129 

Converting the TextThe next step is to convert the text from a Text object to a Vector object.

Using the Convert Command

1. Ensure the Select tool is active in the Tool palette.

2. Choose Object > Convert. The Convert sub-menu appears.

3. Select the Vector tab.

4. Select the Delete selection radio button.

5. Select the Convert text radio button.

6. Check the Create single object checkbox.

7. Click OK.8. The Text object is converted to a Vector object.

Page 131: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 131/169

Chapter 3 – The World Project 130 

Scaling and Moving the Vector Text1. Ensure the Vector object is selected.

2. Select the Select tool in the Tool palette, and the Select entire object

and Scale modifiers in the Tool Modifier ribbon.

3. Scale the object to 130% by entering 130 into the X% and Y% edit boxes in

the Tool Modifier ribbon.

4. Place the cursor over the Vector text object then click and drag it to the

 position shown below.

Page 132: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 132/169

Chapter 3 – The World Project 131 

Joining the Design TextThe background picture in the text joins at its exact reference point to the

 background, making it appear to merge into the background.

Ensure the Vector text object is still selected.

1. Select the Align tool in the Tool palette.

2. Select the Join button and the Move Picture radio button in the Tool

Modifier ribbon.

3. Click on the second background picture. The picture in the Vector text 

object is joined to the picture in the background.

Page 133: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 133/169

Chapter 3 – The World Project 132 

Applying the Embossed EffectTo apply an embossed effect to the Vector text object:

1. Ensure the Vector text object is still selected.

2. Ensure the Select tool is active in the Tool palette.

3. In the Paint Style palette click on the arrow to the right of the Adjustment

Operator combo box and select Multiply 

4. Click on the Apply button in the Paint Style palette if you don’t have Auto-

apply selected.

Picture PaintStyle

AdjustmentOperator 

combo box

Page 134: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 134/169

Chapter 3 – The World Project 133 

Adding a Filter Layer 1. Ensure the Vector text object is still selected.

2. Ensure the Select tool is active in the Tool palette.

3. Select the Fill button in the Paint Style palette and select Add Layer .

4. Next to the word Fill there are now two picture icons, each showing that the

Picture paint style is selected. The icon appears indented is the selected layer.

5. Select the Filter tab in the Paint Style palette.

6. The second Fill button changes to a Filter icon that is indented to show it is

active. At the same time the Filter controls appear.

7. Click on the arrow to the right of the Filter type combo box and select

Emboss.

8. Click on the arrow to the right of the Adjustment Operator combo box andselect Normal.

9. Click on the arrow to the right of the Color Model combo box and select 

CMYK.

10. Enter 2mm for the Extent of the filter in the edit box.

11. Enter 100% for the Amount of filter in the edit box.

12. Enter 0º for the Degree of filter in the edit box.

13. Ensure the Sliders color picker is selected and key in 28 Cyan, 49 

Magenta, 62 Yellow and 0 Black.

Color model

Filter Type

AdjustmentOperator 

Extent

Filter Angle

Page 135: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 135/169

Chapter 3 – The World Project 134 

14. Click on the Apply button in the Paint Style palette if you don’t have Auto-

apply selected.

15. Deselect your work by clicking anywhere off the page, or press

CTRL+SHIFT+A.

16. Save your work, press CTRL+S.

Page 136: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 136/169

Chapter 3 – The World Project 135 

Airbrushing the RivetsIn this lesson you airbrush a filter over some of the rivets in the middle of the background picture.

Setting the Filter Paint Style1. Ensure the Fill button is selected in the Paint Style palette

2. Select the Filter paint style.

3. Click on the arrow to the right of the Filter type combo box and select

Emboss.

4. Click on the arrow to the right of the Adjustment operator combo box and

select Normal.

5. Click on the arrow to the right of the Color Model combo box and select

CMYK.

6. Enter 1mm for the Extent of the filter in the edit box.

7. Enter 100% for the Amount of filter in the edit box.

8. Enter 45º for the Angleof filter in the edit box.

9. Ensure the Sliders color picker is selected and key in 17 Cyan, 35 Magenta, 54 Yellow and 10 Black.

Page 137: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 137/169

Chapter 3 – The World Project 136 

Airbrushing the Filter over the Rivets1. Select the Brush tool in the Tool palette and the New modifier in the

Tool Modifier ribbon.

2. Set the Brush Modifier ribbon as follows:

3. Set the Size to 28mm (width of the brush)

4. Set the Hardness to 0 (determines the amount of feathering on the edge of 

the brush)

5. Set the Spacing to 12% (determines the spacing between brush strokes)

6. Set the Opacity - 100% (amount of transparency at the center of the brush)

7. Set the Round to 100% (degree of roundness)8. Set the Angle to 0 (angle of the brush)

9. Set the Texture to 1 (amount of texture in the brush)

10. Set the Resolution to 11.81 ppmm (resolution of the brush stroke)

11. Ensure there are no other objects selected on your page and brush over the

four rivets in the center as shown in the final picture.

12. The airbrush filter is a new object. This means you can edit its color, shape

and position at any time.

13. Click on the Select tool in the Tool palette.

14. Deselect the object by clicking away from the page CTRL+SHIFT+A.

15. Save your work CTRL+S.

16. The final Picture looks like this.

Page 138: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 138/169

Chapter 3 – The World Project 137 

Page 139: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 139/169

Chapter 3 – The World Project 138 

Save as PictureThere are many Picture export options provided by Wright Design pro, in thiscase export the page as DCM format.

The Export Page as Picture Dialog Box1. Choose File > Save As Picture (Ctrl + Alt + S). The Save As Picture

dialog box is displayed.

2. In the Directory and Drive boxes, select the directory and drive where you

wish to export the picture.

3. In the File name box type World Project.

4. In the Save as Type combo box select the DCM format.

5. Select CMYK as the Color space.

6. Enter 0 in the Bleed box.

7. Enter 12 in the Horizontal and Vertical Resolution boxes.

8. Select pixels/mm in the Units box.

9. Check the Interpolate Bitmaps, Interpolate Pictures and Anti-Alias

Edges check boxes.

Page 140: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 140/169

Chapter 4 – The Fiji Project 139 

Chapter 4 - The Fiji Project

Page 141: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 141/169

Chapter 4 – The Fiji Project 140 

Placing, Positioning & ScalingPicturesIn this lesson you:

• Clear the Paint Style palette of existing layers.

• Create a Vector Rectangle object.

• Place a picture into the rectangle.

• Scale it and move it into position.

1. To create a new document choose File > New or press CTRL+N. The New

Document dialog box appears.

2. Type Fiji Project into the Name edit box. The Comments edit box allows

you to enter comments about the document and store these with the

document. Leave this box blank.

3. In the Paper Size combo box click on the arrow to the right, scroll down

the list and select A4.

4. Do not click the Landscape box.

5. Set the Top, Left, Bottom and Right Margins to 10mm.

6. Set the Output resolution to 300 dpi.

Page 142: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 142/169

Chapter 4 – The Fiji Project 141 

Clearing the Paint Style Palette of LayersFor this lesson you need to clear your Paint Style palette. This is necessary

 because Wright Pro Design stores the last information you entered and if you

have any existing layers in the Paint Style palette they appear in the image

you are loading.

This only occurs when you are loading an image into an object, forexample a Bitmap or Vector Rectangle.

1. Create a new document called Fiji.

2. Display the Paint Style palette.

3.  Next to the Fill mode button are the existing layers that make up this Paint

Style. Select each one and delete them using the Subtract modifier. 

Page 143: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 143/169

Chapter 4 – The Fiji Project 142 

Creating a Vector Rectangle1. Select the Vector Rectangle tool from the Tool palette and the New 

modifier from the Tool Modifier ribbon.

2. To specify the origin point of the rectangle, enter 10mm into the X and Y edit boxes.

3. To specify the size of the rectangle:

4. Enter 190mm into the Width edit box

5. Enter 92mm into the Height edit box.

6. Click the Create button. A Vector Rectangle appears at the top your page.

Ignore the contents as they are going to be replaced with the Seascape  picture.

7. Choose File > Place Picture, or press Ctrl+I. The Place Picture dialog box is displayed.

8. Double-click on the Seascape picture. This picture now appears centered in

your Vector Rectangle.

9. Choose the Select tool from the Tool palette and the Select layers only

and Scale modifiers in the Tool Modifier ribbon.

10. Center the picture left to right and push it down as far as possible within the

rectangle by dragging it by one of the corner handles.

Page 144: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 144/169

Chapter 4 – The Fiji Project 143 

11. Return to the Select layers only mode to Select entire object and

click anywhere off the page to deselect the object, or press Ctrl+Shift+A.

12. Save your work, press CTRL+S.

Page 145: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 145/169

Chapter 4 – The Fiji Project 144 

Creating Text Along a PathCreating text along a path means that you can format text in any freeform shape.

Drawing and Editing a Path

1. Select the Vector Curved Polygon tool from the Tool palette and the

New modifier from the Tool Modifier ribbon.

2. Click on the Stroke button in the Paint Style palette and select the Tint 

 paint style.

3. Select the Sliders Color Picker and change the sliders to 0 C, 0 M, 0 Y and

100 K .

4. Draw a curved line starting approximately in the middle of the picture box onthe left hand side, and snaking its way up to approximately three quarters up

the right hand side of the picture box as shown below. To create a point click 

at the position you wish to start the curve.

5. Press ENTER when your cursor is at the end point of the line. Your Vector

Curved polygon is created.

Page 146: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 146/169

Chapter 4 – The Fiji Project 145 

6. It is possible to change the shape of your curve with the Bezier tool. To

change the shape select the Bezier tool from the Tool palette and select anode that appears along the line. Dragging the node changes the curve of the

line. The control handles that connect to the nodes can also be used to control

the curve.

7. Choose Object > Convert, or press SHIFT + Q. The Convert to screen 

appears.

8. Select the Text Container tab and check the Delete selection radio button.Click OK. The Vector Curved polygon is now a Text container.

Page 147: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 147/169

Chapter 4 – The Fiji Project 146 

Fit to curve Align Skewcheckbox baseline vertical

Keying Text Along a Path1. Select the Text tool in the Tool palette.

Select the Character Attributes button from the Tool Modifier ribbon.

2. Select Times New Roman (or any font you have available) from the Font

combo box.

3. Enter 60pt in the Font Size combo box.

4. Select Shadow as the style.5. Check the Kerning checkbox.

6. Select the Align center paragraph alignment button.

7. Select the Text Object Attributes button from the Tool Modifier ribbon

8. Check the Fit to Curve checkbox.

9. In the top row select the Skew Vertical button.

10. In the bottom row select the Align baseline button.

Setting the Color of the Text.

In the Paint Style palette delete the Vector Curved polygon (black line) using

the Delete Layer button

1. Select the Fill button and delete any extra layers.

2. Select the Tint paint style.

3. Click on the arrow to the right of the Color Model combo box and select the

CMYK color model.

4. Select the Sliders tab from the Color Pickers.

5. To set the text color as white set the CMYK sliders to zero.

Shadow Style Kerning Button

Page 148: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 148/169

Chapter 4 – The Fiji Project 147 

Page 149: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 149/169

Chapter 4 – The Fiji Project 148 

Entering the Text

1. Type in See less of Fiji for more.

 

After the text has been keyed in, you can alter the path on which the text

sits by using the Bezier tool.

2. Deselect the text by clicking anywhere outside the page, or press

CTRL+SHIFT+A.

3. Save your work, press CTRL+S.

Page 150: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 150/169

Chapter 4 – The Fiji Project 149 

Formatting TextIn this lesson you:

• Copy and paste the rest of the text from another document.

• Format it.

Copying and Pasting Text1. Choose File > Open and double-click on the document that is supplied with

the Tutorial called Fijitext.

7. Choose Window > Tile Vertical to view both pages side by side.

2. Select the Select tool from the Tool palette.

3. Select the Text object that contains the "Acres of beaches..." paragraph.

4. Select the Text tool from the Tool palette.

5. To select all of the text choose Edit > Select All, or press CTRL + A.

6. To copy the text choose Edit > Copy, or press CTRL + C.

7. Click on the Maximize button at the top of the Fiji Project document to

maximize the size and make it active.

8. Select the Text tool from the Tool palette.

9. Select Guides > Snap to Guides, or press CTRL + SHIFT + M.

10. Draw a Text box underneath the picture. Ensure that it runs between your 

guides and is approximately 20mm deep.

Page 151: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 151/169

Chapter 4 – The Fiji Project 150 

Page 152: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 152/169

Chapter 4 – The Fiji Project 151 

Setting the Color for the Text

1. In the Paint Style palette make sure the Fill button is selected and then selectthe Tint paint style.

2. Click on the arrow to the right of the Color Model combo box and select the

CMYK color model.

3. Select the Sliders tab from the Color Pickers.

4. To make the text to be black, set the C, M and Y sliders to 0, and the K slider 

to 100.

Pasting the Text

To paste the text choose Edit > Paste, or press CTRL + V 

Formatting the IntroductionSelect all of the text by pressing CTRL+A.

Page 153: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 153/169

Chapter 4 – The Fiji Project 152 

Setting the Font Specifications

1. Select the Character Attributes button from the Tool Modifier ribbon.

2. Select Times New Roman (or any font you have available) from the Font

combo box.

3. Enter 17 pt in the Font Size combo box.

4. Select Italic as the style.

5. Select the Kerning checkbox.

6. Select the Align Center paragraph button.

7. Deselect the text by clicking anywhere outside the page or press CTRL +

SHIFT +A.

8. Save your work, press CTRL + S.

Page 154: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 154/169

Chapter 4 – The Fiji Project 153 

Copying and Pasting the Main Story1. Select the Select tool.

2. Make sure your Rulers are displayed. If they are not, choose Guides >

Show Rulers.

3. Place your cursor on the vertical ruler and drag a guide to 100mm acrossfrom the left of your page. Drag another guide to 110mm from the left of 

your page.

4. Place your cursor on the Horizontal ruler and drag to create a guide 126mm

from the top of your page.

5. Choose Guides > Snap to Guides if it is not already selected.

6. If you choose Guides > Snap to Rulers the guides snap to the increments

displayed on the rulers.

7. Select the Text tool from the Tool palette.

8. Draw a text box beginning at the intersection of the left page margin and theguide 123mm down the page, and finishing at the intersection of the vertical

guide at 100mm across the page and the bottom page margin.

Page 155: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 155/169

Chapter 4 – The Fiji Project 154 

9. Select the Auto text linking option in the Text Modifier ribbon.

10. Draw a second text box starting at the intersection of the vertical guide at

110mm across the page and the guide 123mm down the page, and ending at

the intersection of the bottom and right page margins.

11. Go to the Fijitext page by choosing Window > Fijitext.qxd at the bottomof the drop-down menu.

12. Click on the Select tool in the Tool palette.

13. Select the third Text box containing the remaining text.

14. Select the Text tool from the Tool palette.

15. Select all of the text by choosing Edit > Select All, or press CTRL+A 

16. Copy the text by choosing Edit > Copy, or press CTRL+C.

17. Go back to your Fiji Project page by choosing Window > ‘Fiji Project’ at the

 bottom of the drop-down menu.

Page 156: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 156/169

Chapter 4 – The Fiji Project 155 

Setting the Color for the Text

1. In the Paint Style palette make sure the Fill button is selected and then selectthe Tint paint style.

2. Click on the arrow to the right of the Color Model combo box and select the

CMYK color model.

3. Select the Sliders tab from the Color Pickers.

4. To set the text as black, set the C, M and Y sliders to 0 and the K slider to

100.

Pasting the Text

1. Ensure the Text box at the bottom left of your page is selected.

2. Select the Text tool from the Tool palette.

3. Choose Edit > Paste to paste the text, or press CTRL + V .

Page 157: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 157/169

Chapter 4 – The Fiji Project 156 

Plain style Kerning button Left paragraph align

Formatting the Main Story1. Ensure the Text tool is still selected.

2. Select all of the text by choosing Edit > Select All.

Setting the Font Specifications

Select the Character Attributes button from the Tool Modifier ribbon

1. Select Arial from the Font combo box.2. Enter 11 pt in the Font Size combo box.

3. Select Plain as the style.

4. Enter 5 pt in the Leading edit box.

5. Select the Kerning checkbox.

6. Select the Align Left paragraph alignment button.

7. Click on the More button.

8. Enter 7 pt in the Above paragraph edit box.

9. Click OK.

Page 158: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 158/169

Chapter 4 – The Fiji Project 157 

Applying a Drop Cap

With the Text tool still selected.

1. Place the text insertion bar anywhere within the first paragraph.

2. Select More from the Tool Modifier ribbon.

3. Click on the Drop Caps checkbox and enter 3 in the Lines edit box.

4. Click OK.

5. The first letter F is now a Drop Cap with a height of 3 lines.

6. Select the Select tool in the Tool palette.

7. Deselect the text by clicking anywhere outside the page, or press

CTRL+SHIFT+A.

8. Save your work, press CTRL+S.

Page 159: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 159/169

Chapter 4 – The Fiji Project 158 

Placing, Scaling and RotatingPicturesIn this lesson you:

• Create vector rectangles for the pictures of the Diver and the Boats.

• Place these pictures in Vector rectangles and scale them to suit.

Placing and Rotating the Picture of theDiver 1. Select the Vector Rectangle tool from the Tool palette and the new

modifier in the Tool Modifier ribbon.2. Enter  110 mm in the X edit box.

3. Enter  127 mm in the Y edit box.

4. Enter 90 mm in the Width edit box.

5. Enter  110 mm in the Height edit box..

6. Then click on the Create button.

Page 160: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 160/169

Chapter 4 – The Fiji Project 159 

7. With the rectangle still selected, choose File > Place Picture, or press

CTRL+I. The Place Picture dialog box appears.8. Double click on the Diver picture to place it into the rectangle.

9. Select on the Select tool in the Tool palette.

10. Select the Select layers only and Scale icons in the Tool Modifier 

ribbon.

11. To rotate the picture -50º hold down the SHIFT key then click and drag on a

corner handle (refer to the R: edit box in the Tool Modifier ribbon).

12. To move the picture within the object, place the cursor in the middle of the

 picture, click and drag it to the position shown below.

Page 161: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 161/169

Chapter 4 – The Fiji Project 160 

13. Select the Select entire object mode in Tool Modifier ribbon anddeselect the rectangle by clicking off the page.

14. Save your work, press CTRL + S.

Page 162: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 162/169

Chapter 4 – The Fiji Project 161 

Placing and Scaling the Picture of theBoats1. Select the Vector Rectangle tool from the Tool  palette and the New 

modifier in the Tool Modifier ribbon.

2. Enter  76 mm in the X edit box.

3. Enter 250 mm in the Y edit box.

4. Enter 24 mm in the Width edit box.

5. Enter 37 mm in the Height edit box..

6. Click on the Create button.

7. The Rectangle is displayed with the picture of the Diver in it.

8. With this rectangle still selected, choose File > Place Picture. The Place

Picture dialog box appears.

9. Double click on the Boats picture to place it into the rectangle.

10. Select the Select tool from the Tool palette.

11. Select the Select layers only and Scale icons in the Tool Modifier ribbon.

12. To scale the picture 20%, click and drag on a corner handle (refer to the X% 

and Y% edit boxes in the Tool Modifier ribbon).

13. You may want to turn Snap to Guides off when you are dragging the object,

as the picture boundary will keep snapping to the guides. Choose Guides >

Snap to Guides, or press CTRL + SHIFT + M.

14. To move the picture within the object, place the cursor in the middle of the

 picture, click and drag to move the picture to the position shown below.

Page 163: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 163/169

Chapter 4 – The Fiji Project 162 

15. Click the Select entire object mode in Tool Modifier ribbon and

deselect the rectangle by clicking off the page. or press CTRL+SHIFT+A.

16. Save your work, press CTRL + S.

Page 164: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 164/169

Chapter 4 – The Fiji Project 163 

Flowing Text around ObjectsIn this lesson you learn how flow the text around the picture boxes. Changing theshape of your text container using the Bezier tool does this.

Changing the Shape of the Left Text Box1. Select the Zoom tool from the Tool palette.

2. Click and drag a rectangle over the Boat object to zoom in.

3. Select the Select tool from the Tool palette.

4. Place the cursor on the Vertical ruler and drag a guide onto your page 

approximately 3mm from the left edge of the Boat object.

5. Place the cursor on the Horizontal ruler and drag a guide onto your page approximately 3mm from the top edge of the Boat object.

6. Select the Text object on the left hand side of the page.

7. Select the Bezier tool from the Tool  palette.

8. You have to add nodes to the text container. To add a node, double click 

on the edge of the text container.

9. Add one node at the intersection of the guides at the top right of the picture box and another at the intersection of the guides at the bottom left of the

 picture box.

Page 165: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 165/169

Chapter 4 – The Fiji Project 164 

10. In the tool modifier ribbon check Snap nodes to guides.

11. Click on the first node you added and snap it to the point where the guides

intersect.

12. Click on the second node you added and snap it to the point where the guides

intersect.

13. Move the cursor over the node in the bottom right corner of the text box until

the cursor turns black in the center. Click and drag to move the node to snapit to the intersection of the guides at the top left of the picture box.

14. The text is reflowed inside the text box.

15. Select the Select tool from the Tool palette.

16. Zoom out, press CTRL + 0.

17. Deselect the Text object by clicking off the page, or press CTRL+SHIFT+A.

Node

Node

Page 166: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 166/169

Chapter 4 – The Fiji Project 165 

18. Save your work, press CTRL + S.

Page 167: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 167/169

Chapter 4 – The Fiji Project 166 

Changing the Shape of the Right Text Box1. Select the Zoom tool from the Tool palette.

2. Click and drag a rectangle over the Diver object to zoom in.

3. Select the Select tool from the Tool palette.

4. Place the cursor on the Horizontal ruler and drag a guide onto your page

approximately 3mm below the Diver object.

5. Select the Text object on the right hand side of the page.

6. Select the Bezier tool from the Tool palette.

7. You will have to move the top two nodes down below the Diver object.

8. Click on the node at the top left of the Text object and move it to down and

snap it to the guide you have just created.

9. Click on the node at the top right of the Text object, move it down and snap

it to the guide you have just created.

10. The Text is reflowed inside the text box.

11. Click on the Select tool in the Tool palette.

12. Zoom out, press CTRL + 0.

13. Deselect the Text object by clicking off the page, or press CTRL+SHIFT+A.

14. Save your work, press CTRL + S.

Page 168: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 168/169

Chapter 4 – The Fiji Project 167 

Page 169: Wright Design Pro v2.2 Tutorials

7/31/2019 Wright Design Pro v2.2 Tutorials

http://slidepdf.com/reader/full/wright-design-pro-v22-tutorials 169/169

Chapter 4 – The Fiji Project 168 

Paragraph Alignment

1. Select the Text object on the left hand side of the page.

2. Select the Text tool from the Tool palette.

3. Choose Edit > Select All, or press CTRL + A, to select the text.