• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 194
  • Last Modified:

How can I change the gradient of this image without affecting the white veins?

Please see this image: http://www.futurekode.co.uk/jennyexley/images/logo.png

I am using photoshop/imageready

How can I apply a gradient of my choosing without affecting the white veins?

Thanks
Steggs
0
Mark Steggles
Asked:
Mark Steggles
  • 5
  • 4
  • 3
1 Solution
 
BongSooCommented:
Hmmm, you could try this:

Duplicate the file, and convert it to grayscale, go to IMage > Adjustements > Level and try to convert all the color (gray) areas to black, while holding the white open. Then you could invert that, and use it as a layer mask for your vignette. Most likely you will need to do some other adjustments to make this work. You might, for instance, res it up to 300 dpi to get the white veins to stay open.
0
 
BongSooCommented:
You might get a better mask by using either levels or curves in the original image to adjust the veins to pure white, and then create the mask by going to Image > Adjustments > Channel Mixer. Make black your desination channel and 100% of the other channels. Apply that, then convert to grayscale and you should have a cleaner mask. Create a new layer or new document at the same size, apply your vignette and then go to Layer > Layer Mask > Reveal All.  Control-click on directly on the mask (pc) and then paste your grayscale image and voila, you have your mask. Click back on the vignette and it should apply it as you want. Res it back down to 72 dpi and save.

Here is an example of what I did this way:

http://www.ben-nall.com/images/leaf.png

You will, of course, want to play with this a bit more to get the veins looking more like your original, but this is the idea.
0
 
ramimassoudCommented:
Hey, well i think u can create a gradiant map layer on top of this picture layer, make both ends of the gradiant be white and the colors in the middle be any of ur choice, move the gradiant colors and adjust the colors of the image. If do it this way you will preserve the original image and at the same time you will be able to change the gradiant map any time you want for future changes...
0
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!

 
Mark StegglesWeb DeveloperAuthor Commented:
Hi Bongsoo,

I am trying your second suggestion and I have made the actual mask but I am stuck on the next bit... how do I apply that to the image... it wont let me copy the mask into a 'layer mask'... could you explain in more detail? What is a vignette?

Thanks
Steggs
0
 
ramimassoudCommented:
ok ok ok... look In the layer pane, there is a bottom several buttons ok, there is one create layer mask or something like that... when u click the button a menu will display above it or below it... Select the Gradiant Map option, a small window or pane displays for u to select the angle and the gradiant and several other things, like opacity an so on. now click on the gradiant to change the color variations that u want. once done click ok to the all the windows. and drag the gradiant layer on to of the picture layer. that will do the job. When choosing the colors for the gradiant make sure that the colors you put at the ends of the gradiant line are white so that the veins that are drawn on the leaf will show. of course u have to play with the variations on the gradiant line before u click ok to make sure that the picture looks the way you want.
0
 
ramimassoudCommented:
hmm... a vignette is like a pattern. things like those u usually find in the bills drawn that look like a a figure that doesnt mean anything but the drawiing is pretty cool. well in photoshop if u select the shapes tool, and u select on the toolbar on top one of the shapes u have a couple of vigenttes taht come with the photoshop package template. Look check this out and look at the picture it will give u an idea http://en.wikipedia.org/wiki/Vignette_%28graphic_design%29
0
 
BongSooCommented:
Hi Steggs, rough weekend, sorry I couldn't look at this until today.

First, a vignette is just another word for gradient. Its basically a transition between colors. It can be single color (light to dark or any variation or combination) or multicolor. It can be linear (transition occurs along a line) or radial (circular) or even variations thereof, but we should probably stick to basics.

Second, make sure your mask is grayscale.

Third, in a new document, create your gradient/vignette on a new layer (not the background layer). If you look in the layer's pallete, a small preview of the image on that layer appears on the layer. Go to Layer > Layer Mask > Reveal All. This will create a Layer Mask that doesn't mask anything, and in your layers palette it will show up as a second square next to the first one, but nothing will be previewed as there is no content. Select this square, and that selects your layer mask. Paste your mask into that.

This should work.
0
 
Mark StegglesWeb DeveloperAuthor Commented:
it wont let me paste into the layer mask :/
0
 
Mark StegglesWeb DeveloperAuthor Commented:
can you make a whole layer a layer mask?
0
 
BongSooCommented:
OK, try this:

Make sure you click on your layer mask first.

Go to the Channels palette, and click on the Channel with the same name as your Layer Mask. Paste your mask into that.
0
 
Mark StegglesWeb DeveloperAuthor Commented:
that works... nice1
0
 
BongSooCommented:
Cool. sorry about the confusion!
0

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.

  • 5
  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now