We launched a new IT training category! Check out the 140+ courses now.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Two ways to make gradient text

From: Photoshop CS5 One-on-One: Advanced

Video: Two ways to make gradient text

All right gang, I think I have managed to achieve a pretty good match between the angle of my text, at any rate, and the angle of the sign in the background, and I've saved my progress as Perspective text.psd. In this exercise, we are going to go ahead and blend these letters with the sign so that they appear to be genuinely superimposed. So here's what I am going to do. I will make sure that the, I (love) Automation shape layer is selected, then I will drop down to the fx icon, and we will start with an Inner Shadow, so that the characters appear to be carved out of the sign, and the default settings are actually not half bad.

Two ways to make gradient text

All right gang, I think I have managed to achieve a pretty good match between the angle of my text, at any rate, and the angle of the sign in the background, and I've saved my progress as Perspective text.psd. In this exercise, we are going to go ahead and blend these letters with the sign so that they appear to be genuinely superimposed. So here's what I am going to do. I will make sure that the, I (love) Automation shape layer is selected, then I will drop down to the fx icon, and we will start with an Inner Shadow, so that the characters appear to be carved out of the sign, and the default settings are actually not half bad.

I am going to change out the color, however. So I am going to click on this color swatch, and I am going to change Hue value to 105 and by the way, this is just a Hue value I found inside the image by clicking with this Eyedropper inside one of the darker portions of the robot. Notice I just lifted 106, and then I rounded down to 105. All right and then I am going to take the Saturation value down to 50% and the Brightness value to down to 25%, like so. So we get this Dark Green. Click Ok. I will take the Opacity value down to 55% for this particular effect.

Multiply is the Blend mode of choice here. An Angle of 135 degrees suits us just fine. We might as well leave Use Global Light turned on. We've got a Distance of five pixels, a Choke of zero and a Size of five pixels as well. That is all copasetic by me, and that's it. Now there is one other thing I want to do. I want to add a little bit of gradation inside of these letters. So I would like them to appear little darker toward the bottom than they look at the top. So normally what I do is add a Gradient Overlay, but the problem with the Gradient Overlay is it's going to be sized to fit the entire image, and I really just want to size it to fit the text, and I want it to be of the same angle of the text and predicting that is pretty tough, frankly.

So I could sort of monkey around with this until I got a good direction, like, let's say 65 degrees obviously isn't right. So, let's go ahead and increase that value, and that's pretty good, but notice I'm not going from black to white which is what I'm seeing here in the Gradient bar. I'm going from darkish to lightish. So the Gradient is much larger than this text, so I have to go over to this Scale value and reduce the Scale in order to compress the Gradient into the text and then I see that the Angle isn't right anymore and I increase the Angle a little bit still, oop, too much, take it back down.

I can also drag the Gradient if I want to, so I could drag it up and down. And actually after a certain point, what I am proving to myself here is ultimately you can get it right, if you spend enough time, but there's potentially an easier way to work. So you can work numerically like I'm doing here. Go and drag this guy around, fuss with it, until you get exactly the results you're looking for and then go to the Blend mode, and bear in mind we are just applying darkness and lightness. We are not applying black-and-white, because we are going to change the Blend mode from Normal to Overlay, so that we get this effect here, and then we're going to reduce the Opacity of that effect.

I will probably take it down to 30%, something like that. That looks pretty good, and then I will Click OK. And that actually eliminates my next step. Because what I was going to do is Brush onto this text, which I like better. I still like that technique better because it gives me a little more hands-on control. So let me show you what that looks like. For those of you who love Gradient Overlay and you found that to be useful, great. You've got it. You can skip the rest of this exercise and move on. Those of you who would like to see another way to work, turn Gradient Overlay off, and just leave Inner Shadow on.

We definitely want the Inner Shadow effect. And we are going to create a new layer by pressing Ctrl+Shift+N or Cmd+Shift+N on the Mac, and I'm going to call this brushwork and then turn on Use Previous Layer to Create Clipping Mask, and click OK. So we've got a clip layer sitting on top of this vector-based I (love) Automation layer. That way we will be brushing exclusively inside the letters which is what we're about to do. Now grab the Brush tool, which you can get by pressing the B key if you like, and make sure your Foreground Color is set to Black for the moment.

