Photoshop Cs5 Basic Layers and Text

7/29/2019 Photoshop Cs5 Basic Layers and Text

1/29

Photoshop CS5:Basic Layersand Text

Student Document

July 1, 2011


2/29

Author: Anne Kolaczyk

Editor: Anne Kolaczyk, Susan Antonovitz

2011 Office of Information Technologies, University of Notre Dame. All rights reserved.

Reproduction or translation of any part of this work without the permission of the copyright owner is unlawful.

Requests for permission or further information should be addressed to the Office of Information Technologies,

University of Notre Dame.

All registered trademarks, trademarks, and service marks are the property of their respective owners.


3/29

7/1/2011 Photoshop CS5: Basic Layers and Text

University of Notre Dame Contents i

Table of Contents

Introduction ............................................................................................................ 1

Prerequisites............................................................................................................... 1

Learning objectives.................................................................................................... 1

Class files ................................................................................................................... 1

Review..................................................................................................................... 2

Image size .................................................................................................................. 2

History panel.............................................................................................................. 2

Rulers ......................................................................................................................... 3

Class project .......................................................................................................... 4

Creating a new file..................................................................................................... 4

The Layer panel ......................................................................................................... 5

Working with layers................................................................................................... 6

Adding photos................................................................................................ 6

Adding effects................................................................................................ 8

Drop Shadows................................................................................................ 9

Actions ....................................................................................................................... 10

Deleting a layer .............................................................................................. 12

Applying actions ............................................................................................ 12

Manipulating layers ................................................................................................... 12

Ordering layers .............................................................................................. 13Working with text ...................................................................................................... 13

Adding text .................................................................................................... 13

Changing text ................................................................................................. 14

Adding text effects......................................................................................... 15

Creating bulleted lists ................................................................................................ 16

Using the Ellipse tool..................................................................................... 16

Using a text bullet .......................................................................................... 17

Organizing layers ....................................................................................................... 18

Getting Help............................................................................................................ 19

Adobe Help menu ...................................................................................................... 19

Google........................................................................................................................ 19

OIT Help Desk........................................................................................................... 19

631-8111 ........................................................................................................ 19
http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/


4/29

Photoshop CS5: Basic Layers and Text 7/1/2011

ii Contents Office of Information Technologies

Appendix A: Terms................................................................................................ 20

Appendix B: Interface............................................................................................ 21

Appendix C: Basic tools........................................................................................ 23

Appendix D: Saving your file................................................................................ 24

Saving our file................................................................................................ 24
http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/http://ps_cs5_layers.pdf/


5/29


University of Notre Dame 1

Introduction

Photoshop is a complex program that can do amazing things with

photographs and graphic files. Because of its complexity, it can take

time to learn all its possibilities. This class will provide an

introduction to the basic use of layers in Photoshop. This is intended

to be a beginning program, but in it, you should gain enough

experience to continue using these tools on your own with your own

photos.

Prerequisites

The following skill prerequisites are recommended for a participant

to get the most out of this training experience.

Familiarity with digital photographs and graphic files

Experience with the Windows environment

Experience with the basic Photoshop tools covered in the OIT

training class: Photoshop CS5: Basic Photo Manipulation.

Learning objectives

This course is designed around a series of learning unit activities

that teach specific skills. These activities include step-by-step

instructions, as well as an explanation of why a particular skill is

important and how it can be used in real-life situations.

Upon completion of this course, participants should understand:

the basic use of layers: creating, changing the order, deleting

and merging

how to add text to an image

how to apply effects to layers and text

Class f iles

The files needed for this class can be found at:

I: > win_dos > Training > Photoshop_Layers


6/29


2 Office of Information Technologies

Review

Image size

1. Open the file OurLady.psd.

2. From the Image menu, choose Image Size.

Notice the Pixel Dimensions are at the top andDocument

Size is in the middle. Pixel Dimensions include Width and

Height;Document Size includes Width, Height andResolution.

IfResample Image is unchecked, Pixel Dimensions is

