1. Adobe Photoshop, Illustrator, & InDesign Portfolio
Project 1:
Campground Icons
Setting up the
Workspace
Drawing Basic
Shapes
2. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Types of Digital Artwork
Vector graphics:
– Mathematically based
– Freely scaled without loss of quality
Raster images:
– Pixel based
– Resolution determined when file is
created/captured
Line art:
– Actually a type of raster image with only black
and white pixels
5. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Smart Guides
Toggled in the View menu
Changed in the Smart Guides preferences
6. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Basic Shape Tools
Click and drag to create
Press Shift to constrain
height and width
Press Option/Alt to create out
from the center point
Single-click to open
related dialog box
Numerically define
shape size
8. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Fill & Stroke Attributes
Remembers the
last-used settings
Changes affect any
selected object
9. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Selection tools
Selection tool
Selects entire objects
or groups
Direct Selection tool
Selects pieces of
objects or groups
10. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Other Selection Options
Select menu
Control panel
Select Similar
Objects button
11. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Moving Selections
Selection tool
Move entire objects or
groups
Direct Selection tool
Move pieces of
objects or groups
15. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Page Rulers
View>Rulers>Show
Rulers
Magnetic when Smart
Guide is active
16. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Aligning Options
Smart Guides
Align panel
Control panel
Align to Selection,
Key Object, or
Artboard
17. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Template Images
File>Place
Link option
Template option
– Special locked layer
– Reduced visibility
(“dimmed”)
18. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Layers panel
Click and drag to rearrange stacking order
Show or hide entire layers
Lock or unlock entire layers
Double-click to change layer options
– Layer color = object bounding box colors
20. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Line Segment tool
Click and drag to create
Press Shift to constrain
to 45° angles
Press Option/Alt to
create out from the
center point
Single-click to open
related dialog box
22. Shaper Tool
Shaper Groups
Combine shapes
but maintain
individual
elements
Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
23. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Pencil tool
Click and drag to
draw
Option/Alt before
releasing mouse
button to close the
shape
Double-click to
define tool settings
24. Adobe InDesign, Illustrator, & Photoshop: The Graphic Design Portfolio
Grouping
Multiple objects treated as one unit
Use Direct Selection tool to select
individual components
Double-click to enter Isolation mode
Editor's Notes
1
2
3
4
5
6
Illustrator now includes Live Corner effects, which means you can use on-screen widgets to change the corner radius and shape of most shapes on the artboard.
If a shape is an actual rectangle (with all 90° corners), the Live Corner widgets appear whenever the shape is selected with either Selection tool. For any other shape, including a four-cornered polygon with different-angled corners, the widgets appear only when the shape is selected with the Direct Selection tool.
(Working with Live Corner widgets is explained in detail on Page 49.)
If the selected shape is a rectangle, you can also use the Transform panel to change the radius and shape of each corner on the rectangle.
8
9
10
11
12
13
The Free Transform tool allows you to change the shape of selected objects by dragging the transformation handles.
The on-screen widget, which appears when you choose the Free Transform tools, can be used to change the active transformation mode.
Moving the mouse cursor over a handle shows the transformation that can be made by dragging that handle.
Complete details about the various transformations are explained on Page 83.
15
16
17
18
The Layers panel provides a very easy method for managing the stacking order of complex artwork such as the poster you are creating in this project. Every object on the artboard is listed as a sublayer for the layer on which it is placed. If items are grouped, items in the group appear as sub-sublayers inside the group.
You can use the panel to select any specific sublayer object on the artboard, even if that object is not easily accessible (or even visible) on the artboard.
You can click and drag to rearrange sublayers in the panel, affecting the element stacking order on the artboard; elements selected in the panel are not necessarily selected on the artboard, which means you can drag in the panel without changing anything other than stacking order.
You can also use the panel to lock/unlock and show/hide individual sublayers. These options are much easier to manage than the blanket “Unlock All” and “Show All” commands in the Object menu.
20
21
You can use the Shaper tool to easily create basic shapes almost as you would with a pencil on paper. The software automatically translates your drawing into rectangles, polygons with other than four sides (like triangles), ellipses, or straight lines.
Using the Shaper tool, scribbling over an area of overlapping objects converts those objects into a Shaper Group. All overlapping objects become part of the group, even it they were not affected by the scribbling motion.
How you scribble with the tool determines what will happen; the various options are explained on Page 89.
Keep in mind that Shaper Groups maintain the original shapes even after you knock out or merge specific areas of those shapes.
Clicking inside a Shaper Group selects the entire group object. It is surrounded by a single bounding box, and an arrow widget appears on the right edge.
Clicking any of the filled shapes in the Shaper Group enters into Face Selection mode, in which the selected surface is identified with a crosshatch overlay.
Clicking the arrow widget on the Shaper Group bounding box enters into Construction mode, which you can use the access and edit the individual shape properties of the component shapes.