Adobe Photoshop Level 1 - EnG

Level 1 Information &
Your ICT Learning Communication

Partner
Technology (ICT)
Step by Step Training Manual
PHOTO EDITING
Adobe Photoshop CS6

English Version 1.0
Photo Editing (Adobe Photoshop) Level 1
TABLE OF CONTENT
CHAPTER PAGE NO
Lesson 1 : Introduction 2
1.1 What’s New In Photoshop CS6? 3
Lesson 2 : Workspaces 7
2.1 About Work Area 8
Lesson 3 : Using Toolbox and Palette 9
3.1 Tool Panels overview 10
3.2 Selection Tools gallery 11
3.3 Crop and slice tools gallery 11
3.4 Retouching tools gallery 11
3.5 Painting Tools gallery 12
3.6 Drawing and type tools gallery 12
3.7 Notes, Measuring and Navigation tools gallery 13
3.8 3D tools (extended Photoshop) 13
3.9 Using the option bar 14
3.10 Creating and using tools presets 14
3.11 Undo and history panel 15
3.12 Working with history panel 15
Lesson 4: Understanding Layers 16
4.1 Layer Basic 17
4.2 Layer Panel overview 17
4.3 Switching Back and Forth between Layers 19
Lesson 5: Filters 20
5.1 Filter 21
5.2 Filter gallery overview 22
5.3 Applying a filter from the filter menu 22
 Lesson 6: Image Editing 23
6.1 Cropping an Image 24
6.2 Resizing an Image 24
6.3 Moving an Image 25
6.4 Selecting / Deleting a Part of an Image 25
6.5 Rotating an Image 25
6.6 Altering Your Image 27
6.6.1 Brush/Pencil Tool 27
6.6.2 Clone Tool 27
6.6.3 Eraser Tool 28
6.6.4 Blur Tool 28
 Lesson 7: Drawing Tool 29
7.1 Drawing Shapes 30
 Lesson 8: Tutorials 31
8.1 Tutorial 1 : 3D Blocks Effect 32
8.2 Tutorial 2: Using a photo as its own background 33
8.3 Tutorial 3: Blend Two Photos together (layer mask) 37
8.4 Tutorial 4: Stroke text with a brush 39
8.5 Tutorial 5: Lightning 45
8.6 Tutorial 6: Creating a sun 49
8.7 Tutorial 7: Overlapping Text with an Image 51
Page 1
Lesson 1
Introduction
Page 2
1.1 New in Adobe Photoshop CS6

Adobe Photoshop CS6 is the latest graphics editing program by Adobe Systems for professional
photographers, amateur photographers, and designers. The new Photoshop CS6 interface design is
the first thing to catch your eye. It uses darker tones to make your images stand out more, and this
gives it more visual consistency with Lightroom and, for that matter, Photoshop Elements.
You can choose one of four different brightness values in the Preferences if you're not happy with
the default.
And staying on a purely functional level, a new Background Save and Auto-recovery option should
provide a level of protection against crashes, while the introduction of Adobe's Mercury Graphics
Engine is designed to speed up processor-intensive tools like Liquify, Puppet Warp and Transform.
The new features include much more sophisticated cropping options, content-aware Move and Patch
tools, a very interesting Blur Gallery, 'adaptive' wide angle lens adjustments, skin tone-aware
selections, improved auto adjustments and, surprisingly, some useful video editing tools.
When you crop your photos you can now use a range of overlays, such as the Golden Ratio, Rule off
Thirds or a simple grid to help you decide on the composition. You can save crop presets which
include image size and resolution and, most significantly, crops are now non-destructive. You can
come back later, in other words, and re-do them if you change your mind.
Page 3
Adobe's also extended its clever content-aware technology to include the Move and Patch tools. In
theory, you can now move objects around and have Photoshop fill the gaps that are left behind.
And with the Blur Gallery you can add a cinematic or 'film' look to digital images. 'Iris Blur' simulates
the shallow depth of field of a wide lens aperture; 'Tilt-Shift Blur' creates a 'miniature' effect, while
'Field Blur' enables you to isolate individual objects against a blurred background.
Page 4
But the new video editing tools are the most striking addition. Increasingly, there's a crossover
between stills photography and video, particularly for professional photographers. Photoshop CS6
can trim and combine video clips, insert transitions and even add titles, and all within the familiar
Photoshop environment.
CS6 also comes with a new version of Adobe Camera Raw. ACR 7 (yes, it's annoying that the version
numbers are out of step) has a new processing engine and improved tone-mapping, leading to a
redesign of the tonal controls and better results when recovering shadows and highlights in RAW
files.
ACR also brings a greater range of controls to the Adjustment Brush, adding localized white balance,
noise reduction and more corrections.
Page 5
The new Blur Gallery is terrific, and it's not just for gimmicky tilt-shift effects, either. You can use it to
subtly draw attention to your subject and tone down distracting background clutter. Previously,
you'd have had figure out how to do this kind of thing manually or buy a dedicated plug-in.
Page 6
Lesson 2
Workspaces
Page 7
2.1 About the Work Area

