Gradients foreground color to transparent

CS4, using gradient tool on toolbar
Obviously, I'm not understanding something, or I'm doing something wrong. What is it?
Here's what I did:
Create one layer and fill it with black.
Create a second layer above black layer and select it. Open gradient tool.
The gradient tool has the 4 blocks, two at each end. I use the lower left block to set the color to blue, and I leave the block above it to 100% opacity.
I use the lower right hand block and set the color to white. I set the opacity to 0 in the upper right hand block.
I draw the gradient on the new layer. I'm execting to see a blue gradient that fades to black, but rather it fade to white.
Why is this?
More importantly, what do I have to do to get the gradient to fade from blue to 100% transparency to reveal the color of the lower layer (black in this case).
TIA.

I now have the pixel transparent gradient working. Utlimately, it was user error, though
I think the design leaves a bit to be desired.
The problem was, I had not notice the checkbox for "Transparency" on the gradient's option panel. It was not checked. As soon as I checked it, I was able to drop transparent gradients on the transparent layer and they worked as expected. Personally, I would think if one designed a gradient with 0% opacity at one end, that should be enough to have a foreground color to transparent gradient. Don't know why there's the second step.
But, all is good.
Thanks for your assistance.

Similar Messages

  • Gradient tool not fading transparency/opacity... help?

    Hello fantastic photoshop experts,
    I'm having a bizarre problem in Photoshop CS2 (sorry, no money for a newer version) with my gradient tool not rendering transparency. I've been using CS2 for a while on my mac (Powerbook G4, OSX 10.4 if that matters) and this is the first issue I've ever had with it.
    Basically, I try to choose the "Foreground to Transparent" gradient, and although the settings are all set to default and all the sliders appear to be correct, the applied gradient doesn't have any transparency. Instead, it just goes Foreground to Foreground! I've tried to manually enter in opacity values, moved the sliders around, changed to different colors or different gradients that contain transparency in the hopes something would mysteriously kickstart Photoshop into correcting itself. I've restarted everything, clicked reset the presets, restore defaults, anything I can think of, and nothing works. All gradients that have some sort of transparency fail to render the transparency. Any 100% solid color renders fine.
    I've searched and searched and can't seem to find the answer to this frustrating problem. If this explanation doesn't make sense, I hope the attached screenshot makes things clearer. I would really appreciate some insight into this! Thank you in advance.

    Well, shucks, Buko, you make it so easy!
    Yes, that finally fixed it. I thought I had trashed my prefs, but it turns out I trashed the wrong one. Thank you very much!

  • How to adapt icon colors to component's foreground color?

    I want to display a transparent png-icon on a JButton. How can i change the color of non-transparent (foreground-)pixels in the png-icon to the foreground color of the JButton?

    You'll need to study up some on basic CSS terms. 
    CSS Tutorial
    Align is invalid code.  What you probably want is:
         text-align:left;
         text-align:center;
         text-align:right;
    Clear is only applicable to floated elements.   It doesn't remove colors.
    footer {
         color: #FFF; /**this is white text**/
         background-color: #000; /**this is black background**/
    /**or**/
         background:none;
    Nancy O.

  • Is there a way to disallow web pages to modify foreground color of elements if background of those elements was not changed as well (and vice versa)?

    I have very sensible defaults for my display; i.e. I have dark GTK scheme (dark gray background, light gray text) that suits me way more when working on my computer while it's dark around. I, however, like looking at web pages as how they were mean to be seen. Unfortunately, most of web designers don't think about anyone having non-default colors set up.
    Example one ( http://www.cedok.cz ):
    This site's CSS style has "color: rgb(45, 45, 45);" for the whole <body> but for <select> elements there is no "background-color" set. This means there is a select box rendered with dark gray background and dark gray foreground (text color). This is pretty badly readable (obviously).
    To mention one particular element from this site: e.g. <select id="ctl00_ContentPlaceHolderLevySloupec_HledaniMultiTab1_HledaniZajezdu1_ddlTypZajezdu">
    Example two ( https://support.mozilla.org/en-US/questions/new/desktop/customize/form ):
    On this page (where I'm currently filling in this question) the <textarea id="id_content"> has "background: ... rgb(255, 255, 255);" set, but with my default font color, this textarea is rendered as light gray text on a white background. Again, pretty unreadable (and eye-hurting).
    I can provide screenshots and more reasoning if needed.
    I'm asking if there is (or might be) an option (even disabled by default) or at least an add-on which would keep default colors unless both foreground and background colors were specified. I think this might make Firefox very usable for many people which like to have their default colors configured.
    In case you won't be able to help me by fixing this, could you redirect me to the right place where I could get this requested in a way that might be really possible to happen (bugzilla?).
    Thank you very much in advance.

    Thanks for the reply, but I'm sorry, no. I don't want any addon that customizes colors, I want to use default colors and only prohibit changing them unless both background and foreground colors are changed.
    I have made no color changes WRT to Firefox *only*, I just changed the default for the whole toolkit (gtk in this case). The thing I need is to disable changing *only one* property out of two ({back,fore}ground). Whenever the second one gets set as well, this new setting (both of them) may get reflected, but not before that. It'd be nice to keep this when changing the colors back (deleting the style), but that's not necessary.
    I hope that's understandable, feel free to ask for if that's not the case.
    To express what I mean a bit more precisely, see the attached image. In that image there are four textareas (one of the elements that gets affected by this). First one is a default one (which I want to have if the page has nothing set), the second one is nicely modified to fit for example to a blue-ish page (this one I like as well).
    Second row of textareas shows how the final element looks like if the page has only one of these elements set up. First one changes background without changing font color, the second one vice versa. Both of them are very badly readable, especially with low lighting around.
    This is consequently the same case when it comes to default page background which I cannot set at all, because too many pages have only "color:" set without changed background and that is completely messed up then. Going to extremes, I might mention all color-related modifications (see how ugly the borders look when the background is changed and nothing is done to these borders, their size and color is kept default), but I understand that's too much.

  • How to get the color interpretation ( transparency/opacity)

    Hi all,
    I am trying to translate colors that may be affected by opacity & transparency into a strong color.
    Input colors may be RGB, CMYK and LAB.
    Right now, I am :
    1) duplicating source color (because Paper/Black can't be tweaked, I need to work on a copy)
    2) Setting duplicated color space to CMYK
    3) creating a dummy color in CMYK
    4) affect CMYK values of the duplicated color by transparency and opacity
    ie : source color is Black [0,0,0,100] at 50% opacity and 50% transparent ( frame effects) => [ 0*0.5*0.5 , 0*0.5*0.5 , 0*0.5*0.5 , 100*0.5*0.5 ] = > [0 , 0, 0, 25 ];
    5) setting dummy color space to source color space
    6) Do my computations based on dummyColor
    6) remove duplicated color
    7) remove dummy color
    The process is working but deltas on teh colors are a serious issue. Not big deltas but enough to corrupt the trust on the color interpretation.
    SO question is : Is there any way to get a correct interpretation of a color affected by opacity/transparency settings ?
    Do you have any link towars an understandable paper about how lab/rgb and CMYK colors are affected by opacity/transparency ?
    Thanks in advance,
    best,
    Loic

    @Loic – nothing much to offer here from my side. Just a source by Adobe which is very likely outdated, but you can look for hints doing research on the theme:
    "Transparency in PDF, Adobe Developer Technologies, Technical Note #5407" from 30 May 2000 at:
    http://www.planetpdf.com/mainpage.asp?webpageid=837
    Especially chapters:
    3 Color Compositing Computations
    4 Shape and Opacity Computations
    5 Groups
    6 Soft Masks
    7 Color Space and Color Rendering Issues
    should get you going. At least a bit. See for yourself…
    Uwe

  • Foreground color of a disabled component

    How do i change foreground/text color of a disabled component? Something similar to JTextComponent's setDisabledTextColor().

    I'm not exactly sure but I think this is highly component dependent and even look & feel dependent. Sometimes, there isn't even a such color defined anywhere. The component's ui just takes the current foreground color and calls brighter on it.
    You'll have to be more specific on the component you wish to modify.

  • Foreground color change from inside a class

    Hey,
    For a project I'm working on, I wrote a class that extends awt.Label. In this new class, I had to override the paramString() method to return what I wanted it to. This all works great. What I was wondering, is whether or not it was possible to change the foreGround color of the label from inside the class decleration. I was thinking maybe whenever the paramString() method was called. Any help would be appreciated.
    Thanks,
    Jarrod

    Gday,
    I you use the mothed setForeground(Color c) it should set the foreground colour (color for you Americans) to what you would like.
    see for more info
    http://java.sun.com/j2se/1.3/docs/api/java/awt/Component.html#setForeground(java.awt.Color)
    or
    http://java.sun.com/j2se/1.4/docs/api/java/awt/Component.html#setForeground(java.awt.Color)
    if you have jdk1.4
    You dont need to make this method in your class just call it when you want. ie
    setForground(Color.RED);
    or
    Color c = new Color(255, 0, 0);
    setForeground(c);
    Good luck,
    Jack 573

  • Foreground color gray

    I'm trying to recolor an object by making a Hue/Saturation layer and clipping it to my object I want recolored. I select the color I want, create the new layer and every time I do that, the selected foreground color reverts to gray and I cannot recolor my object to the desired color. I tried selecting the color after and it remains gray. A few days ago I was able to follow these same steps to recolor. I'm not sure what happened to cause this problem. I am using PE 8 on a Mac. Thanks for your help.

    Do you have the colorize checkbox turned on? Is the Image RGB and not indexed color or anything like that?
    It's not really necessary to clip the layer, you know. You can start by selecting the object, then the layer you create will only include that object, if there was an active selection when you made the adjustment layer.

  • Foreground color turns grey

    Hello
    I am just learning Photoshop CS4 on a Mac.
    I selected a color, expecting the foreground color to change to that color so I could fill a an area. I found that the foreground color changed to grey. Whatever I tried it just went grey. Could someone tell me what is happening here. I am doing something wrong but I have no idea what it is.
    Thanks for any help with this.

    Image menu->Image mode->RGB color
    You appear to be in grayscale mode now.

  • Foreground Color of a Disabled AWT Component

    How do you change the foreground color of a disabled AWT component?

    You would have to write your own renderer that checkes to see if the component is enabled or disabled. Your renderer would then draw the component as you like in both of those states.

  • Background and foreground colors can be interchanged using which command

    hi
    background and foreground colors can be interchanged using which command

    <b>Background and foreground colors can be interchanged using the command Format Inverse.</b>

  • Changing JCheckbox's foreground color..

    Hi Guys...
    I want to change the foreground color of the checkmark that appears in the jcheckbox when it is checked.. Is this possible to do? I have read problems with the disabled background color... But I have not found anything on how to change the foreground color of the checkmark when its checked... I tried doing "setForeground(Color.red)" but it does not work..... Thanks alot in Advance...

    I tried the change color when selected, it doesn't seem to work. However, you can change the icons used on a JCheckbox, the appended code does just that, it uses a collection of CD Player icons for the example, but you could draw or load anything you want. You might also find the CD icons useful for other purposes.
    import javax.swing.*;
    import java.awt.event.*;
    import java.awt.*;
    class TestChk extends JFrame
         Container cp;
         JCheckBox c2;
         TestChk()
              cp = getContentPane();
              addWindowListener(new WindowAdapter()
              {public void windowClosing(WindowEvent evt){System.exit(0);}});
             JCheckBox cb = new JCheckBox();
             CdIcon ic = new CdIcon(CdIcon.CdiStop,16,16,Color.BLACK);
             cb.setIcon(ic);
              CdIcon sic = new CdIcon(CdIcon.CdiPlay,16,16,Color.RED);
              cb.setSelectedIcon(sic);
              JPanel p = new JPanel();
              p.add(cb);
              cp.add(cb,BorderLayout.NORTH);
              pack();
         static public void main(String[] args){new TestChk().show();}
    class CdIcon implements Icon
         public static final int CdiStop = 0;
         public static final int CdiPlay = 1;
         public static final int CdiPause = 2;
         public static final int CdiRewind = 3;
         public static final int CdiFastBack = 4;
         public static final int CdiFastForward = 5;
         int type;
         int height, width;
         int iheight, iwidth;
         int left, top;
         Color clr;
         CdIcon(int t, int h, int w, Color c)
              type = t;
              height = h;
              width = w;
              iheight = (int)(.75*(float)height);
              iwidth = (int)(.75*(float)width);
              top = (int)(.125*(float)height);
              left = (int)(.125*(float)width);
              clr = c;
         public int getIconWidth(){return width;}
         public int getIconHeight(){return height;}
         public void paintIcon(Component c, Graphics g, int x, int y)
              int itop, ileft;
              itop = y + top;
              ileft = x + left;
              int[] xp;
              int[] yp;
              int xd;
              if(c.isEnabled())g.setColor(clr);
              else g.setColor(Color.gray);
              switch(type)
                   case CdiStop:
                        g.fillRect(ileft,itop,iwidth,iheight);
                        break;
                   case CdiPlay:
                        xp = new int[]{ileft,ileft+iwidth,ileft};
                        yp = new int[]{itop,(itop+(iheight/2)),itop+iheight};
                        g.fillPolygon(xp,yp,3);
                        break;
                   case CdiPause:
                        xd = iwidth /4;
                        g.fillRect(ileft,itop,xd,iheight);
                        g.fillRect(ileft+iwidth-xd,itop,xd,iheight);
                        break;
                   case CdiFastForward:
                        xd = iwidth /2;
                        xp =new int[]{ileft,ileft+xd,ileft};
                        yp =new int[]{itop,(itop+(iheight/2)),itop+iheight};
                        g.fillPolygon(xp,yp,3);
                        xp =new int[]{ileft+xd,ileft+xd+xd,ileft+xd};
                        g.fillPolygon(xp,yp,3);
                        break;
                   case CdiFastBack:
                        xd = iwidth /2;
                        xp =new int[]{ileft+xd,ileft,ileft+xd};
                        yp =new int[]{itop,(itop+(iheight/2)),itop+iheight};
                        g.fillPolygon(xp,yp,3);
                        xp =new int[]{ileft+xd+xd,ileft+xd,ileft+xd+xd};
                        g.fillPolygon(xp,yp,3);
                        break;
                   case CdiRewind:
                        int xm = iwidth/8;
                        int xleft = ileft+xm;
                        xd = (iwidth-xm)/2;
                        g.fillRect(ileft,itop,xm,iheight);
                        xp =new int[]{xleft+xd,xleft,xleft+xd};
                        yp =new int[]{itop,(itop+(iheight/2)),itop+iheight};
                        g.fillPolygon(xp,yp,3);
                        xp =new int[]{xleft+xd+xd,xleft+xd,xleft+xd+xd};
                        g.fillPolygon(xp,yp,3);
                        break;
                   default:
                        g.drawRect(ileft,itop,iwidth,iheight);
                        break;
    }

  • Cant change color on visited sites without changing background /foreground colors that hide options on the sitec

    I want to change the color of visited sites, but am forced to set background and foreground colors which don't properly
    show all of the colors for controls etc on many websites.
    I have to uncheck the button to Allow pages to choose their own colors....
    Google is a good example after doing a search, then change visited sites color, uncheck the allow pages button and then you can't see the search button and most of the options in the top right corner in google.
    I am a little color blind, so can't differentiate blue and purple for links on visited sites...
    thx

    I think the problem is that many sites use background colors to create buttons, so you lose that when you override the page's colors.
    Maybe you could use an add-on to fine-tune colors instead of Firefox's all-or-nothing setting. I found a couple extensions that say they can change page colors, but I haven't tried them myself:
    * [https://addons.mozilla.org/firefox/addon/color-that-site/ Color That Site!]
    * [https://addons.mozilla.org/firefox/addon/colorific-1/ Colorific]
    * [https://addons.mozilla.org/firefox/addon/toggledocumentcolors-198916/ ToggleDocumentColors_]
    * [https://addons.mozilla.org/firefox/addon/color-toggle/ Color toggle]
    For a truly custom approach to link colors, there are two general purpose ways to apply your own style rules to specific sites: the Stylish extension and a userContent.css files. You would need to set a preferred text ''and'' background color for visited and unvisited links so that you are guaranteed to be able to read the text.
    Hope one of these fits the bill!

  • Changing the foreground color ......

    I don't want the viewer to change the text, so I did
    setEnabled(false);
    on my JTextArea.... but then my text color stays at gray no matter what foreground color I give it.
    Is there anyway to overwrite this?
    Thanks!!

    call setaEditable( false ), that won't disable it just make it un-editable.

  • How to set Analysis graphics background color to Transparent? not White.

    How to set Analysis graphics background color to Transparent? not White.
    thanks
    Edited by: user13257485 on 2010-8-15 下午11:53
    Edited by: user13257485 on 2010-8-15 下午11:55

    Hi,
    We almost had the same requirement, but we just needed to color a specific column.
    Here goes the solution to that, you might do the same for your row highlighting
    Changes are required in jsff and one method to be added in backing bean
    1. JSFF :
    <af:column headerText="Amount"
                     id="c4" width="100"
                     inlineStyle="#{backingBeanScope.BackingBean.cellColor}">2. Backing Bean
    //searchResultTableVO is Table's VO
    public String getCellColor() {
          FacesContext ctx = FacesContext.getCurrentInstance();
          ExpressionFactory ef = ctx.getApplication().getExpressionFactory();
          ValueExpression ve = ef.createValueExpression(ctx.getELContext(), "#{row}", FacesCtrlHierNodeBinding.class);
          FacesCtrlHierNodeBinding node = (FacesCtrlHierNodeBinding)ve.getValue(ctx.getELContext());
          Row row = node.getRow();
        if(row.equals(searchResultTableVO.getCurrentRow())){
    //You can add your inline style for font-style too
          return "background-color:Red;";
             return null;
      }Hope this is helpful :)
    Regards,
    Neha..

Maybe you are looking for