Matakuliah : L0182 / Web & Animation Design

Tahun : 2008

Image Editing
Pertemuan 04-05
 Learning Outcomes
Pada akhir pertemuan ini, diharapkan mahasiswa akan
mampu :
Memanipulasi text dan gambar dengan menggunakan
tools pada Adobe Photoshop CS3

Bina Nusantara
 Outline Materi
Photoshop Image Resolution & Resizing
Workspace Image Transform
Tools Palette Layer
Option Bar Filtering
Create a New Image
Open an Image

Bina Nusantara
 Photoshop
Adobe Photoshop is a professional image editing
software package that can be used by experts and
novices alike.

Bina Nusantara
 Workspace
The Adobe Photoshop CS3 workspace is arranged to
help you focus on creating and editing images.
The workspace includes menus and a variety of tools
and palettes for viewing, editing, and adding elements to
your images.

Bina Nusantara
 Workspace (cont..)
Default Photoshop workspace :
A. Document window
B. Dock of panels collapsed tob
icons
C. Panel title bar
D. Menu bar
E. Options bar
F. Tools palette
G. Collapse To Icons button
H. Three palette (panel) groups
in vertical dock

Bina Nusantara
 Tools Palette
The tools are grouped into four categories :
Selection : use these tools to select objects.
Creative : Use these tools to draw objects and retouch photos.
Vector : Use these tools to work with vectors.
Navigation and Information : Use these tools tot view the page
and gather information.

Bina Nusantara
Bina Nusantara
 How to Use a Tool
If there is a small triangle at a tools lower right corner,
hold down the mouse button to view the hidden tools.
Then click the tool you want to select.
Using the selecting tools
A. Tools palette
B. Active tool
C. Hidden tools
D. Tool name
E. Tool shortcut
F. Hidden tool triangle

Bina Nusantara
 Option Bar
Option bar displays options for the active (selected) tool.

Bina Nusantara
 Create a New Image
Choose File > New

Bina Nusantara
 Open an Image
Choose File > Open
Browse the file you
want to open
Click open

Bina Nusantara
 Image Resolution & Resizing
Choose Image > Image Size
Change the width & height
value to resize the image.
Change the resolution value
to change the image
resolution.

Bina Nusantara
 Image Transform
Image transform :
Scale
Rotate
Skew
Distort
Perspective
Warp
Step :
Select the image you want to transform
Go to edit > transform
Choose the transform method you want to apply

Bina Nusantara
 Rotate

Bina Nusantara
 Warp

Bina Nusantara
 Layer
Photoshop layers are like sheets of stacked acetate.
You can see through transparent areas of a layer to the
layers below.
You move a layer to position the content on the layer, like
sliding a sheet of acetate in a stack.
You can also change the opacity of a layer to make
content partially transparent.

Bina Nusantara
 Layer Palette
The Layers palette lists all layers, layer groups, and layer
effects in an image.
You can use the Layers palette to show and hide layers,
create new layers, and work with groups of layers.
Photoshop Layers palette :
A. Layers palette menu
B. Layer Group
C. Layer
D. Expand/Collapse Layer effects
E. Layer effect
F. Layer thumbnail

Bina Nusantara
 Layer Style
Double click at the layer you want to add style

Bina Nusantara
 Layer Style (cont..)

Image
With Border

Bina Nusantara
 Layer Mask
You can use masks to hide portions of a layer and
reveal portions of the layers below. You can create two
types of masks :
Layer masks are resolution-dependent bitmap images that are
edited with the painting or selection tools.
Vector masks are resolution independent and are created with a
pen or shape tool.
Masking layer
A. Layer mask thumbnail
B. Vector mask thumbnail
C. Vector Mask Link icon
D. Add Mask
Bina Nusantara
 Layer Mask (cont..)

Bina Nusantara
 Filter
You can use filters to clean up or retouch your photos,
apply special art effects that give your image the
appearance of a sketch or impressionistic painting, or
create unique transformations using distortions and
lighting effects.
The Filter Gallery provides a preview of many of the
special effects filters. You can apply multiple filters, turn
on or off the effect of a filter, reset options for a filter, and
change the order in which filters are applied.

Bina Nusantara
 Filter Gallery
Filter Gallery dialog box
A. Preview
B. Filter category
C. Thumbnail of selected
filter
D. Show/Hide filter
thumbnails
E. Filters pop-up menu
F. Options for selected filter
G. List of filter effects to
apply or arrange
H. Filter effect selected but
not applied
I. Filter effects applied
cumulatively but not
selected
J. Hidden filter effect
Bina Nusantara
 Plastic Wrap Filter

Bina Nusantara
 Chalk & Charcoal Filter

Bina Nusantara