Training on using Adobe Photoshop in Daily Life

How Photoshop can be useful in daily life.

1. L/O/G/O
Change your LIFE
with Photoshop
WE ARE FRIENDS

2. NAWOORI

3. Introduce
Yoo SeungJin
Pusan National University
Mechenical Engeering
[email protected]
www.cyworld.com/tmdwlsdb

4. Adobe Photoshop, or simply Photoshop, is a
graphics editor developed and published by
Adobe Systems. It is the current market
leader for commercial bitmap and image
manipulation. It is considered the industry
standard in most jobs related to the use of
visual elements.
What is Photoshop?

5. Every image within Photoshop is made up of very small
squares, which are called pixels.
Each pixel represents a color or shade.
Pixels within an image can be added, deleted, or
modified.
The average screen size is 800(w) x 600(h) pixels.
What is An Image?

6. Examine The Photoshop Window

7. In order to use Photoshop to the fullest extent, you must
learn how to “select” the part of the image that you want
to manipulate.
When you successfully select something using the
Marquis tool, you will see dotted lines or “marching ants”
around the selected area.
Sometimes, in order to select part of an image, you must “de-
select” something else.
There are different ways to “select”
Normal
Add
Subtract
Intersect (not used very much; will select only where 2 sections intersect)
Selection

8. Layers
Layers gives you the ability to combine different elements in a
safe way, so that edits to any one element does not affect the
other elements.
Layers work similarly to clear sheets used on the old overhead
projectors.
Use the layers palette to control how the different layers interact with
each other.

9. Exploring the Toolbar
The arrow appearing in the bottom right
corner means more tools are available by
clicking and holding the mouse on the
button.

10. The Marquee Tools allows for selections on the image using rectangles, ellipses, rows and columns.
The Move Tool moves selections and layers on the image
The Lasso Tool allows for freehand selections
The Magic Wand automatically selects parts of an image based on similar areas in adjacent pixels
The Crop Tool allows for selection of the image to be trimmed
The Slice Tool slices the image into sections for creating an HTML document
The Brush & Pencil Tools allow for drawing on the image. The brush
makes strokes, the pencil makes straight lines
The History Brush Tool allows for the correction mistakes by drawing over the image
The Eraser Tools allow for the user to erase parts of the image
The Gradient Tool allows for the user to fill an image with a transition from one
color to another. The Paint Bucket Tool fills in the image with a single color
The Blur Tool smoothes the edges in the image. The Sharpen Tool makes the
edges in the image more defined
Exploring the Toolbar

11. Exploring the
Toolbar
The Dodge Tools lightens and the Burn Tool darkens the selected area
The Type Tools allows for a variety of text to be added to an image
The Shape Tools allow you to add shapes to your image
The Eyedropper Tool allows you to capture a specific color from a portion of your image
The Hand Tool allows you move the image within the window
The Zoom Tool allows you to zoom in and out from an image to view it from different perspectives
The Foreground / Background Color Selector specifies the colors you are currently working with.
For example, adding a text object will take the foreground color by default. Inserting a gradient will
transition the colors from the foreground to the background

12. Exercise: Making A Banner
Create a blank canvas, change the Width
to 500 pixels and the Height to 100 pixels
Photoshop will then create a workspace
like that shown below

Use the type tool to insert text
Note that in the lower right-hand corner that you
have added a new layer with the type tool. You can
now apply modifications to one layer without
affecting the other

13. Exercise: Making A Banner
To change the color of the text
Make sure the type layer is selected
Select the type tool from the toolbar
Change the color by clicking on the color selector
from the toolbar

14. Exercise: Making A Banner
To apply a gradient or fill to the background
Make sure the background layer is selected
Select the desired gradient colors by setting
the foreground and background colors from
the toolbar
Select the gradient tool
Then just click and drag a line across the image
Note how the length and direction of the line drawn affect the gradient

15. Exercise: Making A Banner
The different layers of the banner can also be edited to
add more styles
Common applications to the text
layer include the ‘Drop Shadow’
and the ‘Stroke’
Note the before and after effects
on the text
or by clicking

16. Exercise: Working With Photos
Resizing A Photo
Open flowers.jpg
From the menu, select
Image => Image Size…

A dialog box will appear allowing you
to specify the new size for the imag

17. Exercise: Working With Photos
Creating a Thumbnail
As a continuation of the previous exercise, resize the
flowers.jpg to a width of 200 pixels. The height should
automatically adjust
Now this file can be saved with a different file name to
allow users to click on the smaller image to load the
larger.

18. Exercise: Working With Photos
Rotating an Image
To change an image’s orientation select:
Image => Rotate Canvas

19. Exercise: Working With Photos
Adding a Border
To add a border to an image, apply the ‘Stroke’ effect
to the background
First, add a layer to the background
Layer => New => Layer From Background…

20. Exercise: Working With Photos
•Then add a ‘Stroke’ Layer Style
–Change the Position to ‘Inside’
–You may modify the Color and Size to the desired attributes

21. The Layer Menu
Layers allow for the editing of specific image
components without editing the image as a whole
For example, to change only the background color
The ‘Layers’ menu is located in the lower right-hand
corner of Adobe Photoshop
This menu allows layer manipulation including:
Visibility
Changing Layer Styles
Creating A New Layer
Deleting A Layer
Changing The Layer Opacity

22. EXERCISE: Selection and Using
Layers
In this exercise, you’ll take the tomato and
make a new image incorporating layers,
text, gradients, and a basic filter.
Original File New File

23. EXERCISE: Using Layers
1.Save the file tomato.tif from my Adobe Photoshop Images page. Insert the
file into Photoshop by selecting File > Open > tomato.png
2. Select the white background using the magic wand tool, Select > Similar.
Hold down the shift key.
3.Choose Select > Inverse to select the tomato instead of the white
background.
4. Copy your selection. Edit > Copy or Ctrl + C.
5. Create a new file. File > New. File specs: 8 inches (width) by 2 inches
(height), 72 dpi, RGB mode, white background.
6. Paste the tomato into the new document. Edit > Paste or Ctrl + V.
7. Create a copy of the layer by pulling the layer onto the new layer button. The
new layer is automatically placed above the layer that was previously active.

24. EXERCISE: Using Layers
8. Create a text layer using the Horizontal Type Mask Tool. Type “T mat”.
9. Use the gradient tool to create a gradient from red to yellow. This will
create the effect of gradient text in the selection.
10. Move the two tomato layers into the area where the letter “O” would go.
11. While on the text layer, click the New Layer Style button and choose
Drop Shadow from the popup menu. Adjust the settings to your liking.
12. Again, click the New Layer Style and choose Bevel and Emboss from
the popup menu. Again adjust these settings to your liking.
13. Right click on the layer and choose Copy Layer Style. Right click on
each of the other layers and choose Paste Layer Style. You will see that
the settings for each layer style has been applied to the layer.

25. L/O/G/O
Thank You!
WE ARE FRIENDS