ADV.P& I - MANUAL

33
Filipino Association for Computer Excellence Under the auspices of the Consul General of the Philippines Philippine Overseas Welfare Administration Dubai, United Arab Emirates ADVANCED PHOTOSHOP & ILLUSTRATOR TRAINING COURSE COURSE MANUAL

Transcript of ADV.P& I - MANUAL

Page 1: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 1/33

Filipino Association for Computer ExcellenceUnder the auspices of the Consul General of the Philippines

Philippine Overseas Welfare AdministrationDubai, United Arab Emirates

ADVANCED PHOTOSHOP & ILLUSTRATORTRAINING COURSE

COURSE MANUAL

Page 2: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 2/33

ABOUT THE AUTHOR

The Filipino Association for Computer Excellence (known as FACE) is a nonprofit, non religious, and non political organization operating under the auspices

of the Philippine Embassy (Abu Dhabi and Al Ain), Philippine Consulate General(Dubai and Northern Emirates), Philippines Overseas Labour Office andOverseas Workers Welfare Administration in the United Arab Emirates.

The Objectives:

To provide useful and quality Information Technology training programs;

To help members obtain industry – recognized Computer Certification;

To conduct workshops, lectures and seminars on topics of interest incomputer and information technology;

To promote brotherhood and camaraderie among its members andbetween FACE and other organization.

To serve as an implementing arm for the Philippine Embassy, Office of theLabour Attache and OWWA in carrying out programs, activities andundertaking for the benefit of the Filipinos.

One of its on going activities is the SKILLS UPGRADING PROGRAM forOverseas Filipino Workers (OFW) in the U.A.E, where they provided freecomputer trainings on:

Personal Computer Assembly Personal Computer Networking Graphic Design ICDL

Web Development and Technology

AutoCAD

Visual Basic

Desktop and Laptop Maintenance Advanced Photoshop & Illustrator

FACE – UAE also concerns with the growth and advancement of members.

Workshops and Trainings are continuously conducted with the intention ofdeveloping members to become proficient and confident trainer and lecturer.

Page 3: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 3/33

PREFACE

With the continued growth in the use of technology, each individual need to beequipped in every aspects of computers. We should be knowledgeable of how

and why computers work and what to do in the case of malfunctions. We shouldalso familiar with the commonly used applications and programs.

The Filipino Association for Computer Excellence Upgrading Program isdesigned and developed to upgrade the literacy of every Overseas FilipinoWorkers in the field of computer and Information Technology, thus producinggreater supply of skilled Filipinos.

This program aims to provide theoretical and practical trainings for interestedOFW‟s helping them to learn not only in computer aspects but also to developproblem solving, team work and workplace readiness skills.

As part of the trainings, there will be evaluation in form of written, oral and actualexams and assigned projects need to be submitted on a specified period of time.

At the end of the training Certificate of Achievement will be awarded to alltrainees who successfully meet the prescribed criteria of the training program.

Page 4: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 4/33

MINIMUM SYSTEM REQUIREMENTS

Windows® 

2GHz or faster processor for DV;3.4GHz for HDV; dual 2.8GHz for HD*Microsoft® Windows® XP with Service Pack 2 (Service Pack 3 recommended) orWindows Vista® HomePremium, Business, Ultimate, or Enterprise with Service Pack 1; (certified for 32-bit Windows XP andWindows Vista) MS Hot Fix KB-930627: http://support.microsoft.com/kb/930627is required for Microsoft® Windows® XP Home, Professional, or Tablet PC Edition with Service Pack 2 (64-bit); Windows Server®2003(with Service Pack 2 for 64-bit); or Windows Vista® Home Basic, HomePremium, Business, Ultimate, or

Enterprise without Service Pack 1 (64-bit)2GB of RAM (more RAM recommended when running multiple components)24.3GB of available hard-disk space for installation; additional free spacerequired during installation(cannot install on flash-based storage devices)1,280x900 display with OpenGL 2.0-compatible graphics cardGraphics support for Shader Model 3.0Dedicated 7200 RPM hard drive for DV and HDV editing; striped disk arraystorage (RAID 0) for HD;SCSI disk subsystem preferredFor SD/HD workflows, an Adobe-certified card for capture and export to tape

