Web Design - El Centro College
 
HTML More HTML JavaScript Design Dreamweaver Fireworks Flash Photoshop More Info Home
 

Photoshop - Text

Menus   -   Tool Bar Options   -   Status Bar -   Toolbox   - Palettes   -   Opening & Creating Images   -   Saving Images  -   Terminology   -   Sizing for the Web  


Photoshop allows you to create, transform, move, and warp text. You can also fill text with imagery or create fading type.

Photoshop automatically puts text on its own layer.

You cannot apply filters or paint strokes to text or fill it with a gradient or a pattern. Text can be rasterized (converted into pixels) to apply these special effects. However, once converted, the type font or style cannot be changed. (Rasterized means that the text is converted to pixels.)

How to Convert:

o Right-click on the text layer > Rasterize layer
or
Layer > Rasterize > Text


TYPES

  • Point Type: click on the image and type
  • Paragraph Type: create a text box and type within it. Used for larger type.

Process

  • Type Tool >
  • click where the text will start
    or
    drag a marquee to define the boundaries of the text box


Options Bar

  • select Type Tool for new text layer (normal or mask)
  • click horizontal/vertical text orientation
  • select the desired font face
  • select the desired font style
  • select the desired font size
  • select anti-alias method
    • crisp (sharp edges)
    • strong (heavy edges)
    • smooth (smooth)
  • click an alignment button to align right, left, center
  • click the color swatch to select a color for the text (color swatch)
  • optional: click the palettes button to open the character/paragraph palette and make desired modifications
  • Make all desired selections in the Options Bar
  • Either write directly on the image or drag to create the text box(called a bounding box in Photoshop) and then type the text.

    "+" means you have more text than will fit in the "box" you drew.
    Drag a handle to make the box larger

  • Make any adjustments
  • When the text is ready to be saved:
    • Press ENTER
      or
      click the "checkmark" on the Options Bar to accept the text.
  • Press ESC or Click the "X" to cancel.

Character Palette Enhancements - (free text or bounding box)

Section I (above the horizontal line):

o Font & Style

Section II (above the second horizontal line):

o Font Size
o Leading (rhymes with bedding) -spacing between lines within a paragraph
o Kerning - spacing between two individual characters
· Tracking - spacing between characters (more than two)

Section III:

o Character height - % height of the original font size
o Character width - % width of the original font size
o Baseline - "invisible line" the characters rest on (increase the value and the character is raised, descrease to lower the character)
o color

Character Palette Menu:
· Faux Bold - simulate bold for font faces that do on include bold (not available for warp text)
· Faux Italic - simulate italics
· Rotate - (option available when text is verticle)
· All Caps/Small Caps
· Superscript/Subscript - raise or lower desired text
· Underline/Strikethrough
· Ligatures/Old Style -

ligature - special letter pairs that join into one, used in very old texts
old style - stylized numerals, many which may extend below the baseline

· No Break - keep text on a single line
· Fractional Widths - use fractions of pixels for type spacing for optimum appearance
· Reset Character - resets to the original text settings (reverts font face, size…)

 

Section I (above the horizontal line):

Align & Justify

Section II:

o Indentation - left/right/first line margins
o Spacing Before & After Paragraph
o Enable/Disable Hyphenation

Paragraph Palette Menu:

o Roman Handing Punctuation - moves punctuation marks that fall at the end of lines outside the bounding box
o Justification and Hyphenation have their own popup windows to further define these features.
TIP: Glyph Scaling value allows Photoshop to adjust the widths of characters to optimal text fit in the bounding box
o Adobe Single-Line & Every-line Composer - evaluates line breaks in paragraphs to minimize hyphen usage.


Resize the bounding box:

You can resize the box by dragging the handles.


Reshape the text itself within the bounding box:

CTRL + drag the handles (distort, skew, rotate, resize)
SHIFT + drag the handles (rotate & resize)
ALT + drag the handles (rotate & resize)

Move Text:

· Drag to place in the appropriate location
· Move via the MOVE tool

Rotate Vertical Text:

· Type > Horizontal/Vertical > highlight the text to rotate
· Character palette menu > Rotate Character

To Edit Text After Changes Have Been Saved:

Double-click the "T" on the Type Tool Options Bar
or
Click on the "T" in the Layers Palette (all text layers have a "T" in the thumbnail area of the Layers Palette)

Make corrections as needed.

TIP: To select a single word of text, double-click it
To select an entire line, triple-click it
To select all text within the "bounding box", press CTRL + A

TIP: Edit > Transform can be used to distort or "enhance" text after
it has been saved.

Warp -

· Type the text.
· Type Tool > Options Bar > Warp Text

· Select the desired style from the pop-up menu
· Click horizontal/vertical for the base orientation of the warp
· Move the bend, horizontal distortion, and/or vertical distortion sliders to create the desired effect
· Click ok

Text Special Effects -

  • Click on the Text Layer to make sure it is currently the active layer.
  • Layer > Layer Style > Select the desired effect or click on Blending Options

o Highlight the desired Styles on the left and a list of options for that Style appear. As you "highlight" the desired effect, a list of options for each effect will appear. The Style is also "checked", thus the Style is immediately applied to the text in preview mode.
o Mix and match as many options as you wish to add. Click ok when you are ready to "save" the effects.

TIP: Beveling adds a 3-D effect

o Continue adding additional "enhancements" as desired.

Text on Top of Text

o Select the desired options.
o Type the text.
o Select the colors for the text that will overlap the first text.
o Hold down the SHIFT key + CLICK where you wish to start the text.

Masked Text

o Open an image.
o Layers > Duplicate > Name it
o Click ok
o Type Tool > Options Bar > Mask (dotted T) > (large thick text is best)
o Type the text
o Click another item in the toolbox to "set"
o Filter > select any filter effect
o Click ok to apply
o Save to view the effect

Fading Text
o Select the desired text options.
o Type the text (editable or rasterized).
o Click on the Layers Palette > Add a Mask Button (bottom row)

o Click on the gradient tool in the tool box.
o On the Options bar, select the desired options
o Drag the "clothesline" for the desired length of the gradient.

Rasterized Text
o Layer > Rasterize > Type
o Paint:
o Click the "box" following Lock on the Layers Palette (just below normal)
o Select a paint brush (or paint bucket), and a color.

TIP: Click on the background layer (white) and color it!

Return to the Top