You create and manipulate your documents and files using various elements, such as panels, bars, and
windows. Any arrangement of these elements is called a workspace. The workspaces of the different
applications in CS6 share the same appearance so that you can move between the applications easily.
You can also adapt each application to the way you work by selecting from several preset workspaces
or by creating one of your own. Although the default workspace layout varies in different products,
you manipulate the elements much the same way in all of them.
 The Application bar across the top contains a workspace switcher, menus (Windows only), and
other application controls.
 The Tools panel contains tools for creating and editing images, artwork, page elements, and so
on. Related tools are grouped.
 The Control panel displays options for the currently selected tool. In Illustrator, the Control panel
displays options for the currently selected object. (In Adobe Photoshop® this is known as the
Options bar.)
 The Document window displays the file you’re working on. Document windows can be tabbed
and, in certain cases, grouped and docked.
 Panels help you monitor and modify your work. Panels can be grouped, stacked, or docked.
 The Application frame groups all the workspace elements in a single, integrated window that lets
you treat the application as a single unit.
Page 8
Lesson 3
Toolbox
&
Palette
Page 9
3.1 Tools Panel Overview

When you open Photoshop, the Tools panel appears at the left of the screen. Some tools in the Tools
panel have options that appear in the context-sensitive options bar. These include the tools that let
you use type, select, paint, draw, sample, edit, move, annotate, and view images. Other tools allow
you to change foreground/background colors.
You can expand some tools to show hidden tools beneath them. A small triangle at the lower right of
the tool icon signals the presence of hidden tools. You can view information about any tool by
positioning the pointer over it. The name of the tool appears in a tool tip below the pointer.
Page 10
3.2 Selection Tools Gallery
3.3 Crop and Slices Tools Gallery
3.4 Retouching Tools Gallery
Page 11
3.5 Painting Tools Gallery
3.6 Drawing and Type Tools
Page 12
3.7 Notes, Measuring and Navigation Tools Gallery
3.8 3D Tools (Photoshop Extended)
Page 13
3.9 Using the options bar

The options bar appears below the menu bar at the top of the workspace. The options bar is context
sensitive—it changes as you select different tools. Some settings in the options bar (such as painting
modes and opacity) are common to several tools, and some are specific to one tool.
You can move the options bar in the workspace by using the gripper bar, and you can dock it at the
top or bottom of the screen. Tool tips appear when you position the pointer over a tool. To show or
hide the options bar, choose Window > Options.
To return tools to their default settings, right-click the tool icon in the options bar, and then choose
Reset Tool or Reset All Tools from the context menu.
3.10 Create and use tool presets

Tool presets let you save and reuse tool settings. You can load, edit, and create libraries of tool
presets using the Tool Preset picker in the options bar, the Tool Presets panel, and the Preset
Manager. To choose a tool preset, click the Tool Preset picker in the options bar, and select a preset
from the pop-up panel. You can also choose Window > Tool Presets and select a preset in the Tools
Presets panel.
Viewing the Tool Preset Picker

Click the Tool Preset picker in the options bar to show
the Tool Preset pop-up panel.
A. Select a preset to change the tool’s option to the
preset, which applies each time you select the tool
until you choose Reset Tool from the panel menu.
B. Deselect to show all tool presets; select to show
presets for only the tool selected in the toolbox.
1. Choose a tool, and set the options you want to save as a tool preset in the options bar.
2. Do one of the following:
 Click the Tool Preset button next to the tool at the left of the options bar.
 Choose Window > Tool Presets to display the Tool Presets panel.
 Click the Create New Tool Preset button .
 Choose New Tool Preset from the panel menu.
4. Enter a name for the tool preset, and click OK.
Page 14
3.11 Undo and history panel

The Undo and Redo commands let you undo or redo operations. You can also use the History panel
to undo or redo operations.
❖ Choose Edit > Undo or Edit > Redo.
If an operation can’t be undone, the command is dimmed and changes to Can’t Undo.
3.12 Working with the History panel

You can use the History panel to jump to any recent state of the image created during the current
working session. Each time you apply a change to an image, the new state of that image is added to
the panel.
For example, if you select, paint, and rotate part of an image, each of those states is listed separately
in the panel. When you select one of the states, the image reverts to how it looked when that change
was first applied. You can then work from that state.
You can also use the History panel to delete image states and, in Photoshop, to create a document
from a state or snapshot. To display the History panel, choose Window > History, or click the
History panel tab.
Photoshop History Panel

