Chapter 13 Transforming Type.

Slides:



Advertisements
Similar presentations
A lesson approach © 2011 The McGraw-Hill Companies, Inc. All rights reserved. a lesson approach Microsoft® PowerPoint 2010 © 2011 The McGraw-Hill Companies,
Advertisements

Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Adobe Photoshop CS5 – Illustrated Unit G: Creating Special Effects
1 Copyright © 2014 Pearson Education, Inc. Publishing as Prentice Hall. by Mary Anne Poatsy, Keith Mulbery, Lynn Hogan, Amy Rutledge, Cyndi Krebs, Eric.
© 2011 Delmar, Cengage Learning Chapter 14 Liquifying an Image.
Chapter 14 Liquifying an Image. Chapter Lessons Use the Liquify tools to distort an image Learn how to freeze and thaw areas Use the mesh feature as you.
Chapter 12 Using Clipping Masks, Paths, & Shapes.
Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers.
© 2011 Delmar, Cengage Learning Chapter 15 Performing Image Surgery.
© 2011 Delmar, Cengage Learning Chapter 7 Working with Distortions, Gradient Meshes, Envelopes, and Blends.
Adobe Photoshop CS4 – Illustrated Unit G: Creating Special Effects
1 Working with Web Graphics – About Web Graphics. File Formats. Image Resolution, Image Size – Creating Web Graphics. Getting Started, Paint Shop Pro 5.
Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,
Working with Special Layer Functions
2.01 Understand Digital Raster Graphics
Work with multiple objects Modify color in objects Apply effects to objects and text Apply a style to objects Unit Lessons.
Chapter 6 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Text Boxes and WordArt Guided Lesson.
Creating Snow. Step 1 Begin opening an image on photoshop.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Special Layer Functions.
Adobe Photoshop CS Design Professional LAYER FUNCTIONS WORKING WITH SPECIAL.
Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
Working with Symbols and Interactivity
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Designing Original Illustrations Lesson 8.
Chapter 2 Creating Text and Gradients. Objectives Create and format text Flow text into an object Position text on a path Create colors and gradients.
CIS 205—Web Design & Development Fireworks Chapter 1.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 17 Graphics.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Refining Original Illustrations Lesson 9.
© 2011 Delmar, Cengage Learning Chapter 2 Creating Text and Gradients.
© 2010 Delmar, Cengage Learning Chapter 2 Working with Text and Gradients.
Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN.
Chapter 5 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
A lesson approach © 2011 The McGraw-Hill Companies, Inc. All rights reserved. a lesson approach Microsoft® PowerPoint 2010 © 2011 The McGraw-Hill Companies,
Lesson 10 Using AutoShapes, WordArt, and Comments Lesson 10 Using AutoShapes, WordArt, and Comments.
Working in FreeHand – Lesson 21 Working in FreeHand Lesson 2.
Adobe Photoshop CS Design Professional TYPE TRANSFORMING.
CIS 205—Web Design & Development Fireworks Chapter 2.
Chapter 15 Performing Image Surgery. Chapter Lessons Delete unnecessary imagery Correct colors in an image Tweak an image.
Working with Shapes Guided Lesson. Objective  In this lesson you will learn how to insert a shape and format it by changing its fill color, outline color,
ADOBE INDESIGN CS3 Chapter 5 WORKING WITH COLOR. Chapter 52 Work with Process Colors LESSON 1 2 Process colors are colors you create by mixing varying.
Chapter 2 Using Selection Tools and Shortcut Keys
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Chapter 6 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Adobe Photoshop CS5 – Illustrated Unit D: Working with Type and Gradients.
© 2011 Delmar, Cengage Learning Chapter 12 Using Clipping Masks, Paths, & Shapes.
© 2011 Delmar, Cengage Learning Chapter 8 Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork.
© 2011 Delmar, Cengage Learning Chapter 13 Transforming Type.
Desktop Publishing Lesson 5 — Enhancing Publications.
Photoshop Review What we need to know. Image>Image size A panel in Photoshop where you can see the size and resolution of your image.
Copyright © 2013 MyGraphicsLab / Pearson Education CREATING COMPOSITES MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
Chapter 4 Drawing and Painting with Color
Adobe Photoshop CS4 – Illustrated Unit C: Working with Layers
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Performing Image Surgery
setting the resolution - 72 vs 300 dpi (300 better quality)
What? Learn how to program at FIU Register for: COP 1000 – #59660
Physics Careers February1st, 2017
Animated picture changes during motion path (Advanced)
Chapter 14 Liquifying an Image.
1.
Les Verbes ER LCHS NOW SHOWING Marquee with 3-D perspective rotation
Animated picture collection: left picture moves to front center
گزارش فعالیت سه ماهه دبستان ابن سینا
Animated recolored picture fades in over black and white copy
Working with Advanced Techniques
2.01 Understand Digital Raster Graphics
ONE NIGHT ONLY! CJMS Talent Show Friday, December 11
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Presentation transcript:

Chapter 13 Transforming Type

Chapter Lessons Modify type using a bounding box Create warped type with a unique shape Screen back type with imagery Create a faded type effect

Working with Type Create type Embellish type with Transform type Styles such as Drop Shadow Filters such as Twirl Transform type Warp type

Transforming Type 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

Neat Good Cool Warping Type Use the Create warped text button to create unlimited shapes and dimensions Create distortions that conform to a variety of shapes Neat Good Cool

Warping Shapes Arc Arch Bulge Flag Fish Twist

Type Special Effects Fading Type Screening Back 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

Modify Type Using a Bounding Box To display the bounding box: Click the Move tool on the Tools panel Select the Show Transform Controls check box Reference point Center of the bounding box The location from which distortions and transformations are measured

Bounding Box Around Type Reference Point Handle Bounding Box

Using the Options Bar Displays 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

Transformation Tools Reference 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

Transformation Tools Set 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

Transformation Tools Set vertical scale box Set rotation text 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

Transformation Tools Set 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

Transformation Pointers

Type Modified with Bounding Box Text skewed in bounding box

Create Warped Type with a Unique Shape 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

Sample of Warped Text Warped Text

Enhancing Warped Text Use the Bend, Horizontal Distortion, and Vertical Distortion sliders in the Warp Text dialog box Apply a style Apply a filter

Warped Type Settings

Warped Text enhanced with Color Enhanced Warped Text Warped Text enhanced with Color

Screen Back Type with Imagery 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

Image visible beneath the shape layer Screened Back Type Image visible beneath the shape layer

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

Levels Settings in Adjustments Panel Work in the Levels settings to change midtones and shadows

Adding Effects Further modify the screened shape by: Adding styles such as Bevel and Emboss Adding filters such as Noise and Lighting

Screened Back Type with Effects Bevel and Emboss style applied

Create a Faded Type Effect Create the illusion that type is fading away Create the fade effect with: A type layer A layer mask The Gradient tool

Fade Effect Process Create a layer mask for the type layer Click the Add layer mask button on the Layers panel Experiment with different types of gradient styles Click the Gradient tool on the Tools panel

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

Left side of type is faded Fade Effect Example Left side of type is faded