Visual Graphics NCIII

Module 10: Getting Started with

Adobe Photoshop
Module 10 - Lesson 6
Image Manipulation
 Learning Objectives
At the end of the training period, participant should learn the following:
• Crop images with the Crop Tool
• Work with the Perspective Crop tool
• Straighten crooked images
• Apply Content-Aware Fill on crop
• Transform perspective while cropping
• Resize the canvas with the Crop tool
• Apply Basic and Cool Text Styles
• Apply Images Adjustments
• Identify the Different Image Adjustment tools & commands
• Define of Multiplicity
• Design Multiplicity style with Photoshop script
 ***Text in Photoshop are called Type.

Crop and straighten photos

Cropping is the process of removing portions of a photo to create focus or
strengthen the composition. Use the Crop tool to crop and straighten
photos in Photoshop. The Crop tool is non-destructive, and you can choose
to retain the cropped pixels to optimize the crop boundaries later. The Crop
tool also provides intuitive methods to straighten a photo while cropping.

For all operations, visual guides provide an interactive preview. When you
crop or straighten photos, real-time feedback helps you visualize the final
result.
• Crop a photo
1. From the toolbar, select the Crop Tool Crop borders display on the
edges of the photo.
2. Draw a new cropping area or drag the corner and edge handles to specify
the crop boundaries in your photo.
3. (Optional) Specify the Crop options using the Control bar.

Creative Cloud Crop tool options bar

A. Aspect Ratio menu B. Swap Width and Height values C. Overlay Options
Size and proportions Choose a ratio or size for the crop box. You can also choose a preset, enter your own,
or even define your own preset values for later use.
Overlay Options Choose a view to display overlay guides while cropping. Guides such as Rule of Thirds,
Grid, and Golden Ratio are available. To cycle through all the options, press O.
Crop Options Click the Settings (gear) menu to specify additional crop options.
Use Classic mode Enable this option if you want to use the Crop tool like it was in previous versions of
Photoshop (CS5 and earlier).
Auto Center Preview Enable this option to place the preview in the center of the canvas.
Show Cropped Area Enable this option to display the area that is cropped. If this option is disabled, only
the final area is previewed.
Enable Crop Shield Use the crop shield to overlay the cropped areas with a tint. You can specify a color and
opacity. If you Enable Auto Adjust Opacity, the opacity is reduced when you edit the crop boundaries.
Delete cropped pixels Disable this option to apply a non-destructive crop and retain pixels outside the crop
boundaries. Non-destructive cropping does not remove any pixels. You can later click the image to see
areas outside current crop borders.
Enable this option to delete any pixels that are outside the crop area. These pixels are lost and are not
available for future adjustments.
Note: Right-click the Crop box to access common crop options from the context menu.
4. Press Enter (Windows) or Return (Mac OS) to crop the photo.

The following updates were introduced in the Creative Cloud release for Photoshop CS6:

 Front Image and new presets in the Aspect Ratio menu.

 Clicking the double-arrow icon changes the crop orientation by swapping the Width and
Height values. This icon replaces the Rotate Crop Box button.
 Choosing W x H x Resolution from the Aspect Ratio menu displays a Resolution field in the
options bar and auto-fills the Width and Height values.
 Clicking the Clear button clears the values in the Width and Height fields in the options bar.
If displayed, the value in the Resolution field is also cleared.
 The keyboard shortcut for Front Image has changed from F to I for both the Crop tool and
the Perspective Crop tool.
Content-Aware Fill on Crop
Introduced in Photoshop CC 2015.5 release

1. From the toolbar, select the Crop Tool . Crop borders display on
the edges of the photo.
2. In the Options bar, select Content-Aware. The default Crop rectangle
expands to include the whole image.

3. Using the handles around the image, straighten or rotate it. Alternatively,
expand the canvas beyond the original size of the image.
4. When you are satisfied with the results, click in the Options bar to
commit the crop operation. Photoshop intelligently fills in the white/gap
areas in the image
***Note:

Content-Aware Fill On Crop is not supported in the Classic mode of the Crop tool. To
disable the Classic mode, do the following:

 With the Crop tool selected, click the Set Additional Crop Options icon in the toolbar.
 In the settings menu that appears, deselect Use Classic Mode.

Crop tool | Disable the Classic mode

Straighten a photo while cropping
***Note:
If you're using a recent release of Photoshop CC, you may prefer using Content-Aware
Fill on Crop while straightening images.

You can straighten a photo while cropping. The photo is rotated and aligned to
straighten it. The canvas is automatically resized to accommodate the rotated pixels.

Rotate the photo using the Crop tool to straighten it

To straighten a photo, do one of the following:
• Place the pointer a little outside the corner handles and drag to rotate the image. A
grid displays inside the crop box and the image rotates behind it.
• Click Straighten in the control bar and then using the Straighten tool, draw a
reference line to straighten the photo. For example, draw a line along the horizon or
an edge to straighten the image along it.

Transform perspective while cropping

The Perspective Crop tool lets you transform the perspective in an image while
cropping. Use the Perspective Crop tool when working with images that contain
keystone distortion. Keystone distortion occurs when an object is photographed
from an angle rather than from a straight-on view. For example, if you take a picture
of a tall building from ground level, the edges of the building appear closer to each
other at the top than they do at the bottom.
 Steps to transform perspective