A. Sets the source for the history brush
B. Thumbnail of a snapshot
C. History states
D. History state slider
To delete one or more states of the image:

Do one of the following:
 Click the name of the state, and choose Delete from the History
palette menu to delete that change and those that came after it.
 Drag the state to the Trash button to delete that change and
those that came after it.
 Choose Clear History from the palette menu to delete the list of states from the History palette,
without changing the image. This option doesn't reduce the amount of memory used by
Photoshop.
 Hold down Alt (Windows) or Option (Mac OS), and choose Clear History from the palette menu
to purge the list of states from the History palette without changing the image. If you get a
message that Photoshop is low on memory, purging states is useful, since the command deletes
the states from the Undo buffer and frees up memory.
Important: This action cannot be undone.
Choose Edit > Purge > Histories to purge the list of states from the History palette for all open
documents.
Page 15
Lesson 4
Understanding
Layers
Page 16
4.1 Layer basics

One of Photoshop’s most powerful features is the ability to create and use multiple layers within the
same image. A layer is literally what it sounds like: one layer on top of another, all of which can be
edited independently of each other and laid on top of or beneath one another, and then later
combined to form a single, flat image.
When you first create an image, you will be

working with the “Background” layer. You cannot
always use all effects on a background layer, so
you may wish to start working directly with
normal layers. To create a new layer, click the
“Layer” menu, and pick “Layer” from the “New”
menu.
Layers allow you to work on one element of an image without disturbing the others. Think of layers
as sheets of acetate stacked one on top of the other. Where there is no image on a layer, you can see
through to the layers below. You can change the composition of an image by changing the order and
attributes of layers. In addition, special features such as adjustment layers fill layers, and layer styles
let you create sophisticated effects.
4.2 Layers panel overview

The Layers panel lists all layers, layer groups, and layer effects in an image. You can use the Layers
panel to show and hide layers, create new layers, and work with groups of layers. You can access
additional commands and options in the Layers panel menu.
Photoshop Layers Panel

A. Layers panel menu
B. Layer group
C. Layer
D. Expand/Collapse Layer effects
E. Layer effect
F. Layer thumbnail
Page 17
Display the Layers panel

 Choose Window > Layers.
 Choose a command from the Layers panel menu.
 Click the triangle in the upper right corner of the panel.
 Change the size of layer thumbnails.
Choose Panel Options from the Layers panel menu, and select a thumbnail size.
To add a new layer or layer set using default options:

Click the New Layer button or New Layer Set button in the Layers palette.
To add a new layer or layer set and specify options:

 Choose Layer > New > Layer.
 Choose New Layer or New Layer Set from the Layers palette menu.
 Name: to specify a name for the layer or layer set.
 Group with Previous Layer to create a clipping group. This option is not available for layer
sets.
 Color: to assign a color to the layer or layer set.
 Mode: to specify a blending mode for the layer or layer set.
 Opacity: to specify opacity for the layer or layer set.
 (Photoshop) Fill with Mode-neutral color: to fill the layer with a preset, neutral color.
To convert a selection into a new layer:

1. Make a selection.
 Choose Layer > New > Layer Via Copy to copy the selection into a new layer.
 Choose Layer > New > Layer Via Cut to cut the selection and paste it into a new layer.
To rename a layer or layer set:

 Double-click the layer or layer set's name in the Layers palette,
and enter a new name.
OR
 Select a layer menu and choose Layer Properties or Layer Set
Properties from the Layers menu or the Layers palette menu.
Enter a new name in the Name text box,

and click OK. Color coding layers and
layer sets make it easier to locate
related layers in the Layers palette.
Page 18
To delete a layer or layer set:

 Select a layer or layer set in the Layers palette.
 To delete the layer or layer set without confirmation, drag it to the Trash button.
 To delete the layer or layer set with confirmation, click the Trash button. Alternately, choose
Delete Layer or Delete Layer Set from the Layers menu or the Layers palette menu.
4.3 Switching Back and Forth between Layers

The layer that’s selected under the Layers tab will be the one
changes are made to when working on the canvas. If you wish
to work on a different layer, click the name of that layer.
Remember, if you want to bring a different layer to the front
of the image, click and drag it above or below to where you
want it.
Page 19
Lesson 5
Filters
Page 20
5.1 Filters
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 filters provided by Adobe appear in the Filter menu. Some filters
provided by third-party developers are available as plug-ins. Once installed, these plug-in filters
appear at the bottom of the Filter menu.
Applying a filter from the Filter menu

