Welcome To Signs101.com: Largest Forum for Signmaking Professionals

Signs101.com: Largest Forum for Signmaking Professionals is the LARGEST online community & discussion forum for professional sign-makers and graphic designers.


  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Adobe Photoshop Gradient Question

Discussion in 'Adobe' started by Signs4Realtors, Oct 8, 2018.

  1. Signs4Realtors

    Signs4Realtors Member

    Jul 26, 2008
    Canyon Lake, CA
    Can someone who knows Adobe Photoshop tell me how this circle gradient was created in the attached screenshot. I need to change it to a rectangular background with the same gradient.

    The lower layer has a 100% solid color which is simple.

    The top layer has a 76% opacity with a Screen. AND IT HAS A DOWN ARROW NEXT TO THE THUMBNAIL WHICH IS INDENTED TO THE RIGHT INDICATING SOMETHING? WHAT IS THIS INDICATING? It's not just a circular gradient layer on top of a solid color layer. The layers are linked/attached in some manner?

    Thanks in advance for your assistance!

    Attached Files:

  2. Rick

    Rick Certified Enneadecagon Designer

    Apr 17, 2003
    Valle Vista
    Did you click on your GRADIENT tool (G) and look in the upper left hand corner to see if that gradient show up in the gradient selection window?

    If it is:
    -- open a new file, the size required...
    -- Add the required layers needed
    -- Make a rectangle
    -- Gradient Tool
    -- Select the Gradient in that window on the upper left
    -- Sweep gradient across rectangle to your liking
    -- Make required Opacity adjustments to match
    -- On a lower layer, add solid color
    • Agree Agree x 1
  3. The Vector Doctor

    The Vector Doctor Very Active Member

    Aug 15, 2005
    Whenever I am given a file with a gradient I run the image through photoshop and apply the "posterize" command to see how it was created to make starting points, directions etc a bit easier to see. Here is your file

    Attached Files:

    • Informative Informative x 3
  4. AKwrapguy

    AKwrapguy Active Member

    Sep 6, 2014
    Anchorage, AK
    So the issue would be the 'layer 1', it looks like a clipping mask. You should be able to release the clipping mask and than add a new layer in between them and than reapply the clipping mask to that new layer.
  5. Signs4Realtors

    Signs4Realtors Member

    Jul 26, 2008
    Canyon Lake, CA
    Thanks for your input. I released the clipping mask on Layer 1, but when I click on the layer 1 and gradient tool, there is no gradient to copy and apply to my rectangular shape that I need. I know how to add nodes in Illustrator and change a circle to a square using the nodes...but I'm not familiar with doing that in Photoshop (changing a round circle to a rectangle)? Might be easier to re-do the shape rather than trying to figure out how this was created.

    Attached Files:

  6. shoresigns

    shoresigns Very Active Member

    Nov 1, 2011
    Vancouver, BC
    Layer 1 is a raster layer. You can't edit a gradient on a raster layer, because it's not live – it's rasterized. If you want to edit a gradient in Photoshop it needs to be on a vector layer or a gradient fill layer. If your gradient is in a raster layer and you want to edit it, you have to recreate the gradient.

Share This Page