1. CSC020, Computer Graphics
Type tools 1

2. Type Tools Horizontal and Vertical Type
Download Type.zip from Outbox.
Open ScottsRunKayak.jpg in Photoshop.
Adding horizontal or vertical type creates a new layer.
Click a point on the Background for Point Type.
Click and drag for Paragraph type.
Add some of each, set against Background Layer.
Font, Point Size, color, etc. similar to word processing. 2

3. Re-Editing Text Select the text while in the Type Tool.
Paragraphs can be resized and rotated.
Control-clicking the Layer allows conversion between Point and Paragraph Type (may need to scroll down)
Point make separate text object when Enter is pressed
Text can be pasted into the Type Tool from another application.
Text can be imported from Adobe Illustrator.
We will start working with Illustrator soon. 3

4. Type Tool Options Type -> Panels
Character Panel for setting character options
Paragraph Panel for paragraph options
Again, similar to word processing.
(see next slides) 4

5. Transforming Text Type tools allows parameter based changes.
Move Tool with Show Transform controls checked allows you to transform text area.
Bring up Window -> Character palette.
Slide or adjust kerning for between-character spacing.
Slide or adjust tracking for multi-character spacing. 5

6. Character Formatting
Character Palette applied to a paragraph allows leading (inter-line spacing) adjustment and horizontal scaling adjustment.
Other options at bottom of Character Palette allow additional formatting of character appearance. Baseline shifts bottom of text.
Type Option Palette supports changing orientation, alignment, text warping. 6

7. Paragraph Palette
Delete Type layers then create a new Paragraph Type layer.
Window -> Paragraph Palette.
Alignment based on whole words, hyphenated syllables or entire line of text.
Give margins and indents in points, inches or centimeters. They convert to points. 7

8. Layer Effects for Type Open a clean copy of ScottsRunKayak.
Place a large-font, fat, neutral color text saying “Type” over a dark area.
On layers palette click the fx (Effects) icon.
Add Bevel and Emboss initially, experiment visually with their effects on text.
Add other effects via checkboxes, then adjust their parameters. 8

9. Layers Styles Get a Type layer effect that you like.
Window -> Styles.
Save the Style that you just created.
Try other Styles from the library.
Pattern Overlay (in fx) is good for text. 9

10. Type is Vector Graphics
Image pixel-based graphics so far constitute raster graphics, a.k.a. bitmapped graphics.
Raster graphics are defined in terms of a 2D matrix of pixels displayed on a raster.
Vector graphics are description of objects to draw using lines, stokes, etc.
A vector can be rendered at any resolution. Only when rendered does it appear as pixels. 10

11. Rendering Vector Graphics
Font, Point Size, Text Style, Anti-Aliasing Parameters describe the vectors and vector rendering of type.
Zoom in on selected text and try anti-aliasing parameters None - Smooth, also zoom out.
The rendering process computes pixels. 11

12. Rasterizing Text
To apply bitmap (raster) pixel transformations to a Type layer you must Rasterize it.
At that point you can no longer manipulate it as editable type. It has become an image.
Control-click and Rasterize the layer.
Get type to the image that you want to combine before rasterizing it (if at all).
Try out Filter gallery -> Sketch Filters on text. 12

13. Screening back type Close All, Open ParsonOffice.jpg.
Add a layer of big, black, bold text type.
Cmd-Click the T icon in the Layers Palette to select the text’s pixels.
Shut off the text layer’s eyeball.
Create a Levels Adjustment Layer.
Trash the text layer.
Adjust Levels to screen the text back in.

14. Reusing type-derived layer mask
Once you have the layer mask, you can duplicate the layer.
You can unlink the layer mask from the duplicate layer.
You can add another adjustment layer.
You can move a layer mask copy into it.
You can copy-move a layer mask to a Smart Filter layer as well.
drag it with alt-cmd to copy 14

15. Opacity vs. Fill Create a layer of big bold text with color
Any color will do: red, green, etc.
Add some effect using fx
Ex: bevel and emboss, stroke, etc
Adjust opacity and fill
Opacity removes everything, but…
Fill removes only the text pixels, the effects remain!
Works both before and after rasterizing

16. Type Transformations Text can be “warped”
A variety of transformations are available
Note: more, pixel-based, transformations can be done after rasterization!