You can apply a filter to the active layer, or to a Smart Object. Filters applied to a Smart Object are
nondestructive and can be readjusted at any time.
 To apply a filter to an entire layer, make sure the layer is active or selected.
 To apply a filter to an area of a layer, select that area.
 To apply a filter non-destructively so you can change your filter settings later, select the
Smart Object that contains the image content you want to filter.
2. Choose a filter from the submenus in the Filter menu. If no dialog box appears, the filter effect is
applied.
3. If a dialog box or the Filter Gallery appears, enter values or select options, and then click OK.
Applying filters to large images can be time consuming, but you can preview the effect in the filter
dialog box. Drag in the preview window to center a specific area of the image. In some filters, you
can click in the image to center it where you click. Click the + or – button under the preview window
to zoom in or out.
Page 21
5.2 Filter Gallery overview

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. When you are satisfied with the preview, you can then apply it to your image. Not
all filters in the Filter menu are available in the Filter Gallery.
5.3 Using Filter

To use a filter, choose the appropriate submenu command from the Filter menu. Photoshop has a
variety of filters you can apply to your images. They include obvious ones such as blurring and
sharpening, but also very advanced ones such as ripples, distortions, and rendering clouds. The
built-in filters are grouped into 14 submenus. In addition, any third-party filters installed appear at
the bottom of the Filter menu.
Page 22
Lesson 6
Image Editing
Page 23
6.1 Cropping an Image

If an image is too large and you
would like to cut it to just focus
on one section of the image, you
can crop it to that size and area.
Select the Crop tool, and click and
drag around the area you want.
You can resize the area (or rotate

it) with the mouse by clicking any
of the corners. When you’re done,
just click over to any other tool
and a window will appear asking
you if you’d like to crop the image.
Click yes, and the image will be reduced to the area you’ve specified.
6.2 Resizing an Image

If you don’t want to crop your image (meaning you want the entire image, just at a
smaller size), you can resize your image to any dimensions you wish. Select Image
Size from the Image menu.
The default in Photoshop is to keep image resizing at Constrain Proportions. This

means that if the height is changed, the width will be changed at the same ratio.
This keeps your image looking approximately the same, only at different sizes. If
you wish to change this, just uncheck it by clicking the Constrain Proportions check
box at the bottom of the Image Size window.
You can change the image size either by pixels or percentages to either enlarge or reduce the size of
your image (keep in mind that enlarging images will reduce the quality).
Page 24
6.3 Moving an Image

You can move an image to any area of the
canvas you wish. Select the Move tool, click and
drag the image to any area on the canvas you
wish.
6.4 Selecting / Deleting a Part of an Image

Choose the Marquee tool, click and drag
around a part of an image. A rotating, dotted
line will surround that area. To delete this
section that you’ve selected, hit the Delete key
on your keyboard.
The Magic Wand can select a larger area of an

image by grabbing similar looking pixels and
grouping them together. Select the Magic
Wand tool and click an area of an image. It will
select a large portion of the area which you can
move, delete, etc.
6.5 Rotating an Image

You can rotate and flip your image in any
direction you wish. In the Rotate Canvas list
under the Image menu, there’s a wide variety
of options to choose from.
If you select Arbitrary for a rotation, a new

window will appear asking you for the direction
(clockwise or counter-clockwise) and the
degree of the rotation.
Page 25
Original Picture
90 CW 90 CCW
45 CW
Page 26
6.6 Altering Your Images

6.6.1 Brush / Pencil Tool
The Brush tool can be right-clicked to also show the Pencil tool as an option. Both are very simple
tools that allow you to directly draw on top of an image. Select a color with the Foreground Color
option on the tool bar, and select a brush size from the tool’s sub-main menu, above. Click and drag
across an image to draw on top of it.
6.6.2 Clone Tool

The Clone tool will copy pixels from one part of an image
and copy them to a new part of the image. The Clone tool
is most useful in situations such as removing blemishes
from a face in a photograph, clearing a few clouds out of a
bright blue sky, etc.
Choose the Clone tool. Hold the Alt button on your

keyboard, and click in an area of the image that you’d like
to copy. Now click elsewhere in the image, and move the
cursor around. The image will “clone” itself to that second
area.
The clone stamp tool takes a sample of an image, which

you can then apply over another image or part of the
same image. Each stroke of the tool paints on more of the
sample.
Page 27
6.6.3 Eraser Tool

The eraser simply deletes sections of an image. Click
the Eraser tool, click and drag around your image. The
eraser will erase the image to what is set as the
Background color.
6.6.4 Blur Tool

The Blur tool is useful for covering up small distortions in an image by blending the surrounding
pixels together. To blur something, select the Blur tool, and click and drag around the area you wish
to blur.
Page 28
Lesson 7
Drawing Tool
Page 29
7.1 Drawing Shapes