locked and unchangeable;Document Size links Width,

Height, and Resolution.

IfResample Image is checked, Pixel Dimensions may be

changed;Document Size only links Width and Height.

3. WithResample Image unchecked, change theHeightto 12

inches. ClickOK.

History panel

4. In the file OurLady.psd, go to Image > Canvas Size.

5. Change the canvas width to 13 inches and clickOK.

6. Go to Image > Adjustments > Variations.


7/29



7. Lighten theMidtones twice and then the Shadows twice. Click

OK.

8. Open theHistory panel.

9. Go back to the version of the image where you changed it to 12

inches high.

10. Close theHistory panel.

11. Save OurLady.psd and then close it.

Rulers

To show the rulers, go to View, then Rulers. This will help us place

objects more exactly.

The tools covered in this review are ones covered more extensively

in the class Photoshop CS5: Basic Photo Manipulation. For more

information on that class, email [email protected] or call 631-7227.

History panel

button


8/29



Class project

In this class we will construct a collage-like poster, using one photo

as the background and adding other photos around it. Well then

add text and learn to add effects to the text.

Creating a new file

1. From the Photoshop File menu, choose New.

2. In the New dialog box:

Name: Poster

Width: 11 inches

Height: 17 inches

Resolution: 300 ppi Leave Color Mode as RGB and Background as White

3. Click OK to close the dialog. Save the file as Poster.

4. Open the file OurLady.psd.

5. Select all (Select > All orCtrl+A), then copy it (Edit > Copy

orCtrl+C).

6. Go to the file Poster and paste (Edit > Paste orCtrl+V) the file

into it.

NOTE: Although we changed the height of the file to 12 inches,

when we pasted it into the 11x17 inch, 300 ppi file, the

resolution was automatically changed to 300 ppi which

changed the height and width proportionally.

7. Using theMove tool, move around the photo onLayer 1.

NOTE: The photo is too wide for the canvas and when you move

it, the part that is off the canvas will not appear.

8. Close the file OurLady.psd.


9/29



The Layer panel

One of Photoshops strengths is the ability to use layers in your

images. This means you can do different things to different parts of

your image. Lets look at the various tools Photoshop has to work

with layers.

1. In the file Poster.psd, choose the Design workspace layout.

2. The Layers panel is in the lower right. Notice this image is

comprised of two layers, withLayer 1being the selected layer.

3. From theLayers panel, we can:

Change the opacity of the layer

Lock the transparency, the image pixels, the position or the

whole layer

Show or Hide the layer

Use the quick toolbar at the bottom to:

Link layers

Add effects

Group layers

Create a new layer

Delete layers,

Note:

We will not cover all the

tools accessed from the

quick toolbar at the

bottom of the Layers

panel. Masks and

adjustment layers are an

advanced topic.

Locking options

Opacity setting

Show/Hide layer

Selected layer

Layer dropdown button

Link layers

Add effects

Group layers

Create layer

Delete layer


10/29



The Layers dropdown menu allows us to perform the same

functions as the quick toolbar and also:

Duplicate layers

Change the layer into a Smart Object

Merge layers

Flatten the image

4. You can also rename a layer by double clicking on it.

Working with layers

Were going to some smaller photos to our poster. Each will be on

its own layer.

Adding photos

1. From within Photoshop, open the file cabinet.jpg.

2. Open theImage Size dialog box. Note the size and resolution,

but close the dialog box without changing anything.

3. Copy the photo and paste it in the poster file. Note the new size

of the photo once it was converted to 300 ppi.

4. Right click onLayer 1 in theLayers Panel and choose Delete

Layer. ClickYes in the confirmation dialog box.

5. Return to the cabinet.jpg file in Photoshop. If necessary,

deselect the selection (Ctrl+D, orSelect > Deselect).

Do Exercise #1 now.


11/29



6. In the toolbar, select theRetangular Marquee tool. In the tools

option bar, enter20 px in the Feather field.

