Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

32
Adobe Photoshop CS Design Professional TYPE TRANSFORMING

Transcript of Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

Page 1: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

Adobe Photoshop CS Design Professional

TYPETRANSFORMING

Page 2: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 3: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 4: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 5: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 6: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

6Transforming Type Chapter L

Warping ShapesArc

Arch

Bulge

Flag

Fish

Twist

Page 7: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 8: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 9: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

9Transforming Type Chapter L

Bounding Box Around TypeBounding

Box

Handle

Reference Point

Page 10: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 11: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 12: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 13: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 14: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 15: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

15Transforming Type Chapter L

Transformation Pointers

Page 16: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

16Transforming Type Chapter L

Type Modified with Bounding Box

Text skewed in bounding box

Page 17: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 18: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

18Transforming Type Chapter L

Sample of Warped Text

Warped Text

Page 19: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 20: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

20Transforming Type Chapter L

Warped Type Settings

Page 21: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

21Transforming Type Chapter L

Enhanced Warped Text

Warped Text enhanced with

Color

Page 22: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 23: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

23Transforming Type Chapter L

Screened Back Type

Image visible beneath the shape layer

Page 24: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 25: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

25Transforming Type Chapter L

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

Page 26: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 27: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

27Transforming Type Chapter L

Screened Back Type with Effects

Bevel and Emboss style

applied

Page 28: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 29: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 30: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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

Page 31: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

31Transforming Type Chapter L

Fade Effect Example

Left side of type is faded

Page 32: Adobe Photoshop CS Design Professional TYPE TRANSFORMING.

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