While Photoshop’s main power is in manipulation of images, it’s also
possible to draw your own (as seen with the pencil and pen tools). The
Rectangle tool (and all of its sub-tools) allows you to draw shapes on a
canvas. To draw a simple rectangle, pick a Foreground color (which will be
the fill color for the shape), select the Rectangle tool, and click and drag on
the canvas until it is in the size you wish.
You can draw a wide variety of shapes with the Rectangle tool and its sub-
tools, including the Custom Shape Tool, which gives you even more options.
Select the Custom Shapes Tool (by right-clicking the Rectangle tool), and
look through your options in the drop-down box from the sub-main menu.
Your choices include word bubbles, arrows, and even shapes that are
without fill colors.
Page 30
Lesson 8
Tutorials
Page 31
8.1 Tutorial 1: 3D Blocks Effect
1. Create New Document 400x300px and Fill with color -

#30B42A.
2. Apply Filter > Render > Lighting Effect
3. Go to Filter>Stylize>Extrude
4. And the results will be:
Page 32
8.2 Tutorial 2: Using a photo as its own background

In this Adobe Photoshop tutorial, we're going to learn how to use a photo as its own background,
which is a great effect to use with wedding photography but can also be used with any image. We're
going to be creating two copies of our photo, using one as our main image and the other as the
background, which we'll be colorizing, flipping and fading into more of a watermark-style image.
Original Image Final Result
Step 1: Duplicate the Background Layer Twice
Press Ctrl+J twice to create two copies of the Background layer.
Page 33
Step 2: Hide the Top Layer

To do that, click on its layer visibility icon (the icon that looks like an eyeball) on the left of the layer
in the Layers palette:
Step 3: Sample a Color from the Image to Use for the Background
Click on the middle layer in Photoshop's Layers palette to select it.
We need to sample a color from the image which we're going to use to colorize the
background. To do that, grab the Eyedropper Tool from the Tools palette, or press I on
your keyboard to quickly select it:
Select the Eyedropper Tool.
Then, with the Eyedropper Tool selected, click on an area inside your image
which contains the color you want to use for your background. We are
going to sample a color from the woman's cheek, which should work nicely:
Click inside the image with the Eyedropper Tool to sample a color.
You'll see the color appear as your Foreground color in the Tools palette:
The sampled color now appears in the Foreground color swatch in the Tools palette.
Page 34
Step 4: Colorize the Background Using a Hue/Saturation Adjustment Layer
Click on the "New Adjustment Layer" icon.
Then select Hue/Saturation from the list:
Click inside the checkbox to the left of the "Colorize" option to select it.
Page 35
Step 5: Flip the Image Horizontally

Go to Edit > Transform > Flip Horizontal to flip the background sideways, creating a mirror image of
the main photo.
Step 6: Turn the Top Layer Back On
Click once again on the layer visibility icon of the top layer to turn it back on.
Step 7: Resize the Main Image with Free Transform (Edit>Free Transform) and done!
Page 36
8.3 Tutorial 3: Blending two photos together (Layer Mask)

Layers masks open a world of imaging possibilities that you just cannot create with traditional tools.
Using a layer mask to hide parts of one image and reveal parts of another, you can design images
that are sure to grab a viewer’s attention.
1. Open two pictures that are

similar with the example or you
can download it from internet.
2. With the two photographs you

want to blend open, click the
Move tool.
3. Click and drag the photo you

want to blend on top of the
photo you want for the base.
Optionally, you can click and
drag the top image layer to
adjust the position on the base
image if necessary.
Note: If the images are the
same size and resolution, the
top image will hide the base
image.
4. Click here to set the default

colors so that the Foreground
color is black.
5. Click the Layer Mask button.

# A white layer mask appears in
the Layers palette.
6. Click the Gradient tool and select a gradient style from the Options bar.
7. Click the layer mask to select it.
8. Click and drag the image to apply the gradient to the mask
Note: You may need to click and drag several times to get the effect that you want. The two
images blend together.
Page 37
9. Click on the Brush tool.
10. Select a large soft-edge brush

from the Brush drop-down
palette.
11. Paint in the image using black

to touch up the mask and
reveal more of the background
photo.
12. Click here to reverse the

foreground and background
colors.
13. Paint with white to fill in areas

where you have painted away
too much of the base image.
The white paint strokes bring
some edge details of the base
image back, making the top
image appear to blend into the
base image.
Page 38
8.4 Tutorial 4: Stroke text with a brush
One possible result of applying a brush stroke around text.
Step 1: Create A Path From Your Text