A. Original image B. Adjust cropping marquee to match the object’s edges C. Final image
1. To correct image perspective, hold down the Crop tool and select the Perspective
Crop tool .
2. Draw a marquee around the distorted object. Match the edges of the marquee to
the rectangular edges of the object.
3. Press Enter (Windows) or Return (Mac OS) to complete the perspective crop.

Resize the canvas using the Crop tool

You can use the Crop tool to resize the image canvas.
1. From the toolbar, select the Crop Tool . Crop borders display on the edges
of the image.
2. Drag the crop handles outwards to enlarge the canvas. Use the Alt/Option
modifier key to enlarge from all sides.
3. Press Enter (Windows) or Return (Mac OS) to confirm the action.

*** To resize the canvas, you can also choose Image > Canvas Size.
Image Adjustments
Create a selection first, then go to Image>Adjustments

Image adjustment generally includes brightness/contrast,

levels, curves, exposure, hue/saturation, and vibrance, Color
Balance, Black & White modification.

These tools can be used to fix an overexposure image, correct

the color, and improve the brightness. Proper adjustment can
also facilitate other image processing. For example, contrast
improvement could be conducive to pattern recognition.
• Brightness & Contrast
The Brightness/Contrast adjustment lets you make simple adjustments to the tonal range of an image. Moving the
brightness slider to the right increases tonal values and expands image highlights, to the left decreases values and
expands shadows. The contrast slider expands or shrinks the overall range of tonal values in the image.

• Levels
You use the Levels adjustment to correct the tonal range and color balance of an image by adjusting intensity
levels of image shadows, midtones, and highlights. The Levels histogram is a visual guide for adjusting the image
key tones.

A. Shadows
B. Midtones
C. Highlights
D. Output Level sliders
 Curves
In the Curves adjustment, you adjust points throughout an image’s tonal
range. Initially, the image’s tonality is represented as a straight diagonal
line on a graph. When adjusting an RGB image, the upper-right area of
the graph represents the highlights and the lower-left area represents
the shadows. The horizontal axis of the graph represents the input levels
(original image values) and the vertical axis represents the output levels
(new adjusted values). As you add control points to the line and move
them, the shape of the curve changes, reflecting your image
adjustments. The steeper sections of the curve represent areas of higher
contrast while flatter sections represent areas of lower contrast. This
increases midtone contrast.

A. On-image adjustment tool B. Sample in image to set black point.

C. Sample in image to set gray point. D. Sample in image to set
white point. E. Edit points to modify the curve. F. Draw to modify
the curve. G. Curves presets menu H. Set black point. I. Set gray
point. J. Set white point. K. Show clipping.
 Exposure
A measure of the amount of light in which a photo was taken. Underexposed digital photos are
too dark; overexposed photos are, too light.

An overexposed image is too light overall (left). A properly exposed image with detailed
highlight and shadow areas (center). An underexposed image is too dark overall (right).
 Vibrance
Vibrance is a smart-tool which cleverly increases the intensity of the more muted colors and leaves the
already well-saturated colors alone. It’s sort of like fill light, but for colors. Vibrance also prevents skin tones
from becoming overly saturated and unnatural.
 Hue/Saturation
The Hue/Saturation command adjusts the hue (color), saturation (purity), and lightness of the entire
image or of individual color components in an image.

Use the Hue slider to add special effects, to color a black and white image (like a sepia effect), or to
change the range of colors in a portion of an image.

A. Original B. Entire image changed to sepia using the Colorize option

C. Magenta colors targeted in the Edit menu and changed using the Hue slider
 Color Balance
The Color Balance command changes the overall mixture of colors in an image for
generalized color correction.

 Black & White

The Black & White adjustment lets you convert a color image to grayscale while
maintaining full control over how individual colors are converted. You can also tint the
grayscale by applying a color tone to the image, for example to create a sepia effect.
• MULTIPLICITY PHOTOGRAPHY
is the process of taking several photos of a human, animal, or object in different areas of the
frame, and then combining them in Photoshop. In sports, this is known as Sequence
Photography.
Activity 10.7.2: Multiplicity Photography

*** Refer to Laboratory Activity 10.6

Document/Paper Sizes

3R 3.5” x 5” 2x2 2” x 2”
4R 4” x 6” 1x1 1” x 1”
5R 5” x 7” Passport Size 3.5cm x 4.5cm
8R 8” x 10”
A4 8.268” x 11.693”
Letter Size 8.5” 11”
Legal Size 8.5” x 13” (Phils.)
8.5” x 14” (US)
Tabloid Size 11” x 17”
Philippine Passport Size
Activity 10.7.3: Rush ID Combo

*** Refer to Laboratory Activity 10.6

Combo A Combo B Combo C

Module 1 – Adobe Photoshop CS6
Magazine
Printer: Offset Printer
Ex. Heidelberg

Offset Printing (1875) -

OR WEB OFFSET PRINTING IS A COMMONLY
USED PRINTING TECHNIQUE IN WHICH THE INKED IMAGE IS
TRANSFERRED (OR "OFFSET") FROM A PLATE TO A RUBBER
BLANKET, THEN TO THE PRINTING SURFACE.
Paper :
GLOSSY COATED PAPER OR
A HEAVY WEIGHT PHOTO PAPER
(AT LEAST 150-180 GSM FOR DOUBLE SIDED PRINTING)
Magazine
Activity 10.7.4: Magazine

*** Refer to Laboratory Activity 10.6

Contents:
- big titles
- subtitle
- edition no. / volume no.
- sponsors
- barcode
- catchy text