Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Visit us at:
http://itls.saisd.net/tli
Beginning Basics
Opening Photoshop ..............................................................................6
Photoshop Window Overview...............................................................6
Tool Bar Overview ................................................................................7
Palette Overview...................................................................................8
Creating a new Document ....................................................................9
Photo Retouching
Resizing Images ...................................................................................30
Adjusting Color .....................................................................................31
Replacing Color ....................................................................................32-35
Removing Unwanted Images................................................................36
Replacing Part of an Image ..................................................................37-38
Adding Text to Images..........................................................................38
Adding Effects to Text on Images.........................................................39
Applying Filters to Images ....................................................................40
Adding Color to B&W Images ...............................................................40-41
Saving Images for Publication ..............................................................42
Printing from Photoshop .......................................................................43
Software Integration
TA: TEKS..............................................................................................49-58
Evaluation Form
Geometric Reflections and Evaluation..................................................59-60
As with any graphic program, the work is tedious. The skills explained within this
manual will help you to master some of the features available within Photoshop.
However, these are only the beginning steps. There are so many topics to cover
within Photoshop it would be impossible to combine them all within one manual.
Patience is the key.
Prior to beginning any project, Plan Ahead. Planning a design within Photoshop or
having an objective prior to beginning a project will save time and prevent user frus-
tration.
1. Click on Start
2. Choose All Programs
3. Select Adobe Photoshop 7.0
4. Or Click on the Photoshop ShortCut created on the desktop
The Photoshop Tool Bar has many hidden tools. These hidden tool can be seen by
holding down the mouse on any tool that has a small arrow located in the lower right
hand corner
Marquee Tools
Vector Selection Tool
Pointer Tool
Text Tools
Lasso Tools
Pen Tools
Magic Wand Tool
Shape Tools
Crop Tool
Color Palette
Eraser Tools
Paint Tools
Masking Tool
Effects Tools
Screen Modes
Effects Tools
When creating a new document, the settings that are created are extremely impor-
tant to the outcome of you document.
1. Click on File
2. Choose New
Using the New document window, you need to set the following options:
• The selection tools include the marquee tools, lasso tools, magic wand tool,
cropping tools, and slicing tools
Marquee Tools
• There are four marquee tools: rectangular marquee, elliptical marquee, single
row marquee, and single column marquee.
• Any selected object can be moved to a new canvas or to another location within
the picture by using the pointer tool
• There are three lasso tools: Lasso Tool, Polygon Lasso, and Magnetic Lasso.
• The lasso tool is a free form tool that will allow you to freely trace an object.
• The polygon lasso works through coordinates. As you drag the lasso across the
object you will click creating points to select a free form geometric object.
• The magnetic lasso tool selects through a magnetic process in which the tool at-
tempts to stick itself to the object that is being traced.
• The polygon lasso works through geometric means. To begin creating the selec-
tion, click with the tool on the image and drag the lasso to the next turning point,
click the mouse again to create a new selection strand.
• This lasso tool also requires that an entire loop is created - the starting and end-
ing points must meet.
• This tool creates an easier method for selecting objects with straight edges, pre-
venting freeform mistakes.
• The magnetic lasso tool stick to color schemes when dragging the lasso across
an image, creating vector points.
• The magnetic lasso tool creates a clean selection of an odd shaped object.
• When using the magic wand tool, you can set the tolerance for color selection.
• The larger the tolerance number, the greater color allowance within the selec-
tion.
• In the example below, the yellow difference in the duck were too vast to use the
magic want, so the white background was chosen with the magic wand. Using
the select options choose select inverse and the opposite image will be selected.
• The cropping tool is used to reduce the size of an object or to remove objects
from an image.
• The slice tools are used to create regions within an image, generally this is used
for web publishing or creating images that have several different selection ar-
eas.
• The paint brush tools include the paint brush and the pencil tool.
• The paint brush will use the color that has been selected in the colors palette
and the brush setting can be set using the options bar.
• The repair tools include the healing brush and the patch tool.
• The healing brush allows the user to select an area of an image and remove
blemishes. When removing the blemishes using colors within the image, the tool
blends the colors together to make the repair appear invisible.
Healing Brush
Before After
• The patch tool can be used to easily remove unwanted objects from an image.
• The cloning tools allow the user to copy images within a graphic or use items
within the image to replace other images.
• The cloning tool does not blend colors as the healing brush, the cloning tool will
make an exact copy of an image.
3. Place the stamp on the area that you want to apply the pattern and draw.
• Each one of these tools works through the use of a paint brush and the options
for each tool can be set to allow for small or large areas.
• The Burn tool will darken the image or give a burned effect to the image
• The sponge tool will give a clean effect or slightly light appearance.
• The color tools include the paint bucket, the gradient tool and the color
swatches.
Paint Bucket
• The paint bucket can be used to fill in a space that was previously erased, it can
be used to fill a selection area with color, or it can be used to fill a blank canvas.
1. Create an area or selection area that you wish to fill with the paint color
2. Choose the paint bucket
3. Place the mouse over the area to fill and click
4. The area will be filled with the color.
3. Place the gradient at one end of the image and drag across the image.
4. The gradient will be applied to the image.
• The color tools are divided into four functions: Foreground color, Background
Color, Switch Colors, and Reset Defaults
Background Color
Reset to Default
• By double clicking on the foreground or background color swatches, you can se-
lect another color from the color wheel.
• There are three different eraser tools: eraser, background eraser, and magic
eraser.
• The background eraser is used to erase with tolerance and to erase background
objects on layer without affecting foreground objects.
• The magic eraser erases using pixels. The magic eraser erases based on simi-
lar colors in the same manner that the magic wand selects objects by color.
Eraser
The background erase selects by erasing the color selected in the middle of the
brush, providing additional control when erasing.
The magic eraser is best used when you want to erase a large area that is in the
same color scheme.
• If the desired effect is not achieved, adjust the tolerance. The lower the tolerance
number the lower the number of like color pixels chosen. The larger the toler-
ance number the greater the number of color pixels or ranges is chosen.
• There are four text tools: horizontal text, vertical text, horizontal mask tool, verti-
cal mask tool.
• The mask tool differ from the regular tools in that the mask tool provides an out-
line that needs to be filled and the mask will also place the text directly on the
object that you type onto. The regular text tools always create separate layers
for each text entry added to the canvas.
• When resizing images, you want to preserve as much of the original image as
possible. Therefore, resizing must be done in stages.
• Larger images are more difficult to resize because to reduce them to very small
images is very tedious to prevent loss of image clarity
• Make sure to change the pixel dimensions and not the document size. Docu-
ment size can be used as a visual guide for you, but the image must be adjusted
using the pixels to preserve the clarity of the image.
1. Choose Image
2. Select Adjustment
3. Choose Levels
4. Using the level markers adjust the color until the desire effect is achieved
• Using the selective color option you can replace unwanted color or objects, such
as red eye in pictures.
• Another method of replacing color is to adjust the hue and saturation of an object
by using the replace color options.
Selective Color
In the image below, the original image has blue eyes as a result of the flash used
when the picture was taken. By using Selective Color Option, the blue eyes will be
removed providing a more realistic look.
Selection Area
The replacing color tool is to replace color through the use of hue and saturation of
colors.
In the replace color dialogue box, there are three eye dropper options. The eye-
dropper is used to select the object for coloration
once. The eyedropper + is used to select the entire
image for coloration. The Eyedropper - is used to
remove areas of the selection.
The tools that will best remove unwanted objects are the cloning tools and the patch
tool.
1. Using a selection tool, create the selection that you want to remove
4. In the effects window, choose any of the effects for drop shadow, embossing, or
any of the other effects that are listed.
5. Click ok when desired effect is achieved.
The filtering effects have different appearance on the screen. The best method for
selecting a filter is to experiment with the filters available.
1. Using the zoom tool, zoom in on the object that the color will be added to
2. Choose a selection tool that will allow you to select only the object that you want
to colorize. This demonstration used the magnetic lasso.
3. After the selection is made, Choose Layer from the pull down menu
4. Select new
5. Choose New Via Cut
• Photoshop files are saved when you choose the File—Save As function. The
purpose for preserving the original Photoshop file is to ensure that the layers of
the image a kept intact. The layers allow the image to be editable. When an im-
age is saved as a web graphic, the layers are flattened, meaning that the layers
are dissolved into one image.
• Always make sure to save the Photoshop file and later save the image for the
web or as a graphic.
• The save for web option will compress the image to save space when publishing
on the web or when using the image as a gif or jpeg.
1. Choose File
2. Select Save as
3. Give the file a name and save as a Photoshop document
4. Click Save
5. Choose File Again
6. Select Save for Web
7. In the save for web dialogue box, choose the options for the type of image, you
can also compare images and determine image size in megabytes. In most
cases, the image loss on compression is not detectable.
• If the image is too large for the paper, a message will pop on the screen asking if
you want to continue printing. Generally, the dimensions of the image will ap-
pear if you open the Print Preview option prior to printing to check for print size.
1. Choose File
2. Select New
3. Complete the dialogue box for creating a new image
4. Make sure to set the image canvas large enough for your project, the canvas
can be reduced at a later time without altering the image.
Drawing an Image
• Images within Photoshop are drawn using selection area and free form shapes.
• As images are created in Photoshop, Photoshop builds layer for each object.
• At times it is necessary for the creator of the drawing to add additional layers.
• Layers provide freedom for drawing, allowing the user to make changes to some
objects without touching other.
• The history palette is the only method for erasing items once the process has
been completed on the canvas.
Layers are the most important aspect of a Photoshop document. When creating
documents, create a layer for each object drawn on the screen.
Always name your layers to distinguish between objects. Some layers may on have
miniscule objects that are difficult to see in a thumbnail image.
Saving
When saving documents using Photoshop, always keep copies of your work. Al-
ways save as a Photoshop File.
Photoshop files preserve the layers created in the original of the document. A
graphic will be a flattened image, creating a more difficult editing surface. As long
as layers exist, it is possible to lock certain layers, so that changes cannot be ap-
plied to those layers, while the editing process is being completed.
1. Access the old photograph within the Photoshop samples and Restore the image
3. Create a new document and create a collage that adds text and graphics.
1. List three ways in which Photoshop could be used within the aca-
demic classroom.
_______________________________________________________
_______________________________________________________
_______________________________________________________
_______________________________________________________
4. What are the different types of selection tools and why are the vari-
ous types of selection tools needed?
_______________________________________________________
_______________________________________________________
_______________________________________________________
_______________________________________________________
_______________________________________________________
5. What are layers and how can layers aid the designer in the develop-
ment of an image or graphic?
_______________________________________________________
_______________________________________________________
_______________________________________________________
_______________________________________________________
TEKS (2) Foundations. The student uses data input skills appropriate to
the task. The student is expected to:
(b) Introduction.
TEKS (3) Foundations. The student complies with the laws and examines
the issues regarding the use of technology in
society. The student is expected to:
TEKS (6) Information acquisition. The student evaluates the acquired electronic
information. The student is expected to:
7.If this activity was TEKS-related, at what LOTI level were most of the activities? 1 2 3 4 5
8.Anything else you would like to share about the workshop today that may not have been addressed
previously?
1 Awareness The use of computers is generally one step removed from the classroom teacher
(e.g., it occurs in integrated learning system labs (i.e. Jostens, CCC, IDEAL, Plato),
special computer-based pull-out programs, computer literacy classes, and central
word processing labs). Computer based applications have little or no relevance to
the individual teacher's instructional program.
2 Exploration Technology-based tools serve as a supplement (e.g., tutorials, educational games,
simulations) to the existing instructional program. The electronic technology is em-
ployed either for extension activities or for enrichment exercises to the instructional
program.
3 Infusion Technology-based tools including databases, spreadsheets, graphing packages,
probes, calculators, multimedia applications, desktop publishing, and telecommuni-
cations augment selected instructional events (e.g., science kit experiments using
spreadsheets or graphs to analyze results, telecommunications activities involving
data sharing among schools).
4a Integration Technology-based tools are mechanically integrated, providing a rich context for
(mechanical) students' understanding of the pertinent concepts, themes, and processes. Heavy
reliance is placed on prepackaged materials and sequential charts that aid the
teacher in the daily operation of the instructional curriculum. Technology (e.g.,
multimedia, telecommunications, databases, spreadsheets, word processing) is per-
ceived as a tool to identify and solve authentic problems relating to an overall theme
or concept.
4b Integration Teachers can readily create integrated units with little intervention from outside
(routine) resources. Technology-based tools are easily and routinely integrated, providing a
rich context for students' understanding of the pertinent concepts, themes, and proc-
esses. Technology (e.g., multimedia, telecommunications, databases, spreadsheets,
word processing) is perceived as a tool to identify and solve authentic problems
relating to an overall theme/concept.
5 Expansion Technology access is extended beyond the classroom. Classroom teachers actively
elicit technology applications and networking from business enterprises, govern-
mental agencies (e.g., contacting NASA to establish a link to an orbiting space shut-
tle through the Internet), research institutions, and universities to expand student
experiences directed at problem solving, issues resolution, and student activism
surrounding a major theme or concept.
6 Refinement Technology is perceived as a process, product (e.g. invention, patent, new software
designed), and tool for students to use in solving authentic problems related to an
identified real-world problem or issue. In this context, technology provides a seam-
less medium for information queries, problem-solving, and product development.
Students have read access to and a complete understanding of a vast array of tech-
nology-based tools to accomplish any particular task.
http://www.adobe.com/products/tips/photoshop.html
http://www.grafx-design.com/phototut.html
http://www.mccannas.com/pshop/photosh0.htm
http://www.absolutecross.com/tutorials/photoshop/
http://hotwired.lycos.com/webmonkey/design/graphics/tutorials/tutorial1.html