Applying gradient to a shape's edge

Hello.  I have a curved shape which is a light color.  I want to create a dark outline and have it fade into the light color as a gradient would, uniformly following the curved shape.  Any ideas?  Thanks
Photoshop elements 8

Try this
Use the custom shape tool to "draw" your shape
Place a blank layer below this and name it "stroke"
Press CTRL+click the shape layer thumbnail to make it active
Still on the blank layer, go to Edit>stroke, position it center, use a wide stroke - try 60 px
Go to Layer menu>New fill layer>gradient
Make the shape layer active, and clip the layers  - CTRL+G
Back to the gradient fill layer, select your gradient to suit
Here is a print screen so that you can visualize the layer structure. It's all done in PSEv.8.

Similar Messages

  • How can i apply gradient...

    I have a rectangular shape movie Clip (Size :130px X40 px). I
    want to apply linear gradient on it using action script. Can
    anybody help me how can I apply gradient on it.
    Note: This movie clip is made manually. Not by using
    createEmptyMovieClip method.

    i already checked this -
    MAKE A OVAL ON YOUR STAGE AND GIVE THIS INSTANCE NAME 'ovl'
    (withought single quote) and use the code under
    here i am creating two movie clips on stage --
    1st is 'ovl' and 2nd one is 'mc'
    But to apply gradient on ovl i have to use setMask method
    like this _root.mc.setMask(_root.ovl)
    i do not want to use SetMask... I want to apply gradient
    directly on 'ovl'
    How can i do ??????????????
    // create emtpy movieclip
    mc = createEmptyMovieClip("mc",1);
    // set the constants for the gradient fill
    // the colors
    col = [0x000066,0x0033FF];
    // the alphas
    alp = [100,30];
    // the ratios
    rat = [100,255];
    //this.onMouseMove = function () {
    // we will make a radial gradient
    // and make it move with the mouse
    // first we clear the previous gradient fill
    mc.clear();
    // get the mouse-position
    // the x-coordinate
    x = _xmouse-200;
    // the y-coordinate
    y = _ymouse-200;
    // set the matrix for the transformation
    matrix = { matrixType:"box",x:x,y:y,w:400,h:400,r:0 }
    // now make the new gradient fill
    mc.beginGradientFill("linear",col,alp,rat,matrix);
    // now make the shape to fill
    mc.lineTo(400,0);
    mc.lineTo(400,400);
    mc.lineTo(0,400);
    // end the fill
    mc.endFill();
    _root.mc.setMask(_root.ovl)
    Text
    Text

  • Is it possible to add a gradient to text in adobe edge animate?

    i'm wondering if it's possible to add a gradient to text in adobe edge. I come from the flash world and new to edge. I'm trying to eliminate importing a series of text blocks as art. Can anyone add some insight please?
    thanks in advance!

    Check this out :http://css-tricks.com/snippets/css/gradient-text/
    Sent from Mailbox
    On Mon, Jun 16, 2014 at 4:52 PM, Marie Goodwyn <[email protected]>

  • Applying Gradient through css in spark application of gumbo

    I want to apply gradient colors just like we did in flex 3 using css.
    How to achieve the same for s:Application ?

    That changed in the new architecture:
    you need to drop something like this in your main app or create a new skin for the main app and drop it in there:
        <!-- background -->
        <s:Rect left="0" right="0" top="0" bottom="0">
            <s:fill>
                <s:LinearGradient>
                    <s:GradientEntry ratio="0" color="#ff00ff"/>
                    <s:GradientEntry ratio="1" color="#00ff00"/>
                </s:LinearGradient>
            </s:fill>
        </s:Rect>
    Need to play with the gradient but ration and color values but you get the picture...
    The old way does not apply anymore as far as I can tell ...
    You can define your own backgroundGradientColor read it in the custom skin updateDisplayList and do the drawing yourself, but I am not sure it is worth the effort.
    C

  • Apply Gradient across stroke not working now?

    Updated Illustrator to CC and now my apply gradient to stroke is acting funny (also does it with apply along stroke). First i can't get it to show up unless I find a number it likes (start out with 1 pt, don't see a stoke so increase size 1 pt at a time up to 11 to see it) now the corners have gotten strange, They seem to be missing small patches. Any idea what's causing this?  You can see in the image I am not doing anything fancy, it's type and then just to make sure it wasn't a font problem I tried just a rectangle. It seems to be worst with corner set to round joint.
    TIA,
    LVChris

    Sorry Larry that didn't fix it. Sent the files to Adobe for review. Anyone elese reproduce this problem?
    It's easy to test;
    1. create a rectangle
    2. add a fill and stroke
    3. change the stroke to a gradient and make it big enough to see
    4. change the stroke cap to round and cap corner to round join
    5. change the gradient to apply gradient along stroke or across stroke
    I do this to nearly everything and have been for years...very strange problem
    I also just made the same object in CS6 and it worked flawlessly.

  • How to apply gradient effect to JTable

    Hi
    It is easier to apply gradient effect to JTable by overriding paintComponent() and giving gradient effect using the following code
    Graphics2D g2 = gradientImage.createGraphics();
    GradientPaint painter = new GradientPaint(0, 0, gradientEnd,
    0, height, gradientStart);
    g2.setPaint(painter);
    Rectangle2D rect = new Rectangle2D.Double(0, 0, width, height);
    g2.fill(rect);
    but my problem is , after applying gradient effect the cell contents are not visible.
    what i need to do to make the cells visible..... please any one help me to sort out this.....
    Thanks in advance.......

    Well the basic code should be:
    // do gradient painting
    super.paintComponent(...);But you will also need to customize the renderers to make them non-opaque.
    And you may also need to make the table non-opaque.
    If you need further help then you need to create a [Short, Self Contained, Compilable and Executable, Example Program (SSCCE)|http://homepage1.nifty.com/algafield/sscce.html], that demonstrates the incorrect behaviour.
    Don't forget to use the Code Formatting Tags so the posted code retains its original formatting. That is done by selecting the code and then clicking on the "Code" button above the question input area.

  • Applying multiple fills with radial gradient to one shape - Illustrator CC

    Hi, I am following this tutorial (http://vectips.com/tutorials/how-to-create-realistic-vector-leaves-in-illustrator/comment- page-1/#comment-744800) and I am around step 6/7 where I need to add 3 new fills each with a different radial gradient, and then apply them to different areas of the leaf to create a variety of gradial tones.
    However, once I have made the new fill I press 'G' to bring up the gradient tool, but when I click inside the leaf area my new fill disappears and the previous radial gradient fill I made is highlighted instead. Hope this makes sense, I just want to apply a slight light green gradient to the corner of the leaf as the tutorial describes in 'Step 7'.
    Please help!

    I have this layer selected and the Gradient tool ready
    I go to click on the right side of the green area to apply the gradient tool...
    The fill I want to use disappears, and the previous fill is selected instead.
    I will point out (if it isn't obvious already) that I AM NOT experienced with Illustrator, but I want to understand why this isn't working.

  • Banding occurs using gradient overlay on shape

    I have a shape with a #ffffff to #f6f6f6 gradient overlay applied. It looks fine in PS but when printed on the laser printers at Kinko's becomes horribly banded. Strangely, when printed on my inexpensive ink jet it looks normal.
    I need to fix this before sending the file off to print. I don't usually use PS for brochures and such (usually AI) so I'm not sure what to do expect give the entire shape a color overlay or just go with nothing at all, which would be a shame.

    This article explains the problem. Apparently there are simply too many "steps" the printer has to make so that printing such a subtle gradient becomes impossible:
    http://blog.imagesmith.com/2013/05/17/new-40/
    The problem is I basically have a 400px high parallelogram with a 90 degree gradient from top to bottom, #ffffff to #f6f6f6. I am not sure how to use the dodge tool precisely in such a small area.
    Would adding noise help?

  • Help please: gradient to follow shape 'swirl' then fade out to transparent

    Hi
    I was wondering if anyone could possible help me on the best way to go about what i would love to achieve...
    Above is my shape that I have created (its a swirl to go above some text for a logo) I would like the gradient to follow the swirl around rather than being at a fixed angle that it is currently now.  I am trying to create a light moving type effect really with the CYMK colours... I would like each edge at the LHS end to be either in colour then the centre bit to be fading to transparent (or vice versa - not decided yet) so the end looks like something similar to below.
    Any help would be greatly appreciated - I am relatively new to illustrator and only really know the basics of basics that have seemed to have got my by so far but would love to know & learn more...
    Many thanks,
    T

    That's how I got to Carnegie Hall…Practice…Practice…Practice:and of course the subway I took and the ticket I bought.
    It was a really good show and worth the effort.
    You'll get there once you're familar with the tool.
    A hint in CS 5 and beyond you can give an point in the gradient mesh transparency. Select the point and go to the Transparency Panel and lower the opacity and there you are.

  • Apply gradient to text, cs5 like Classroom in a Book

    I need to create a title in a document, a single word heading at the top.  I'm using Win7 32 bit and AI cs5 and the book, Classroom in a Book.
    I'm on page 310 where "Mike's Coffee" is the tutorial text.  I've converted my text to path outlines, then Grouped the characters.  From there, however, the script (or I) seem to get lost.  Step 4 says "This applies a white to black gradient".  Yes, it does.
    However, I want to start with bright red, receding to nearly transparent and I can't follow the instruction from there -- getting colors into my panel.  No, I've not loaded that lesson and perhaps that's why my panel and swatch doesn't match the book's.
    Am I going to have to load this lesson, start from scratch on it to simply apply a gradient to a single word?
    GM

    You're right.  Let me start over.
    I need apply a gradient to text using Win7 32 bit and AI cs5.  I want to start with a bright red at the top, receding to nearly transparent at the bottom.
    I've converted my text to path outlines, then Grouped the characters.  From there, selected the group, clicked on the Gradient box on the right -- then I'm lost.
    GM

  • Need Help Applying Gradient to JPEG

    I'm trying to modify my companies logo for our new catalog by applying a gradient to it. I've tried to do this in both Illustrator CS4 and Photoshop CS4 and for some reason I can't get the gradient to apply only to the logo. Instead, it applies the gradient to the background. The logo is saved as a JPEG, so I'm not sure if that has anything to do with it. Any advice would be greatly appreciated.

    I agree to a point, Bart, but John is absolutely right when he cautions about logos being printed with all sorts of processes. Some companies have an outline form of their logo for black and white (copier and printer) reproduction, but most make do with only one logo that can be reproduced faithfully using virtually any method (Coke).
    As a rule, gradients are avoided, but not always. The UPS color logo is a good example of a gradient, or blend, being used successfully. However, on the UPS forms, they use an outline version.
    I have no idea what the OP is planning to do with the company's logo. Adding a gradient isn't necessarily always wrong, but it has to be carefully considered. I also wonder if this alteration of the logo is a permanent change, since it's normally considered bad form to tweak a logo if you don't intend to carry the new design forward on all other printed materials.

  • Selecting Difficult Shapes - Refine Edge Tool

    In Elements 11 it was announced that selecting difficult shapes like hair for cutting out people etc was a new feature.  I could find no guidance on how to do it in the program help or online.
    I actually now know how to do it now because I have a tutorial from Digital Photo Magazine, but there needs to be guidance available on this new feature for anyone else who wants to use it.  It didnt feature in the new guided edits or "How To" videos (Why not?)
    Mike Grantham

    Thanks Jon, it does give some guidance but isnt as good as the excellent guidance given in the UK Digital Photo Magazine CD in August 2012.  Hunting around, I did find http://download.photoshopelementsuser.com/LC/LearningCenter11/LC11-RefineEdge.mov which is clearer, although in this case it shows selecting the background, not the person (just select the person if you want to cut them out instead).  In the DP magazine it suggested doing a reasonably precise cut out with the polygonal lasso tool, doing the best you can around hair, then refining it with the refine edge brush.  The results are excellent!
    My main reason for posting this was to get Adobe to put something in help on this topic.  What good is it introducing a new feature in Elements then giving absolutely no guidance on how it works?!

  • Disappearing gradient widget on shape layer

    When editing a gradient fill on a shape layer, sometime I can see the on-screen gizmo that lets me draw the direction and length of the gradient directly the comp window. But most of the time, it's invisible.
    What's the trick to seeing it?

    Sorry for the double posting here and on the Cow.
    I tried that Rick. I still couldn't see the gizmo. After some experimenting, it seems that both the shape and fill need to be contained a Group object for the gizmo to appear.
    If I create a shape layer and add a fill, there's no gizmo. But if I also add a Group object and add the shape and fill. The gizmo appears. Take them out of the group... no gizmo.
    AE CC2014.2 / Mac OS X 10.9.2

  • Apply gradients to smaller areas?

    What's the easiest way to apply a gradient to a specific area? For example, in a landscape where you a want gradient between the clouds and foreground and its only 20% of the total image that you want to affect?

    One way you can is to select the area you want to add the gradient into. Add a new empty layer, Fille the selection with the gradient. Blend in with all the blending options available for layers and use other Photoshop tools on the gradient layer pixels.    If  you don't like toss it and try again.

  • Gradient to a shape/keep "Stylize" effects as vector

    I drawing a phone in Illustrator and I'm trying to make an iPad-like bezel. I have two options for achieving a darker area on the edges of the bezel:
    1: Use inner glow, but I want it to export to SVG as a vector effect and not linked/embedded image.
    2: Gradient along the inside of the bezel that matches its curvature, which I don't know how to do.
    A solution to make either option work as I said is what I'm looking for. Either or.

    Especially with things intended for the web, keep the number of elements to a minimum. In Blends, be sure to use Specify Steps and don't go nuts with the number of steps. The sample shown contains only 6 paths in the bezel.
    SVG supports grad fills. Realize, you can blend between grad fills. For optimum results, make sure the blended paths have the same number of anchorPoints, and the same number of color stops in their grads.
    When done, look at the resulting SVG code and see how complex it is.
    but I want it to export to SVG as a vector effect
    Illustrator includes a few SVG filters. Realize: just because it's an SVG effect doesn't necessarily mean it's vector, just as in Illustrator not all effects that can be applied to vector paths are vector effects. Personally, for SVG graphics, I would use a program more directly dedicated to SVG. Inkscape, for example.
    JET

Maybe you are looking for