OHCI-compatible IEEE 1394 port for DV and HDV capture, export to tape, andtransmit to DV deviceDVD-ROM drive (DVD+-R burner required for DVD creation)Blu-ray burner required for Blu-ray disc creationMicrosoft Windows Driver Model- or ASIO-compatible sound cardQuickTime 7.4.5 required for QuickTime and multimedia featuresBroadband Internet connection required for online services*An SSE2-enabled processor is required for AMD systemsAdobe Photoshop Extended natively supports 64-bit Windows Vista, and AcrobatPro nativelysupports 64-bit Windows XP and Windows Vista. Adobe Premiere Pro, After

Effects, Soundbooth,Encore, and Adobe OnLocation are certified on 64-bit Windows Vista. Visitwww.apple.com forinformation about QuickTime compatibility with 64-bit editions of Windows.

Page 5: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 5/33

Mac OS

Multicore Intel® processorMac OS X v10.4.11 –10.5.4Java™ Runtime Environment 1.5 required for Adobe Version Cue Server  

2GB of RAM (more RAM recommended when running multiple components)26.3GB of available hard-disk space for installation; additional hard-disk spacerequired duringinstallation (cannot install on a volume that uses a case-sensitive file system oron flash-basedstorage devices)1,280x900 display with OpenGL 2.0-compatible graphics card‡ Graphics support for Shader Model 3.0 and OpenGL 2.0Dedicated 7200 RPM hard drive for DV and HDV editing; striped disk arraystorage (RAID 0) for HD;SCSI disk subsystem preferred

DVD-ROM drive (SuperDrive required for DVD creation)Blu-ray burner required for Blu-ray disc creationCore Audio-compatible sound cardQuickTime 7.4.5 required for QuickTime and multimedia featuresBroadband Internet connection required for online services

Page 6: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 6/33

TABLE OF CONTENTS

Part I:Adobe Photoshop

Part II:

Adobe Illustrator

Page 7: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 7/33

Part IADOBE PHOTOSHOP CS4

Whether you are a novice or an expert in image editing, the Adobe Photoshopprogram offers you You‟ll find that Photoshop excels as an art production tool.  Whether you are a Graphics producer who needs to merge and edit colorimages, on the Web.

Introduction 

Photoshop CS4 provides a consistent work environment with other Adobeapplications including Adobe Illustrator, Adobe InDesign, Adobe Dreamweaver,

Adobe Flash, Adobe After Effects, and Adobe Premiere. With the release ofCS4, Adobe has finally started to move toward making Photoshop simpler touse. They have overhauled the interface to bring forward a lot of the controls andfeatures that used to be buried either behind icons or within menus. You can nowkeep all open image windows and panels grouped together within the boundariesof the application, so that when you minimize Photoshop all its windows andpanels will hide along with it. You can also switch the interface back to thefloating windows layout if you prefer. Personally, I much prefer the new "keep itall together" layout. Photoshop CS4 also provides a new tabbed interface thatmakes it easy to work with multiple files. You can easily switch from one openimage to another just by using the tab at the top of the each window.

Shortcut Commands

Tool Bar Shortcut 

M - Marquee tool V - Move toolL - Lasso tool W - Magic Wand toolC - Crop tool K - Slice tool

J - Spot Healing Brush tool S - Clone Stamp toolE - Eraser tool R - Blur toolO - Dodge tool B - Brush toolY - History Brush Tool G - Gradient toolA - Path Selection tool P - Pen toolT - Type Tool U - Shape toolN - Notes tool I - Eyedropper toolH - Hand tool Z - Zoom tool

Page 8: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 8/33

Ctrl Shortcuts Commands Ctrl + N - New Document Dialog boxCtrl + O - Opens New File Ctrl + M - Opens Curves CommandCtrl + A - Select all Ctrl + D - DeselectCtrl + K - Opens Preferences Dialogbox

Ctrl + F4 - Closes Current Document