So just press D for the default colors. And notice that I have a pretty big brush going on here. If I Right Click in the Image window, you can see its set to 300 pixels, so pretty huge. Hardness 0%, very important and here's how I'd like you to paint, just click toward the bottom of the eye there, like so. Then I want you to go over to the bottom of the N and Shift+Click so that you create a straight line of darkness along the bottom of the text. Now press the X key in order to switch your Foreground color to White, and I want you to click about here, sort of above and to the left of the eye in order to apply some brightness there.

And then I want you to Shift+Click above and to the right of the N, about right there I'd say, and you'll create a straight line of white across the top of your letter. So this takes a lot of the guesswork out of that Gradient. We are still creating a kind of black- and-white gradient, we are just doing it with a couple of brushstrokes instead, and now check out your brushwork layer thumbnail right there. You have got a line of white and a line of black, at least that's what I have. Now I am going to change the Blend mode for that later to the exact same Blend mode we used just a moment ago, for the Gradient Overlay effect which is Overlay.

When I choose the mode, I get this effect here, so pretty similar to what we were seeing with the Gradient Overlay. Again, I just felt like I had better control this time around. And now I will press the Escape key, here on the PC, so the Blend mode is no longer active. I will switch back to the Marquee tool by pressing the M key, and I will press 2 key in order to reduce the Opacity value to 20%, and this is what the text looks like without that brushwork layer, and this is what it looks like with the brushwork layer. So you can see it just adds a little bit of balance, and you know what? I'm thinking too little.

I am going to the 3 key to raise that Opacity value to 30% which gives us little bit of additional brightness. So now the text, at least to my way of thinking, looks like it's integrated into that sign. The next step is to give this cute little robot some wicked scary teeth.

Show transcript

This video is part of

Image for Photoshop CS5 One-on-One: Advanced
Photoshop CS5 One-on-One: Advanced

247 video lessons · 33058 viewers

