Adobe Photoshop CS Design Professional

TYPETRANSFORMING

2Transforming Type Chapter L

Modify type using a bounding box

Create warped type with a unique shape

Screen back type with imagery

Create a faded type effect

Chapter Lessons

3Transforming Type Chapter L

Create type

Embellish type with – Styles such as Drop Shadow– Filters such as Twirl

Transform type

Warp type

Working with Type

4Transforming Type Chapter L

Enclose type with a bounding box– A rectangle that surrounds type and

contains handles used to change the dimensions

Modify the shape of type with all Transform commands – Exceptions are Perspective and Distort

Transforming Type

5Transforming Type Chapter L

Warping TypeUse the Create warped text button to create unlimited shapes and dimensions

Create distortions that conform to a variety of shapes

6Transforming Type Chapter L

Warping ShapesArc

Arch

Bulge

Flag

Fish

Twist

7Transforming Type Chapter L

Type Special EffectsFading Type– Type appears to originate in a dark

area, then gradually gets brighter or vice versa

Screening Back– Imagery is visible through the layer that

contains type

8Transforming Type Chapter L

Modify Type Using a Bounding Box

To display the bounding box: – Click the Move Tool on the toolbox– Select the Show Bounding Box check

box

Reference point – Center of the bounding box– The location from which distortions and

transformations are measured

9Transforming Type Chapter L

Bounding Box Around TypeBounding

Box

Handle

Reference Point

10Transforming Type Chapter L

Using the Options BarDisplays additional options for transforming type

To change the size of the bounding box:– Drag sizing handles

Type in a resized bounding box reflows to conform to the new shape

11Transforming Type Chapter L

Transformation ToolsReference point location button

– Click any white dot on the button to change the reference point

Set horizontal position of reference point text box– Reassign the horizontal location of the reference point

Use relative positioning for reference point button– Determines the point to use as a reference

12Transforming Type Chapter L

Transformation ToolsSet vertical position of reference point text box

– Reassign the vertical location of the reference point

Set horizontal scale text box– Determines the percentage of left-to-right scaling

Maintain aspect ratio button– Keeps the current proportions of the contents

within the bounding box

13Transforming Type Chapter L

Transformation ToolsSet vertical scale box

– Determines the percentage of top-to-bottom scaling

Set rotation text box– Determines the angle the bounding box will be

rotated

Set horizontal skew text box– Determines the angle of horizontal distortion

14Transforming Type Chapter L

Transformation ToolsSet vertical skew text box

– Determines the angle of vertical distortion

Cancel transform (Esc) button– Returns to the image without carrying out

transformation

Commit transform (Return) button– Returns to the image after carrying out

transformation

15Transforming Type Chapter L

Transformation Pointers

16Transforming Type Chapter L

Type Modified with Bounding Box

Text skewed in bounding box

17Transforming Type Chapter L

Create Warped Type with a Unique Shape Warping Type

Use the Create warped text feature to:– Distort a type layer beyond the limits of

stretching a bounding box

Choose from 15 warped text styles

18Transforming Type Chapter L

Sample of Warped Text

Warped Text

19Transforming Type Chapter L

Enhancing Warped TextUse the Bend, Horizontal Distortion, and Vertical Distortion sliders in the Warp Text dialog box

Apply a style

Apply a filter

20Transforming Type Chapter L

Warped Type Settings

21Transforming Type Chapter L

Enhanced Warped Text

Warped Text enhanced with

Color

22Transforming Type Chapter L

Screen Back Type with Imagery Screening Type

Create the illusion that type appears to fade into the imagery below it

Screening Methods– Adjust the opacity of a type layer until

imagery behind the type is visible– Convert a type layer into a shape

layer; adjust levels of the shape layer

23Transforming Type Chapter L

Screened Back Type

Image visible beneath the shape layer

24Transforming Type Chapter L

Creating a Screened Back Effect

Create a duplicate layer before converting the type layer

Convert the layer into a shape layer

Change the midtones and shadows of the content of the shape layer– Increase or decrease the midtones and

shadow levels

25Transforming Type Chapter L

Levels Dialog BoxWork in the Levels dialog box to change midtones and shadows

26Transforming Type Chapter L

Adding EffectsFurther modify the screened shape by:– Adding styles such as Bevel and

Emboss– Adding filters such as Noise and

Lighting

27Transforming Type Chapter L

Screened Back Type with Effects

Bevel and Emboss style

applied

28Transforming Type Chapter L

Create a Faded Type Effect Creating a Fade Effect

Create the illusion that type is fading away

Create the fade effect with:– A type layer– A layer mask– The Gradient Tool

29Transforming Type Chapter L

Fade Effect Process

Create a layer mask for the type layer – Click the Add layer mask button on the

Layers palette

Click the Gradient Tool on the toolbox– Experiment with different types of

gradient styles

30Transforming Type Chapter L

Creating Semitransparent Type

Use blending options to create semitransparent type

Procedure– Create a type layer and apply layer

styles– Drag the Set opacity of effect slider to

the left to set the transparency

31Transforming Type Chapter L

Fade Effect Example

Left side of type is faded

32Transforming Type Chapter L

Chapter L TasksUse a bounding box to modify type

Transform type

Warp type into unique shapes

Screen back type with imagery

Create a faded type effect