To start this tutorial, create a new 1000x400 pixel Photoshop document, filled with white, and since
this tutorial is all about how to apply a brush stroke around text, I’ve added a single text layer
containing the word "BRUSH". Choose Arial Black as the font because this effect tends to work best
with thicker letters.
The original document.
Before we can add a brush stroke around the letters, we first need to convert our text into a
path. Right-click on the text layer in the Layers panel:
Right-click on the text layer.
Choose Create Work Path from the menu of options that appears. This will create a path outline of
the letters; although you may not be able to see the path just yet (we'll see it more easily in a
moment):
Choose "Create Work Path" from the menu.
Page 39
Step 2: Add a New Layer

Next, we'll add a new layer for our brush stroke, not only because it's always a good idea to place
everything on its own layer but also because in this case, we have no choice. Photoshop won't allow
us to use a brush on a text layer. To add the new layer, click on the New Layer icon at the bottom of
the Layers panel:
Clicking on the New Layer icon.
Photoshop adds a new blank layer named "Layer 1" above the text layer:
A new layer appears above the "BRUSH" layer.
Step 3: Hide the Text Layer

Let's turn the text layer off in the document since we don't need to see it just yet. With the text
hidden, we'll be able to see the path outline we've created. To hide the text, click on its layer
visibility icon (the eyeball) on the left side of its layer in the Layers panel:
Click on the text layer's visibility icon to turn it off in the document.
Page 40
With the text turned off, we can now easily see the path around the letters:
The path outline is now visible around the letters.
Step 4: Select a Brush

Next, we need to choose a brush. Select the Brush Tool from the Tools panel:
Grab the Brush Tool.
With the Brush Tool selected, to quickly choose a brush, right-click anywhere inside the document,
which will open the Brush Picker. Use the scroll bar on the right to scroll through the list of available
brushes, then double-click on the thumbnail of the one you want to use. You can try any brush you
like. For this tutorial, we choose the 36 pixel Chalk brush (if you have Tool Tips enabled in the
Photoshop Preferences, you'll see the name of each brush appear as you hover your mouse cursor
over them):
Choose a brush from the Brush Picker by double-clicking on its thumbnail.
Page 41
Step 5: Switch To The Paths Panel

To apply the brush to the path, we need to switch from the Layers panel to the Paths panel, which is
part of the same panel group as the Layers (and Channels) panel. To switch over to the Paths panel,
click on its name tab:
Use the name tabs at the top of a panel group to switch between panels.
Step 6: Stroke the Path with the Brush

To add a brush stroke around the path, click on the Stroke Path with Brush icon on the bottom of the
Paths panel (second icon from the left):
Click on the Stroke Path with Brush icon.
Here's the result we get with the Chalk brush:
The result after stroking the path with a chalk brush.
If the brush you chose didn't give you the results you were looking for, press Ctrl+Z on your keyboard
to undo the step, then right-click inside the document, choose a different brush from the Brush
Picker, then try again.
Page 42
By default, only a few of Photoshop's brushes are available to us, but there are other brush sets that
we can load in. Click on the small arrow icon in the top left corner of the Brush Picker:
Clicking on the menu icon in the top left corner of the Brush Picker.
This opens a menu with various options, and in the bottom section of the menu is a list of additional
brush sets that were installed with Photoshop but are waiting for us to load in before we can use
them. To load in one of the sets, click on its name in the list. Choose the Assorted Brushes set:
Choose one of the brush sets from the list.
Photoshop will ask if you want to replace the current brushes with the new ones. Click
the Append button to keep the current brushes and just add the new ones in after them:
Click Append to keep the current brushes and add in the new ones.
And now, if you scroll down past the original brushes in the Brush Picker, you'll find the newly added
brushes. Just as before, double-click on the one you want to select it and close out of the Brush
Picker. Try the Starburst.
Selecting the Starburst - Large brush that was installed with the Assorted Brushes set.
Page 43
Click on the Stroke Path With Brush icon in the Paths panel, and here's the result with the Starburst -
Large brush:
The effect using a Starburst brush.
If you like the design that the brush has created but find that it appears too light, simply click on the
Stroke Path with Brush icon again to apply the brush a second time, which will darken the effect:
The same design now appears darker after a second pass of the brush.
Finally, when you're happy with the results, you can hide the path in the document so it's not
distracting by clicking anywhere in the empty area below the Work Path in the Paths panel:
Click anywhere below the Work Path in the Paths panel to hide the path in the document.
Switch back over to your Layers panel when you're done by clicking on the Layers name tab at the
top of the panel group, and you'll see that the brush stroke effect has been added to Layer 1, which
we can see by looking at the layer's preview thumbnail:
The preview thumbnail shows the brush stroke on Layer 1.
Page 44
8.5 Tutorial 5: Creating Lightning

