[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now


Getting complex gradients in Photoshop

Posted on 2008-06-26
Medium Priority
Last Modified: 2008-08-04
Please take a look at this question (answer courtesy of (D Brugge) and let me know exactly how the gradient of the mushroom was created in Photoshop.



Question by:gabrielPennyback
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2

Assisted Solution

Bobeo earned 800 total points
ID: 21878876
If it's just how to do the gradient you're after, I'd do the following:

1) Select the gradient tool in Photoshop
2) Click the gradient preview at the top to edit the gradient
3) Set the colour on the left to the dull red black as on the mushroom
4) Set the colour on the right as the light blue as on the mushroom
5) Click ok, and of the 5 different gradient type icons, choose the Radial Gradient (Second from the left)
6) Click and hold in the area where you want the dull red to be, drag it out, and release. This'll probably take a few attempts to get right.

Hope that helps?
LVL 26

Accepted Solution

David Brugge earned 1200 total points
ID: 21880722
Start by looking at some of these videos. They do a good job, IMHO, of illustrating the concept of masking and layers.


These guys don't have the advantages that you have by working in Photoshop. They have to paint their blends, then use a can lid to place on top and paint a "mask" With Photoshop, you can start with a mask.

From your questions in the Illustrator area, I know that you have drawing shapes with the pen tool down pretty good. On a new layer, draw a mushroom top with the pen tool (make sure the paths option is selected) and convert it into a selection (Ctrl+Enter) then click the "Add Layer Mask" icon at the bottom of the Layers Pallet.

A layer mask thumbnail will appear on the active layer in the layers pallet and it will be active. This means that you can paint on this mask to edit it (or mess it up) so click on the other thumbnail to be able to paint on the canvas.

Then select a large soft edged brush and start to paint. You will see that your paint doesn't show past the edge of the mask, just like spray painting with a stencil.

Try your hand at shading the outside edges. You can also use the burn and the dodge tools to lighten and darken areas. If you want to start over, select all (Ctrl+A) and hit Backspace. The mask will stay in place and you have a clean layer.

I'll check back with you.


Expert Comment

ID: 21881824
Between the 2 of us, I'd listed to David!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Author Comment

ID: 21886748
Thanks, David (And thank you to you too, Bobeo). I'll take a look at the videos and try to follow your steps later today.

LVL 26

Expert Comment

by:David Brugge
ID: 21888602
Hi Bobeo,

I had the advantage of working on this problem before as part of another question. I asked gabrielPennyback to post this as a new question so that there could be more input from other experts.

Please stay tuned and post any suggestion that you might have.

I sometimes get stuck in the way I do things and it's always good to have a fresh look at my approach.

And as my wife will point out, sometimes I'm just plain wrong.


Expert Comment

ID: 21889809
Hehe! Cheers David. Will do!

Author Comment

ID: 22156382
my wife too ... always with good reason.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
The Summer 2017 Scholarship Winners have been announced!
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …
In this tutorial viewers will learn how to increase their history states in Photoshop To undo more than one history state, use Ctrl + Alt + Z, not just Ctrl + Z: View the History window by going to Window > History: The default number of history sta…
Suggested Courses

650 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question