Deke McClelland
Author

 
Expand all | Collapse all
  1. 40m 2s
    1. Welcome
      2m 1s
    2. Making Photoshop your default image editor
      7m 43s
    3. Installing the dekeKeys keyboard shortcuts
      8m 10s
    4. Remapping OS shortcuts
      7m 37s
    5. Installing the Best Workflow color settings
      4m 31s
    6. The color settings explained
      6m 54s
    7. Loading the CS5 color settings in Bridge
      3m 6s
  2. 1h 5m
    1. What you can do with Photoshop
      1m 46s
    2. The mission-critical eyes
      2m 44s
    3. Copy Merged and Paste in Place
      6m 52s
    4. Sharpening details to match
      4m 34s
    5. Masking eyes
      9m 22s
    6. Working with clipping-mask layers
      9m 5s
    7. Shading with layer effects
      8m 10s
    8. Color and highlight effects
      4m 2s
    9. Refining layer masks
      5m 43s
    10. Fabricating the highlights in the pupils
      7m 33s
    11. Using a merged copy to sharpen
      5m 34s
  3. 2h 14m
    1. Highlights, shadows, and midtones
      1m 16s
    2. Introducing the Auto commands
      7m 23s
    3. Adjusting Cache Level settings
      6m 8s
    4. Reading a channel-by-channel histogram
      6m 21s
    5. How the Auto commands work
      5m 22s
    6. Auto Tone, Auto Contrast, and Auto Color
      7m 7s
    7. Blending the Auto results
      4m 4s
    8. Introducing the Levels command
      6m 15s
    9. Using Levels as an adjustment layer
      3m 12s
    10. Applying custom Levels adjustments
      6m 8s
    11. Understanding the gamma value
      7m 39s
    12. The futility of Output Levels
      2m 56s
    13. Selections and adjustment layers
      5m 48s
    14. Opening up the shadows
      3m 40s
    15. Previewing clipped pixels
      4m 51s
    16. The black, white, and gray eyedroppers
      5m 7s
    17. Gray card tips and tricks
      6m 5s
    18. Making channel-by-channel adjustments
      7m 29s
    19. Introducing the Curves command
      7m 44s
    20. Curves dialog box tricks
      7m 16s
    21. Curves adjustment layer tricks
      5m 45s
    22. Correcting an image with Curves
      5m 32s
    23. Filling in the highlights
      5m 42s
    24. Neutralizing casts and smoothing transitions
      5m 37s
  4. 1h 46m
    1. The art of enhancing edges
      1m 26s
    2. How sharpening works
      6m 2s
    3. The single-shot sharpeners
      6m 7s
    4. Introducing Unsharp Mask
      6m 19s
    5. Radius and Threshold
      6m 24s
    6. Sharpening colors vs. luminosity
      5m 56s
    7. Gauging the ideal settings
      8m 59s
    8. Unsharp Mask vs. Smart Sharpen
      7m 1s
    9. Using the Remove settings
      9m 30s
    10. The More Accurate checkbox
      6m 8s
    11. Saving your Smart Filter settings
      5m 31s
    12. The Advanced sharpening settings
      7m 52s
    13. Accounting for camera shake
      6m 18s
    14. Sharpening with the Emboss filter
      6m 43s
    15. Sharpening with High Pass
      9m 23s
    16. The new and improved Sharpen tool
      6m 22s
  5. 1h 34m
    1. Edge's evil twin: noise
      1m 12s
    2. Color vs. luminance noise
      7m 21s
    3. Reducing color noise
      7m 45s
    4. Reducing luminance noise
      4m 59s
    5. Relegating an effect to the shadows
      6m 27s
    6. Switching between layer and mask
      6m 59s
    7. The Dust & Scratches filter
      4m 56s
    8. Adjusting shadow saturation
      5m 52s
    9. Combining High Pass with Lens Blur
      6m 57s
    10. Masking a layer of Lens Blur
      7m 34s
    11. Painting away High Pass sharpening
      8m 22s
    12. Building up a noise pattern
      6m 40s
    13. Converting noise to texture
      4m 24s
    14. Bleeding colors into paper
      6m 16s
    15. Matching different noise levels
      8m 31s
  6. 1h 32m
    1. We are the stuff of light
      1m 24s
    2. Applying automatic lens correction
      5m 53s
    3. Introducing Shadows/Highlights
      3m 44s
    4. Shadows/Highlights in depth
      7m 59s
    5. Creating a "bounce" with Gaussian Blur
      4m 43s
    6. Sharpening on top of blur
      7m 3s
    7. Sharpening the merged composition
      6m 16s
    8. Grouping and masking layers
      5m 40s
    9. Adjusting the density of a mask
      7m 14s
    10. Creating a Shadows/Highlights shortcut
      5m 47s
    11. Restoring detail with Shadows/Highlights
      6m 23s
    12. Changing the Shadows/Highlights defaults
      6m 21s
    13. Smoothing skin details with Gaussian Blur
      3m 56s
    14. Smoothing with High Pass
      5m 44s
    15. Lowering contrast with Gaussian Blur
      7m 4s
    16. Inverting a sharpening effect
      7m 5s
  7. 2h 32m
    1. Color becomes monochrome
      1m 31s
    2. Converting an image to grayscale
      6m 49s
    3. Extracting luminance information
      7m 37s
    4. Introducing the Channel Mixer
      10m 23s
    5. Aggressive channel mixing
      9m 42s
    6. Proofing CMYK colors
      7m 49s
    7. Color settings and intent
      7m 6s
    8. Practical Channel Mixer variations
      4m 30s
    9. Saving variations as layer comps
      7m 57s
    10. The default grayscale recipe
      8m 55s
    11. Creating a custom black-and-white mix
      6m 59s
    12. Shadows/Highlights in black and white
      4m 58s
    13. Introducing the Black & White command
      5m 55s
    14. Adjusting Black & White settings
      9m 39s
    15. Mixing a Black & White portrait
      6m 32s
    16. Black & White vs. Channel Mixer
      9m 21s
    17. Adding tint and color
      8m 0s
    18. Introducing the Gradient Map
      7m 10s
    19. Loading custom gradients
      4m 32s
    20. Editing gradient color stops
      9m 58s
    21. Colorizing with blend modes and Opacity
      7m 13s
  8. 2h 10m
    1. Two great commands working great together
      1m 18s
    2. Introducing the Color Range command
      5m 13s
    3. Setting key colors and Fuzziness
      5m 38s
    4. Predefined vs. sampled colors
      3m 57s
    5. The Localized Color Clusters option
      5m 41s
    6. Defining a selection with care
      4m 44s
    7. Introducing the Quick Mask mode
      5m 20s
    8. Testing edges with the Magic Wand
      5m 14s
    9. Hand-brushing a selection
      5m 39s
    10. Saving and loading an alpha channel
      4m 35s
    11. Converting a selection to a layer mask
      2m 46s
    12. Switching between an image and a layer mask
      6m 58s
    13. Protecting elements with a layer mask
      8m 5s
    14. Duplicating and editing a layer mask
      7m 34s
    15. Introducing the Refine Edge command
      4m 46s
    16. Accessing the various Refine Edge options
      5m 35s
    17. Refine Edge's preview options
      6m 21s
    18. The Adjust Edge values
      4m 11s
    19. Edge Detection and Smart Radius
      6m 5s
    20. Using the Refine Radius tool
      8m 8s
    21. Using the Decontaminate Colors option
      7m 30s
    22. Old-school masking adjustments
      7m 7s
    23. Four micro mask adjustments
      8m 33s
  9. 3h 13m
    1. Photoshop's vector exceptions
      1m 11s
    2. Making text in Photoshop
      6m 18s
    3. Creating and editing a text layer
      6m 56s
    4. Font and type style
      7m 35s
    5. Type size and color
      7m 52s
    6. Combining layer effects and type
      10m 57s
    7. Drawing a custom shape layer
      8m 34s
    8. Side bearing, kerning, and tracking
      10m 36s
    9. Point text vs. area text
      8m 26s
    10. Selecting and formatting a paragraph
      5m 19s
    11. Copying and pasting unformatted text
      7m 45s
    12. Creating text inside a custom path
      6m 26s
    13. Creating text along a path
      8m 13s
    14. Adjusting baseline shift
      6m 16s
    15. Drawing a fading arrowhead
      7m 29s
    16. Fading a shadow with a layer
      5m 32s
    17. Logo creation and Fill Opacity
      7m 44s
    18. Stretching a background element
      6m 9s
    19. Drawing with shape outlines
      6m 18s
    20. Combining vector-based shapes
      6m 42s
    21. Masking vector-based shape layers
      6m 7s
    22. Correcting spacing problems
      7m 44s
    23. Drawing the ultimate specular sparkle
      8m 45s
    24. Preparing text for commercial output
      5m 9s
    25. Saving a high-resolution PDF file
      7m 11s
    26. Inspecting the final PDF document
      7m 8s
    27. Saving large poster art
      9m 32s
  10. 2h 36m
    1. What filters ought to be
      1m 25s
    2. Layer effects vs. filters
      6m 14s
    3. Carving with an Inner Shadow effect
      7m 45s
    4. Selling an effect with Drop Shadow
      7m 17s
    5. Creating blurry shadow type
      5m 30s
    6. Saving custom default settings
      6m 22s
    7. Creating a custom contour
      7m 3s
    8. Introducing Bevel and Emboss
      7m 35s
    9. Adjusting Angle and Altitude
      7m 8s
    10. Exploiting global light
      8m 11s
    11. Gloss and edge contour
      5m 8s
    12. Applying and creating layer styles
      6m 45s
    13. Loading, saving, and merging styles
      6m 17s
    14. Creating a textured bevel effect
      6m 56s
    15. Using shadows as highlights
      7m 39s
    16. Combining filters and effects
      6m 58s
    17. Working with random effects
      6m 55s
    18. Smoothing with Gaussian Blur and Levels
      6m 13s
    19. Masking blacks from whites
      4m 37s
    20. Applying liquid styles
      4m 36s
    21. Simulating liquid reflections
      8m 12s
    22. Finessing and cropping a liquid effect
      7m 25s
    23. Initiating a displacement map
      6m 17s
    24. Applying a displacement map
      7m 37s
  11. 1h 12m
    1. Two words: Free Transform
      34s
    2. Scale, rotate, and constrain
      6m 30s
    3. Using the transformation origin
      7m 42s
    4. Applying a slant (aka skew)
      3m 37s
    5. The four-point "perspective" distortion
      7m 51s
    6. Two ways to make gradient text
      5m 59s
    7. Building complexity from a simple shape
      4m 42s
    8. Duplicating a series of transformations
      6m 3s
    9. Rasterizing a layer with its effects
      6m 41s
    10. Applying a custom warp
      7m 24s
    11. Blending and softening a warped layer
      4m 39s
    12. Creating spherical highlights
      6m 30s
    13. Using a center-source inner glow
      3m 51s
  12. 2h 42m
    1. Distorting reality
      1m 33s
    2. Extracting a foreground element
      6m 45s
    3. Introducing the Puppet Warp command
      7m 20s
    4. Setting and manipulating pins
      7m 48s
    5. Rotating pins and switching warp modes
      6m 41s
    6. Expanding and contracting the mesh
      6m 11s
    7. Changing the Density setting
      8m 0s
    8. Adjusting the pin depth
      5m 18s
    9. Winding an image into a pretzel
      6m 2s
    10. Applying Puppet Warp to type
      6m 30s
    11. Warping single characters
      6m 25s
    12. Editing puppet-warped text
      8m 24s
    13. Extending an image with Free Transform
      8m 46s
    14. Extracting from a white background
      10m 5s
    15. Tracing a shape with Puppet Warp
      9m 1s
    16. Introducing the Liquify command
      5m 4s
    17. Warp, Twirl, Pucker, and Bloat
      8m 53s
    18. Saving and loading a mesh
      5m 59s
    19. Push, Mirror, and Turbulence
      11m 49s
    20. Lifting and slimming details
      8m 22s
    21. Warping fabric, arms, and legs
      7m 1s
    22. Masking and finessing the results
      10m 8s
  13. 3h 3m
    1. Welcome to the digital darkroom
      1m 44s
    2. Introducing Camera Raw
      7m 40s
    3. Adjusting white balance
      7m 0s
    4. Selecting and synchronizing images
      6m 9s
    5. Making automatic adjustments and saving changes
      7m 19s
    6. Creating and managing snapshots
      8m 23s
    7. Adjusting the Exposure value
      6m 24s
    8. Working with clipping warnings
      5m 5s
    9. Adjusting Brightness and Contrast
      7m 35s
    10. Vibrance, Saturation, and Clarity
      9m 25s
    11. Recovery and Fill Light
      6m 57s
    12. Using the Graduated Filter tool
      7m 2s
    13. Painting edits with the Adjustment Brush
      9m 44s
    14. Straighten, crop, and geometric distortions
      7m 49s
    15. Applying manual lens corrections
      7m 19s
    16. Vignette and chromatic aberrations
      6m 21s
    17. Introducing the Tone Curves
      6m 9s
    18. Parametric curves and targeted adjustments
      6m 26s
    19. Correcting a low-noise photograph
      7m 35s
    20. Sharpening and high-noise photos
      8m 25s
    21. Selective Hue/Saturation adjustments
      5m 34s
    22. Selective Luminance adjustments
      5m 39s
    23. Adding grain and vignetting effects
      5m 23s
    24. Mixing a subjective black-and-white image
      7m 53s
    25. Colorizing with the Split Toning options
      4m 29s
    26. Opening a raw image as a Smart Object
      5m 39s
    27. Camera Raw wrap-up
      8m 38s
  14. 55s
    1. Until next time
      55s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS5 One-on-One: Advanced.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.