7. Select an area of the picture that encompasses the woman

locking the cabinet. Be careful not to get too close to an edge

when you have feathering set.

8. Copy the selection (Ctrl+C orEdit > Copy) and paste it into

the poster file (Ctrl+V orEdit > Paste).


12/29



Notice the fuzzy edges of the selection. This is the feathering

effect. If you were too close to an edge when you feathered, that

side of the photo would appear flattened. Notice too that when

you copied and pasted, you created a new layer automatically.

9. Move the new photo to the lower right of the poster.

10. Save your file.

Adding effects

Photoshop allows you to add effects through the layer panel,

treating each part of the file in different ways.

11. Right click onLayer 1 in theLayers panel and choose Blending

Options.


13/29



TheLayer Style dialog opens up.

On the left is a Styles pane that shows the various styles you can

apply to the layer. Clicking in the checkbox applies the default

values of that style to the layer.

On the right are the specific Style preferences. Clicking on the

name of the style in the left pane will bring that styles

preferences into the right pane.

12. Click on the words Drop Shadow. A check appears in thecheckbox and the Drop Shadow preferences appear.

There is a small preview screen on the far right of the dialog

box, but you can also see how the effect looks in our poster file.

Drop Shadows

The Drop Shadow preferences allow you to adjust your effect in a

number of ways.

Blend Mode:

This is a more advanced feature and determines how the pixels of

the drop shadow blend with the pixels of the picture beneath it.

Opacity:

Sets how dense or opaque the shadow is.


14/29



Angle:

Sets the direction the light is coming from.

Distance:

Sets the offset distance of the shadow.

Spread:

Sets how wide the boundary of the matte is before blurring.

Size:

Sets the size of the shadow.

Contour:

Sets the shadows fade.

Noise:

Sets the number of random elements in the shadows opacity.

Layer Knocks Out Drop Shadow:

Controls the drop shadows visibility in a semitransparent layer.

13. Change the preferences as follows:

Angle: Change to 50

Distance: 15

Spread: 2

Size: 10

14. ClickOK to close the dialog box.

Actions

Photoshop allows you to create Actions--similar to macros inMicrosoft Word--where you record the various changes you make

to a layer or file and then you can play them back to make the same

changes to another file or layer. This is very handy when you have

a number of files that need to be adjusted the same way. Be aware

that some tasks within Photoshop do not lend themselves to

automation in every case.


15/29



1. Open the file keyboard_lock.jpg.

2. ViewImage Size. Make sure the resolution is set at 300 ppi.

3. Select theRectangular Marquee tool and set theFeather to 20

px.

4. Select an area encompassing the hands and the keyboard,

staying away from the edges of the file.

We will not include the actual selection in our Action because

the area we wish to select may change from photo to photo.

5. From the Windows menu, choose Actions. There are a number

of pre-set Actions listed in the panel, but we will be creating a

new one.

At the bottom of theActions panel are various controls and

functions that mange the recording of your action and also allow

you manage your actions.

6. Click the New Action button at the bottom of the Actions panel.

Name your new action AddPhoto, then clickRecord.

7. Go to Edit > Copy. Then click on the tab to make thePoster.psd

file active. Go to Edit > Paste. (Using keyboard commands for

copy and paste will not work in an Action.)

8. Click on the Layers button to make theLayers panel active.

9. Right click on the newly made layer and choose Blending

Options.

10. Click on the wordsDrop Shadow to open the preferences.

PlayStop New Action

New SetRecord

Delete


16/29



11. Change the following values, if necessary:

Angle: 50

Distance: 15

Spread: 2

Size: 10

12. ClickOK to close the dialog box.

13. Click the Stop button on the bottom of theActions panel.

Deleting a layer

In order to try out our Action, lets delete the keyboard photo we

just worked with.

14. In theLayers panel, right click on Layer 2 and choose DeleteLayer. ClickYes to confirm the deletion.

Applying act ions

15. With Poster.psd andKeyboard_lock.jpg as the only open

