6/18/09: PS Text, Layers, History Panel, File Formats

Four Common Image File Formats and their general purpose:

Change the file format of an image : >File > Save -or- Save As…see the “Format” option.

.jpeg/.jpg: generally good for photos, a standard file format.

• (Compuserve) .gif: good for the web, 256 “web safe” colors, smaller file size; keeps a transparent background.

.tif: “Tagged Image File Format” commercial print standard; most reliable and is the highest resolution of all of the different available graphics formats.  

.psd: Photoshop native file format, keeps Layers, larger file size; Options: check Maximize Compatibility for use in other programs.

Text Tool-

Add horizontal or vertical type. note: Text conforms with image resolution; quality varies. Open the Layers Palette (>Window >Layers)

1. Select the Type Tool and click in the desired area of your document.

2. A flashing cursor appears. Start typing.

3. Highlight your content to edit from the Option Bar:

Choose font, size, color,warp…click on cancel or accept icon to finish Text edit.

4. Click the check mark to accept edits -or- click the cancel icon to cancel current edits.

5. Use the MOVE Tool to move text layer.

Editing Type

1. Select the specific type layer you wish to edit in the Layers Panel by clicking on it so that it is highlighted.

2. Edit text content in the Option Bar.

**note: Adding Text creates a New Layer!

**”Rasterize” Text layer to make it an editable object (can be colored, resized, filtered, etc).

In-Class Assignment 3: Sesame

Go the the class server >ReadWrite folder and drag a copy of this file to your Desktop. Move it to >Your Home folder>Documents >your folder >Photoshop>Assignments folder

  • Use Selection, Paint, & Drawing Tools to CLEAN and color the image.
  • Use the Text Tool to fill in talk balloons.
  • Save as:”yourname_sesame.psd
  • Save document to >Your Home folder>Documents >your folder >Photoshop>Assignments
  • Place a finished copy onto the class Drop Box on the server
  • Place a finished copy onto your Flash Drive

Layers- Image sections one on top of another.

Open the Layers Palette:>Window >Layers

From the class server, copy 3-5 images from IDST 120 Stock Images folder to your Desktop. Move to >Your Home folder>Documents >your folder >Photoshop>Assignments

In Photoshop, open the files:

>File >Open…point to the file

note: By default, there is always a locked Background Layer

UNLOCK Background Layer by double clicking to rename, the lock icon disappears.

Copying and Pasting image files into One Document:

1. Select the image with a Selection Tool (ie: Quick Selection, Marqee). Make sure you are on the correct Layer!

2. Copy the selection >Edit >Copy -or- Apple + C

3. Merge with another document: click on the document and choose  >Edit >Paste -or- Apple + V

4. Use the Move Tool for placement.

Change a Layer Size:

1. Select the specific layer you wish to edit in the Layers Panel by clicking on it so that it is highlighted.

2. Choose >Edit >Transform >Scale…temporary handles appear around the layer.

3. Hold Shift and pull edges to keep proportions -or- click and drag the handles to edit the size.

4. Click the check mark to accept edits -or- click the cancel icon to cancel current edits.

5. Use the MOVE Tool to move a layer.

Layer Options:

* Delete-Select layer and drag (or click) trash icon at the bottom of the Layers Palette (NOT the Trash in the Dock!).

* Re-arrange-Layers are stacked and read from “top” to “bottom”

* Rename-Double click on “Layer __” to give it a new name.

* Change Opacity-Move Opacity slider at the top of the Layers Palette.

* Merge-Too many Layers? Merge down to combine Layers.

1. In the Layers Palette, select a top layer to merge with a bottom layer.

2. In the Layer Options button, click to select “Merge down” -or- Apple+E

* Visible/Invisible: check Eye icon

Duplicate a Layer:

1. Select the Layer in the Layers Palette

2. Choose: >Layer >Duplicate Layer : rename

Create a New Layer:

>Layer >New Layer

or

Choose the New Layer Button located at the bottom of the Layers Panel

*It is good practice to name your Layers!

note: Adding Text and/or copying & pasting a new image together also creates new layers

History Panel- >Window >History

Retraces each step from the opening of a file, allows multiple undoes.

>Options >Allow nonlinear history (erases only that state)

Finish Sesame document.

Links to Review:

Photoshop Layers 101

Elements & Principles of Graphic Design

~ by idst120 on June 18, 2009.

Leave a Reply