This tutorial will show you how to create some realistic lightning using Photoshop’s rendering
capabilities, to make it look like someone has lightning shooting from their hands.
Starting: Open/Choose 1 image as a main document. We’re starting off with this image which is
perfect for the job as this chap has his hands raised, almost as if he is expecting some lightning to
shoot from them.
Note: Image a optional to choose.
Step 1: Create a new document 700px wide, 200px high
Step 2: Fill it with a black and white gradient from top to bottom, to do this, select your colors and
pick the gradient tool, hold down shift and draw a line from top to bottom.
Page 45
Step 3: Now on the menu, go to filter > render > difference clouds.
Step 4: Press ctrl + I to invert the clouds.
Step 5: Press ctrl + L which bring up the levels window, and slide the center arrow all the way to the
right:
Step 6: Now drag this layer on to your main document, click edit > free transform and rotate the
lightning to a suitable angle and line it up with his hands:
Page 46
Step 7: Now, right click the layer in the layer window and choose ‘blending options’, change the
blend mode to ’screen’. Now grab yourself a fairly large feathered eraser brush (use size 100) and
begin slowly deleting the sharp angles of the lightning layer, once done it should look like this.
Step 8: Now you need to go back to your other document where you created the lightning, press
shift + ctrl + z a couple of times till you are back at the gradient, repeat the steps above to make
more lightning and drag them on to your main document – we create 5 lots of lightning for this
picture but it will depend on your image and preference how many you make.
Step 9: To colorize it, select one layer of lightning and go to image > adjustments > hue/saturation
and use these settings:
Do this on all the lightning layers and you will end up with this image:
Page 47
Step 10: Looking good, now the finishing touch. Zoom in and with brush paint some color the same
color as the lightning over the top of his head and arms, like so:
Step 11: Right click this layer in the layer window, select ‘blending options’ and change the blend
mode to ‘overlay’:
Step 12: And now you’re done! That final step just adds some reflected light to add a bit more
realism to the scene:
Page 48
8.6 Tutorial 6: Creating a sun
1. Start with a new document, about 600x600.

2. Reset your color pallets to black and white.
3. Use the paint bucket tool to fill your background layer
with black.
4. Then use the Circular Marquee tool to make a big round
selection on the canvas. (note: hold down SHIFT while
you make the selection to create a perfect round circle)
5. Now apply this filter: Filter » Render » Clouds
6. Now apply: Filter » Brush Strokes » Accented Edges.
set: Edge Width: 7, Edge Brightness: 40, Smoothness:5
7. You should still have your circle selection around the
shape.
8. Go to: Filter » Distort » Spherize
SET: Amount 100%, mode: normal.
9. Then do this again, but this time apply 30%
10. Now you can press CTRL+D to deselect.
11. Apply this filter: Filter » Distort » Polar Coordinates SET:
Polar to Rectangular
12. Then go to image » Rotate Canvas » 90CW
Page 49
13. Then go to Filter » Stylize » Wind
SET: Method: Wind, Direction: From the Right

14. Then go to Image » Rotate Canvas » 90CCW then apply:
Filter » Distort » Polar Coordinates

SET: Rectangular to Polar
15. Now go to: Filter » Distort » Ocean Ripple
SET: Ripple Size: 5, Ripple Magnitude: 2

16. Now go to: Filter » Distort » Ocean Ripple
SET: Ripple Size: 5, Ripple Magnitude: 2

17. Now apply: Filter » Sharpen » Unsharp Mask
SET: Amount: 250, Radius:6, Threshold: 85

18. Then go to Image » Adjustments » Color Balance.
SET: Set all Shadows, Midtones, and Highlights to the

following:
(Note: you can play around with these settings to get different shades of the colors)
Page 50
8.7 Tutorial 7: Overlapping text with an image