files, make Keyboard_lock the active file.

16. Using theRectangular Marquee tool, select an area that

encompasses the hands and most of the keyboard.

17. In theActions panel, choose the AddPhoto action and click thePlay button at the bottom of the panel.

18. Save your Poster.psd file and then close Keyboard_lock.jpg.

Manipulating layers

Each time we placed a new photo, a new layer was created and

given an automatic name. When you have a file with more than just

a few layers, its best to rename them something helpful.

1. Double click on the name Layer 1 and change it to cabinet.

2. Change Layer 2 to keyboard andLayer 3 to shredder.

Do Exercise #2 now.


17/29



3. Click on cabinet to make it the active layer and, using theMove

tool, drag the photo to the middle left of the poster file.

4. Move the keyboard photo below it, and the shredder below

that, allowing the files to overlap slightly.

Ordering layers

The order that layers are listed in the Layers panel indicates the

order that they are stacked in the file. The Background is always

at the bottom of the layer list and is always farthest back in the file.

The layer at the top of the layer panel is at the very front of the file.

You move layers by dragging them up or down.

If you look at the overlap of the keyboard and the cabinet picture,

the keyboard is covering part of the womans hand. We want the

cabinet picture to be on top of the keyboard picture.

5. Drag the layercabinet to the top of the layer list.

6. Drag the layershredder to beneath the layerkeyboard.

Working with text

Text can be added to your file, residing on a text layer where you

can manipulate it and add effects as you did with other objects on

layers.

Adding text

1. Select the Horizontal Type tool.


18/29



2. From the Window menu, choose Character. The Character

panel opens.

3. If necessary, make these changes:

The font to Arial, Bold and 48 pt

Set the leading to 60 pt

Set the color to a dark blue

4. Click with the Type tool in the upper left area of the poster. A

small box will appear as your starting point.

5. Type the following:

Keeping University data secure is all our

responsibility

Notice how the type runs off the page. By default,

Photoshop makes text point text. This means you need to

hitEnter to manually insert line breaks.

To change it to paragraph text, right click on the text layer

and choose Convert to Paragraph Text. This will put a

bounding box around the text and you can adjust the size of

the box to adjust the flow of the text.

6. With the text layer and the Type tool selected, select all the text

you typed. Right click on the text layer and choose Convert to

Paragraph Text.

Changing text

To move the text, make the text layer the active layer and use

theMove tool to drag the text to its new location.

To edit the text, using the Type tool, click in the text where you

wish to make changes.

To change formatting of the text, double click in the text icon

in the text layer to select all the text.

7. Make the following changes to the text:

Right align the text

Have the right edge of the text slightly overlap Marys

shoulders; have the top of the first line of text line up with

her halo


19/29



Change the font size to 60 and the leading to 90

Changeresponsibility toresponsibilities

8. Save your file.

Adding text effects

You can add effects to text just as you can to any layer.

9. Using theZoom tool, zoom in to the text you just entered.

10. Right click on the text layer and choose Blending Options.

11. Add a drop shadow.

Change the Opacity to 50

Change theDistance to 30

Change the Size to 20

Be careful to have a consistent light source when having

multiple items with a drop shadow in one photo.


20/29



12. Try some of the other effects, especially Bevel and Emboss

andStroke.

13. ClickOK to close the Layer Style dialog box.

14. To use this same shade of blue for more text, click on the eye

dropper tool, then use that to click on the blue in the text we justcreated. The blue is now our foreground color.

15. Save your file.

Creating bulleted lists

Photoshop does not have the same text formatting capabilities as

other software like Word or InDesign but you can still achieve thelook you want.

Using the Ellipse tool

1. Choose theEllipse tool.

2. Make sure the dark blue is still our foreground color, and then

draw a small circle next to the Keep sensitive data in locked

cabinets text. (You may need to use the History panel to undo

and try again.)

3. Move the circle to the desired location.

4. Add a drop shadow to the circle.

Do Exercise #3 now.


21/29