Ctrl + L - Opens Levels Dialog box Ctrl + Q - Closes PhotoshopCtrl + „ - Grid Lines Ctrl + U - Opens Hue/Saturation dialog

boxCtrl + R - Rulers Ctrl + S - SaveCtrl + P - Print Document Ctrl + Z - Undo last actionCtrl + Shft + S - Save As Ctrl + C - CopyCtrl + Tab - Toggle betwwen Document Ctrl + X - CutCtrl + V - Paste Ctrl + Alt + Shft - Pattern MakerCtrl + 0 - Document Fit In Window Ctrl + ; - GuidesCtrl + T - Transform Tool F1 - Adobe Online Help

F6 - Opens Color, Swatches, Styles

PaletteF5 - Opens Brush Style Palettes F8 - Opens Navigator,Info PaletteF7 - Opens Layers, Channels, PathsF9 - Opens Actions, History, PresetsPalette

ADVANCED SHORTCUT KEYS:

CTRL + SHIFT + N Add New LayerCTRL + ALT + G Clipping MaskCTRL + J Layer Via CopyCTRL + SHIFT + ALT + N New Layer No dialog Box] Increase Brush Size[ Decrease Brush SizeSHIFT + ] Increase Soft brushesSHIFT + [ Decrease Soft BrushesCTRL + 0 Fit ScreenCTRL + + Zoom InCTRL + - Zoom OutCTRL + G GroupingCTRL + ALT + SHIFT + E Merge all Visible Layers

Page 9: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 9/33

ADVANCED MASKING TECHNIQUES

Selection Tips and Tricks:

Here are some tips and tricks to help you with one of the most important tasks in

Photoshop.Hide Selection Edges . . . . . . . . Control H (Windows) Command H (Mac OS)

Shift while dragging a selection with the Rectangular or Elliptical constrains theshape to a square or circle.Alt (Windows) Option (Mac OS) pulls a the Rectangular or Elliptical Marqueeshape from the center

Alt+Shift (Windows) or Option+Shift (Mac OS) pulls out the Rectangular orElliptical shape from the center andconstrains the shape to a square or circle.

Press Shift after you have a selection to add to the selection.

Press Alt (Windows) or Option (Mac OS) while dragging a selection to deletefrom an existing selection.

Feathering:

Feathering gives a nice soft edge to selections. Not only is it great for a softvignette on images, but it is an extremely useful

tool when trying to make less obvious corrections to an image.

Select > Modify > Feather or . . . . . . . . . . . . . . . . . . . Shift+Ctrl+D (Windows),. . .. . . . . . . . Shift+Command+D (Mac OS)

Selection. Selection feathered 20 pixels 

Page 10: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 10/33

Applying Matting

Sometimes, due to anti-aliasing you Quick Selection Tool

The Quick Selection tool lets you quickly “paint” a selection using a round brush

tip of adjustable size. Click and drag and watch as the selection expands outwardand automatically follows defined edges in the image. A Refine Edge commandlets you improve the quality of the selection edges and visualize the selection indifferent ways for easy editing.

Follow these steps to find out how you can take advantage of this new tool:

1 Start by choosing File > Open and opening a file named Sunflower.psd thatalready exists in your Photoshop CS3 Samples folder.

You can find the file in the following location on the Windows OS: C:\Program

Files\Adobe\Adobe Photoshop CS3\Samples and on the Mac OS at:Applications\Adobe\Adobe Photoshop CS3\Samples.

2 Select the Quick Selection tool.

3 Position the cursor over the yellow petals of the sunflower and notice the brushdimensions are displayed with the cursor;

click and drag to start painting the selection.

Tip! You can adjust the size of the painting selection by pressing [ to make the brush size smaller or ] to make the brush size larger.

Page 11: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 11/33

Using the Add To Selection or Subtract From Selection buttons in the toolbaroptions, you can paint more of the selectionor deselect active areas.

Refine Edge feature

The final touch to any image selection, the new Refine Edge feature is thesimple, flexible way to modify the edge of a selection before you begin editing thearea. With one-click access from the Options bar, or from the Select menu,Refine Edge lets you precisely smooth, feather, contract, or expand the currentselection, with simple slider controls, in a single, Intuitive

Magic Wand

The Magic Wand allows you to select portions of an image based on the colorsimilarities of pixels. This tool is useful for selecting a consistently colored area(for example, a red flower) without having to trace the shape. The defaulttolerance is set to 32. This tolerance, in the tool options can be adjusted to anumber up to 255 to take a larger range of color, or down to 1 to take a smallerrange of color. This amount should be adjusted with each image or selection forthe best selection to occur.

Page 12: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 12/33

 

Tips and Tricks with the Magic Wand tool

Press the Shift key and click to add to the Magic Wand selection or press Alt(Windows) or Option (Mac Os) to delete.

Photoshop works with a 256 level grayscale. As the tolerance is set higher or lower, more or less levels of the selected color.

In this example the At 5, the tolerance.tolerance is too high. works fine.

Quick Mask

Quick Mask mode allows you to edit any selection as a mask without using theChannels palette and while viewing your image. The advantage of editing yourselection as a mask is that you can use almost any Photoshop tool or filter tomodify the mask. For example, if you create a rectangular selection with themarquee tool, you can enter Quick Mask mode and use the paintbrush to extendor contract the selection, or use a filter to distort the edges of the selection. Youcan also use selection tools, because the quick mask is not a selection.

Page 13: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 13/33

 Using Quick Mask

Start with a selected area and then click on the Quick Mask tool or press the Qkey to enter the masking mode.

Clicking on the Quick The image window indicates Mask tool. if you are in Quick Mask mode.

A temporary Quick Mask channel appears in the Channels palette while you workin Quick Mask mode. However, you do all mask editing in the image window. Ifyou are not sure whether you are in Quick Mask mode or not, look at the top ofthe image window. It will say (Quick Mask) if you are in that mode.

Once you are in the Quick Mask mode paint with black to paint the mask, or paintwith white to erase the mask.

Tip! By double-clicking on the Quick Mask tool, you can change the color of the mask.

Page 14: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 14/33

 Saving Selections

After spending time working on a selection it can be easily lost if not stored correctly.Save your selection by choosing Save Selection from the Select menu. This saves your selection as an Alpha Channel.

Name and save a selection in the Save Selection dialog box.

Reloading a Selection

Re-activate a selection by selecting Load Selection from the Select menu. Adialog box appears that allows you to select thealpha channel (saved selection) that you want to re-activate.

Page 15: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 15/33

 Using the Pen tool

Before using the Pen tool it is important to select the Path Pen rather thanthe default Shape path. Click on the middle Pen icon before starting anyPen exercises.

The Pen tool is commonly used to create Clipping Paths, but is also a very usefulselection tool. By using the pen, you can define precise selections. You can alsosave paths for future use.

The Pen tool creates straight lines and smooth flowing curves with greaterprecision than the freeform Pen or magnetic Pen tool. For most users, the Pentool provides the best control and greatest accuracy for drawing.

Using the Pen tool

1 Click and drag in the direction of the curve.

Option or Alt Drag back up

2 To change direction of a curve, option or alt click and drag the bézier tool in thedirection of the next curve.

Page 16: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 16/33

Option or Alt Click

3 To create a straight line from a curve Alt (Windows) or Option (Mac OS) click.Then Shift click to create the additional line.

4 Use undo, Control+Z (Windows) or Command+Z (Mac OS) for errors whencreating a path. Undo will allow the path to remain active.

5 When creating a path around an image follow the arches to make curves moreaccurate and save time fixing the path when it is completed.

6 Use your Path selection tool to edit points and move them at any time byholding down the Control (Windows) or Command (Mac OS) key while workingwith the Pen tool.

Follow curves with the direction of the bézier to get the most control and accuracy.

Page 17: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 17/33

 Path Palette

Use the Path palette to create Pen paths as strokes, fills and even selections.The Path palette.

Turning a Pen Path into a selection

When a new path is created it is named Work Path in the Path palette until it issaved. It is not necessary to save a path before turning it into a selection, but is agood practice to follow.

1 Save a Work Path by selecting Save from the Path palette menu.

2 Convert a Pen path into a selection by selecting Make Selection in the Penpalette fly-out menu.

Turn a Pen work path into a selection using the Default options for converting a path palette menu. Pen path into a selection.

3 Leave the selection options at their defaults. 

Page 18: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 18/33

 Clipping Paths

Without Clipping Path With Clipping Path 

Creating a Clipping PathWhen printing a Photoshop image or placing it in another application, you maywant only part of the image to appear. For example, you may want to print orshow a foreground object and exclude its rectangular background. A clippingpath lets you isolate the foreground object and make everything outside theobject transparent when the image is printed or placed in another application.

To save a path as a clipping path:

1 Create a work path. Either use the Pen tool or convert a selection into a path.Though a path created from a selection will not be as accurate as one “hand-created” you can click on the Make Path button in the Pen palette to create aWork Path.

2 In the Pen palette drag the Work Path down to the New Path icon. Thisautomatically saves it as Path One. You can also save a path by selecting SavePath from the Pen palette fly-out menu.

3 Choose Clipping Path from the Paths palette fly-out menu.

4 For Path, choose the path you just saved. Click OK.

5 Save the file as an EPS for applications that do not automatically recognizepaths.

Page 19: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 19/33

 Pen Path Flatness

Flatness “0”=Circle Flatness 100=Stop Sign. The lower the flatness the tighter the path. Some printers can not print at the

default flatness. Experiment with this. Most shops set this between 2 and 3.Values can range from 0.2 to 100. In general, a flatness setting from 8 to 10 isrecommended for high-resolution printing (1200 dpi to 2400 dpi), a setting from 1to 3 for low-resolution printing (300 dpi to 600 dpi).

The PostScript interpreter creates curved segments by linking a series of straightline segments. The flatness setting for a clipping path determines how closely thestraight line segments approximate the curve. The lower the flatness value, thegreater is the number of straight lines used to draw the curve and the moreaccurate the curve. 

Page 20: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 20/33

 SAMPLES:

PHOTO RETOUCHING AND MAKE OVER 

GLOWING MODEL EFFECT 

Page 21: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 21/33

 FUTURISTIC / MOVIE POSTER 

Page 22: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 22/33

ULTIMATUM BOURNE MOVIE POSTER 

COVER MAGAZINE 

In this tutorial you will learn how to create a very nice looking fashionadvertisement, using Adobe Photoshop. We are going for a cold and frosty look,by using cold colors and frost textures.

Page 23: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 23/33

In this tutorial, you‟ll learn how to combine layer masks with custom brushes andadjustment layers to create eye catching poster mixed with displacement effectusing simple but effective techniques.

In this tutorial, I‟ll show you how to create a cover of a favorite sports or extrememagazine using several Photoshop tools such as brush tool, different bending

modes, and more.

Page 24: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 24/33

 

Part IIADOBE ILLUSTRATOR

Introduction 

Adobe Illustrator - Is the industry leading Vector Graphics software. It is anessential tool for any one who needs to express their ideas visually in print aswell as on the web or in any other medium. It has a powerful new features like3D , Advanced Typographical controls, Smooth PDF integration, Enhanced

Printing options and Faster Performance. Adobe Illustrator helps us to createlogos, Illustrations, Packaging, Posters, Maps, Web graphics and more

The Welcome screen - Offers you a number of options for starting yoursessions, as well as convenient access to information and extras. If you don‟twant the welcome screen to appear every time you launch illustrator. Justuncheck the “Show this dialog at start up” box in the lower left corner and it will

Page 25: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 25/33

no longer appear automatically. To return to welcome screen at start up, just goto Help menu and select Welcome Screen.

TOPIC A

PATH COMMANDS

As you create more complex illustrations, you‟ll likely want to create paths andshapes that might be difficult to achieve with the standard drawing tools andformatting options. For example, it‟s common to create shapes with holes cut inthem so that background items are visible trough the cutouts.

This topic covers various ways to create more complex paths, shapes, and

formatting.

Compound Paths

A compound path is a set of two or more paths that are combined so thatcutouts appear where the paths overlap, and the paint attributes for the pathsbehave as on object.

You cannot apply different fill or stroke attributes to the individual componentpaths in a compound path. You can change the size and position of thecomponent paths, however by selecting and adjusting them with the Direct

Selection Tool.

FILL RULES FOR COMPOUND PATHS

When you create compound paths, you can specify whether to use a non-zerowinding fill rule or an even-odd fill rule. Both methods use mathematicalequations to determine whether overlapping paths create cutouts.

Non-zero winding fill rule , which is the default, uses reversed paths to createcut outs.

Even-odd rule , creates cutouts for every other region, regardless of pathdirection.

You can change the direction of a path by selecting the path with the DirectSelection tool and then clicking the Reverse Path Direction Off or On buttons inthe Attributes panel.

Page 26: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 26/33

 

Creating compound paths:

To create a compound path:

1. Select two or more shapes or paths.

2. Choose object, Compound Path, Make. Where the objects overlap, theresulting compound path is transparent. Where the shapes do notoverlap, the paths remain filled. All components in the compound pathtake on the appearance attributes of the bottom most objects in thestacking order.

3. If necessary, adjust the fill rule for the compound path or the path

directions (for the non-zero winding fill rule)

To change the fill rule, click the Use Non-Zero Winding FillRule button or the Use Even-Odd Fill Rule button in theAttributes panel.

  To change a component path‟s direction, select the pathwith the Direct Selection Tool, and click the Reverse PathDirection Off or Reverse Path Direction On button in theAttributes panel.

Releasing Compound Paths

To release a compound path, select it with the Selection tool and choose object,Compound Path, Release. Individual paths will retain the appearance attributesof the compound path.

Converting Strokes to Outlines

When you convert strokes to outlines, Illustrator creates the outlines based onthe thickness of the stroke. If the path is a closed shape and has no fill

formatting applied, the outlines are compound paths. If a closed path has fillformatting, then two grouped shapes are generated: the compound path for theoutlines stroke, and a new shape for the filled portion. You can group the shapesand manipulate them individually

To convert a stroke to outlines:

Page 27: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 27/33

 1. Select the shape(s) with the Selection tool.

2. Set the stroke weight to the amount you want.

3. Choose Object, Path, Outline Stroke.

4. Set formatting for the outlines stroke by using the Control Panel or theColor Panel.

The technique is useful if you want to create two similar shapes, one inside theother. You can create a thick stroke for a shape, outline the stroke by using theOutline stroke command, and then release the compound shape you have twoseparate shapes.

Offset Paths

Designers often create outlines around shapes as an additional element. It‟sdifficult to achieve this effect by duplicating shapes and then enlarging theduplicate because the enlarged duplicate might not show an equal amount ofwhite space as it surrounds the original, such as with ellipse shapes.

The Offset Path command generates a new path around the outside of theshape based on the settings you specify for it. For compound paths, offset pathsare generated around the outside of the shape and in the cutouts.

To Offset a Path:

1. Select the path or shape you want to offset.

2. Choose Object > Path > Offset Path to open the Offset path dialog box

3. In the Offset box, enter the value for the distance you want the path toappear from the edge of the original item.

4. If necessary, select a corner type from the Joins List to change how thecorners for the new shape look.

5. If necessary, enter a value in the Miter limit box to adjust the Miter valuefor the new shape.

6. Click OK.

Page 28: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 28/33

 

PATHFINDER COMMANDS

You can create complex shapes by using overlapping paths and shapes to cut or

divide shapes. To do this, you can use Pathfinder commands, which are locatedbelow the shape Mode buttons in the Pathfinder panel.

Pathfinder commands are more straightforward than Shape Mode commandsbut still require a good understanding of how they work in order to usedeffectively. Instead of creating compound shapes, Pathfinder commandspermanently split shapes at their intersections, forming new shapes.

To use Pathfinder commands, select two or more shapes and click one of thePathfinder buttons in the Pathfinder panel. Whenever you combine or merge twoor more shapes, Illustrator automatically aligns the new shape with the topmostcomponent in the stacking order.

The following table briefly describes the Pathfinder buttons and how they affectselected shapes.

BUTTON NAME DESCRIPTION

Divide Divides overlapping shapes into individualclosed shapes

Trim Removes the hidden areas of overlappingshapes. The command also removes strokeattributes for all shapes.

Merge Functions similarly to the Trim command inthat it removes the hidden areas of

overlapping shapes and removes strokeattributes for all shapes. However, the Mergecommand merge shapes that have the samefill color.

Crop Divides overlapping shapes into smallercomponent shapes based on the boundariesof the topmost shape. The Crop command

Page 29: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 29/33

removes any portions of the overlappingshapes that are lower in the stacking orderand outside the path of the topmost shape.The command also removes stroke formattingfor all shapes and removes the fill formatting

for the topmost shape.

Outline Divides shapes into open path segment. Eachintersection where shapes overlap becomes apath segment. The Outline command alsoremoves stroke and fill formatting.

Minus back Subtract the background shapes from thefrontmost shape. Minus Back differs from theCrop command by completely removing theoverlapping areas of the shapes lower in the

stacking order from the topmost shape.

Expanded Paths

To use Pathfinder commands on compound shapes, you first need to expand

them. To expand a compound shape, select it and choose Object, ExpandAppearance. Expanding a compound shape removes all of the componentshapes that were rendered invisible but were still editable.

The Expand command isn‟t limited to working with compound shapes. You canalso use it to convert strokes, gradients, blends, patterns, flares, envelopes, andsymbols into regular objects.

TOPIC B 

MASKS 

CLIPPING MASKS AND OPACITY MASKS

Page 30: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 30/33

 You might want to exclude part of a raster image or set images to fade into thebackground. Instead of editing images in an image editing application and thenimporting them into an illustration, you can use clipping masks or opacity mask toget the same effect.

Clipping Masks: 

A Clipping Mask  is an object whose shape masks other artwork below it so thatthe artwork shows only through the boundaries of the shape being used to definethe mask is hidden.

The Clipping mask and the objects that are masked are called a clipping set  and are marked with a dotted line in the Layers panel.

To create a clipping mask:

1. Position the shape you want to use as a clipping mask so that it overlapsthe object at the desired location. The item you want to use as theclipping mask must be above the object you want to mask in the stackingorder.

2. Select both items and choose Object, Clipping Mask, make

3. If you want to reposition the object being masked within the clipping mask,select the object with the Direct Selection tool and then drag it.

To release a clipping mask, select it with the Selection tool and choose Object,Clipping Mask Release.

OPACITY MASK:

An Opacity Mask  uses a masking object to alter the transparency of theunderlying artwork. Where the mask is white, the artwork is fully visible. Wherethe mask is black, the artwork is hidden. Shades of gray in the mask result invarying degrees of transparency in the artwork.

Page 31: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 31/33

To create an opacity mask:

1. Create a shape that you want to use for the opacity mask. It should fullycover the areas that you want masked.

2. Fill the shape with a black and white gradient. The white areas of thegradient will show the image beneath, and the black areas will hide theimage beneath.

3. Select both the shape you want to use for the opacity mask and the objectyou want to mask.

4. From the Transparency panel menu, choose Make Opacity Mask. In thetransparency panel, a thumbnail of the masking object appears along witha thumbnail of the object being marked.

SAMPLE

In this tutorial, we‟ll be creating a poster with a strong geometric central design,which utilizes flowing blends, masks shapes, and subtle gradients, to create a

sophisticated final work. Learn each detailed step in creating this poster.

Page 32: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 32/33

 

In this tutorial I will show 4 ways to create swirls, and by mixing them you will learn

some very powerful techniques that will allow you to easily make tons of different styles

of swirls and crazy sperm vectors. 

Page 33: ADV.P& I - MANUAL

8/3/2019 ADV.P& I - MANUAL

http://slidepdf.com/reader/full/advp-i-manual 33/33

 

in this tutorial I will show you how to create a text effect using the Blend Tool inIllustrator and then we will use Photoshop for some final retouches to make theeffect more subtle. The technique is very simple and it won't take more than 30

minutes to achieve the same effect.