Here's the photo we'll be using for this tutorial:
An original image. The final result
Step 1: Add Your Text
Select the Horizontal Type Tool from the Tools panel, or press the letter T on your keyboard to
quickly select it with the shortcut:
Select the Horizontal Type Tool.
Click inside the document window and add your text. We are going to type the word "Baseball". This
tutorial added a few layer styles just to give my text a bit more of a design, but of course the
appearance of your text is completely up to you.
Add your text to the image.
Page 51
The text appears in front of the image because the text layer appears above the Background layer.
Step 2: Select the Background Layer
Click on the Background layer in the Layers panel to select it. It will appear highlighted in blue, letting
us know it's now the active layer:
Click on the Background layer to select it.
Step 3: Select The Area That Will Overlap The Text
For this effect, we want the baseball player to appear in front of the word "Baseball" Since the text
will make it difficult to select the area we need, let's turn it off temporarily by clicking on the layer
visibility icon (the eyeball) on the left side of the text layer in the Layers panel. The text will
disappear, leaving only the original image in the document window.
Hide the text temporarily by clicking on the eyeball in the Layers panel.
Page 52
We only need to select the area that will actually overlap the text. Use the selection tool of your
choice (Lasso Tool, Magnetic Lasso Tool, Pen Tool, etc.) to draw a selection outline around the area
you need. Select the area from the top of his helmet down to his waist
Select the area that will overlap the text.
Step 4: Copy The Selected Area To A New Layer
With the selection in place, go up to the Layer menu at the top of the screen, choose New, and then
choose Layer via Copy. Or, press Ctrl+J on your keyboard for the shortcut:
Go to Layer > New > Layer via Copy.
Nothing will appear to have happened in the document window, but if we look again in the Layers
panel, we see that the selected area has been copied onto a new layer ("Layer 1") between the text
layer and the Background layer. We can see the area that's been copied by looking in the new layer's
preview thumbnail to the left of the layer name:
The selected area has been copied to a new layer above the Background layer.
Page 53
To get a better view of exactly what's been copied to the new layer, hold down your Alt key and click
on the layer visibility icon for Layer 1. This will temporarily hide all layers except Layer 1 in the
document window, showing us what's on the layer. Only the top half of the baseball player appears.
The checkerboard pattern surrounding him is Photoshop's way of representing transparency,
meaning there's nothing else on the layer. When you're done, hold down Alt and once again click on
the layer visibility icon for Layer 1 to return to the normal view:
Hold Alt and click on the eyeball for Layer 1 to show only the contents of that specific layer.
Step 5: Turn The Text Layer Back On
Click on the text layer's visibility icon in the Layers panel, which will turn the text back on in the
document window. For the moment, it will still appear in front of the image, but we'll fix that next:
Turn the text layer back on.
Step 6: Drag Layer 1 above The Text Layer
Since a layer above another layer in the Layers panel appears in front of the layer in the document
window, all we need to do now is move Layer 1 above the text layer. Click on Layer 1 in the Layers
panel and drag it up above the text layer, releasing your mouse button to drop it into place. The text
layer should now appear sandwiched between Layer 1 and the Background layer:
Page 54
Click on Layer 1 and drag it above the text layer in the Layers panel
With the top half of the baseball player now moved above the text layer, he appears in front of the
text in the document window:
The baseball player now appears in front of the text.
Page 55

Adobe Photoshop Level 1 - EnG

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Adobe Photoshop Level 1 - EnG

Hochgeladen von

Copyright:

Verfügbare Formate

Level 1 Information &

Your ICT Learning Communication

Step by Step Training Manual

Adobe Photoshop CS6

1.1 New in Adobe Photoshop CS6

2.1 About the Work Area

3.1 Tools Panel Overview

3.2 Selection Tools Gallery

3.3 Crop and Slices Tools Gallery

3.4 Retouching Tools Gallery

3.5 Painting Tools Gallery

3.6 Drawing and Type Tools

3.7 Notes, Measuring and Navigation Tools Gallery

3.8 3D Tools (Photoshop Extended)

3.9 Using the options bar

3.10 Create and use tool presets

Viewing the Tool Preset Picker

3.11 Undo and history panel

3.12 Working with the History panel

Photoshop History Panel

To delete one or more states of the image:

Important: This action cannot be undone.

4.1 Layer basics

When you first create an image, you will be

4.2 Layers panel overview

Photoshop Layers Panel

Display the Layers panel

To add a new layer or layer set using default options:

To add a new layer or layer set and specify options:

To convert a selection into a new layer:

To rename a layer or layer set:

Enter a new name in the Name text box,

To delete a layer or layer set:

4.3 Switching Back and Forth between Layers

Applying a filter from the Filter menu

5.2 Filter Gallery overview

5.3 Using Filter

6.1 Cropping an Image

You can resize the area (or rotate

6.2 Resizing an Image

The default in Photoshop is to keep image resizing at Constrain Proportions. This

6.3 Moving an Image

6.4 Selecting / Deleting a Part of an Image

The Magic Wand can select a larger area of an

6.5 Rotating an Image

If you select Arbitrary for a rotation, a new

6.6 Altering Your Images

6.6.2 Clone Tool

Choose the Clone tool. Hold the Alt button on your

The clone stamp tool takes a sample of an image, which

6.6.3 Eraser Tool

6.6.4 Blur Tool

7.1 Drawing Shapes

8.1 Tutorial 1: 3D Blocks Effect

1. Create New Document 400x300px and Fill with color -

4. And the results will be:

8.2 Tutorial 2: Using a photo as its own background

Original Image Final Result

Step 1: Duplicate the Background Layer Twice

Press Ctrl+J twice to create two copies of the Background layer.

Step 2: Hide the Top Layer

Click on the middle layer in Photoshop's Layers palette to select it.

Select the Eyedropper Tool.