5. In theLayers panel, drag the text layer so it is right beneath the

layer containing your circle.

6. Hold the Shift key down and select both layers.

7. Right click on either of the layers and choose Link Layers.

Now the layers are linked and will move together.

Using a text bullet

1. Double click in the text symbol of the layerLock your

computer... to select the text. The Type tool should now be

active.

2. Place your cursor in front of the workLock.

3. In the Character panel, change:

The font to Wingding

The size to 14 pt

The superscript baseline to 5 pt

The link symbolshows that the

layers are linked


22/29



4. Type a lowercase L. This should put a bullet before the text.

5. With the cursor after the bullet, change the font size to 8 and

then add a space.

6. In theParagraph panel, change the first line indent to -20. This

will outdent your bullet.

Organizing layers

You can link layers to move them as one. You can also group layers

and move them as one, but grouping has the added benefit of

allowing you to collapse the group in your Layers panel and have

fewer layers to scroll through.

1. In theLayers panel, select the three layers containing the

photos we added to the poster: cabinet, shredder and

keyboard.

2. From the Layer menu, choose Group Layers. A folder appearsin yourLayers panel namedGroup 1. Change the name of the

group to Images.

3. Expand the group to see the layers it contains.

Do Exercise #4 now.


23/29



4. Using theMove tool and with theImages group selected in the

Layers panel, drag the photos slightly to the left. They should

all move as one.

5. Save your file.

Getting Help

Adobe Help menu

This menu takes you to the Adobe help system and will answer

most of your questions about Photoshop CS5.

Google

Many times if you cannot find the answer to your problem/question

in the Adobe Help menu, you can google the key words and find

many answers. Refining your search can be an art but there are

many excellent web pages that can give you assistance if you can

find them.

OIT Help Desk

631-8111

Photoshop CS5 is supported software and the OIT Help Desk

should be able to help you with the basic functions.


24/29



Appendix A: Terms

Resolution is the measure of detail in a graphic. Its usually

expressed in ppi (pixels per inch) ordpi (dots per inch). The higher

the ppi is, the more detail thats visible.

Width, height and resolution are all tied to file size. If the three are

linked, when you change one of them, you change the other two but

the file size stays the same. If only width and height are linked, you

will reduce the file size when you reduce the dimensions.

Graphics displayed on a web page must be 72 ppi (low-res). If your

file has a larger ppi, the dimensions will be adjusted so that 72 is

your ppi.

Printed graphics should be 300 ppi. You cannot get a good quality

print from a low-res photo for which you changed the resolution.

File format:

Jpeg is the file format most used for photographs; you can

set the level of compression to control the amount of loss of

detail.

Gifandpng are the file formats most used for graphic

elements for web pages because of their very small file size.

PSD are PhotoShop Documents.

BMP are bitmapped files. They are pure black and white

and very small files.

Image size refers to the dimensions of the graphic and also the

resolution.

Canvas size refers to the canvas the graphic resides on.

Image mode:

Grayscale images are in black and white and shades of

gray, with no color.

RGB images are made up of red, green and blue dots andused primarily for screen viewing.

CMYK images are made of layers of cyan, magenta,

yellow and black and used primarily when the images will

be printed.


25/29



Appendix B: Interface

Photoshop has a moveable toolbar on the left, panels on the

right, a menu bar across the top and, under that, an Options bar

that changes for each tool selected.

You can rearrange the workspace to suit your project.

The Essentials, Design andPainting buttons will change the

workspace to the default view for each task.

If you change the workspace, in the Workspace menu, you canchoose Reset Workspace and the default view appears again.

To move the toolbar, put your cursor on the dark bar at the top

of the toolbar and drag it to your right.

Click on the double arrows in the dark bar and the toolbar

changes shape.

Click on the X and the toolbar disappears.

Go to the Window menu and choose Tools to make is visible

again.

To move a panel, put your cursor on the dark bar at the top. Drag

the panel group.

To dock it again, drag the panel back to the right. Notice the

blue line where the panel will be docked. If you drag your

cursor over the Layers panel, a bluebox will appear, indicating

toolbar menu bar options bar panels


26/29



the dragged panel will be merged with the one with the blue

box.

6. Each panel has a dropdown menu with specific tools in it. Click

on the dropdown indicator and the dropdown menu relating to

the visible tab will appear.

Click off the menu to hide it again.


27/29



Appendix C: Basic tools

Move: This is the first tool in the toolbar. Its used to move

part of layers around.

Marquee: This is the second tool. The default marquee

shape is a square, but if you right-click on the arrow in the

lower right of the tool, you can choose an elliptical shape, or

a row or column shape. This tool allows you to select part of

a layer or to make shapes that you can stroke or fill.

Polygonal Lasso Tool: This tool allows you to select an

irregularly shaped area.

Magic wand: With the Magic Wand, the fourth tool down,

you can select an area by color, or multiple areas of the same

color.

Crop: The Crop tool is the fifth tool down. It shares a group

with the Slice tools. This tool allows you to crop a photo or

graphic. It works on the entire file, not just one layer.

Spot Healing Brush Tool: This tool helps to blend the edges

of manipulated areas together or can be used to eliminate a

defect in the photo.

Clone Stamp: The Clone Stamp is part of the next group of

tools, and allows you to copy or clone part of a picture on

another part.

Eraser: With the Eraser tool, you can erase parts of graphics.

If you erase part of a layer, the layer below it will show

through. If you use the Background Eraser tool, you can

erase the background to transparency. The Magic Eraser will

erase solid-colored areas to transparency with a click.

Zoom: This is the very last tool in the toolbar above the

foreground and background color swatches. This allows you

to zoom in or out of a picture.


28/29



Appendix D: Saving your file

Photoshop allows you to save your file in different ways,

depending on how you will use it.

.psd file

Saving your file as a Photoshop file allows you to keep the layers

intact. This way you can always come back to adjust the file and use

it again, or correct something you didnt the first time around.

Photoshop files can be imported into Adobe InDesign, where you

can hide layers or show them all, as needed.

Photoshop files allow you to keep a transparent background.

Whenever you adjust photos or build a composite, its a good idea

to keep a .psd copy of it.

.jpg

A .jpg file is the best format to save files for printing or general use.

There are different levels of compression that you can choose when

saving as a .jpg file, depending on how the photo will be used.

Photographs on the Web should be .jpg files.

When you save a file as a .jpg file, your background will turn white.

There is a special function in Photoshop to save a file for Web use.

It will compress the file correctly and adjust the resolution for goodonline viewing.

.gif or .png

Non-photographic graphics to be viewed online should be saved as

.gifs or .pngs. The file will be compressed and the colors simplified

to make the graphic the smallest file size for faster viewing. If color

reproduction is very important, save the graphics as .jpgs.

Saving a file in .gif format will keep a transparent background.

Saving our file

Saving as a .psd file

From the File menu, choose Save. Because our file was a

Photoshop file to start with, it will save our changes and keep it a

.psd file.


29/29


Saving as a .jpg

1. From the File menu, choose Save As.

2. Choose JPEG as the Format and clickSave.

JPEG Options open

Choose a low quality number for sending photos by

email for casual sharing (low number means small file

size)

Choose a high quality number if the photo will be

printed (high number means larger file size but better

resolution)

If you are unsure how the file will be used, always save

it in the highest form available.

3. Click OK. Now it is saved as a .jpg file.

Saving for Web use

1. From the File menu, choose Save for Web & Devices.

The tabs in the upper left, allow you to compare your

original file with various different settings

In the upper right, you can choose a Preset selection of

preferences

You can choose your format: GIF, PNG, JPG, WBMP

You can choose the level of dithering (a pattern of dots thatsimulates a color not in the color panel)

You can convert to RGB and change the image size

Click Save to save the file in the format listed; ClickDone

to save the settings but not save the file

Click Save to save the file.