Ask a questionAsk a question
 

AnswerInner shadow and inner glow

Answers

  • Tuesday, March 04, 2008 2:50 AMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer
    You can get close to inner glow by creating a brush that has a gradient to the inside of a closed shape.

    <Image Removed>See post (below)- Friday, March 07, 2008 1:54:15 PM- Same subj.
    • Marked As Answer byLori DirksMSFT, ModeratorSunday, November 23, 2008 2:04 AM
    • Edited byFred C_ Tuesday, March 04, 2008 3:31 AMshow image
    • Edited byFred C_ Sunday, March 09, 2008 7:09 PMremoved image
    • Edited byFred C_ Sunday, March 09, 2008 7:12 PMimage removed
    • Edited byFred C_ Thursday, May 29, 2008 3:02 AMremoved extra
    • Edited byFred C_ Tuesday, March 04, 2008 6:06 AMadded comment
    • Edited byFred C_ Tuesday, March 04, 2008 2:58 AMchange link
    • Edited byFred C_ Tuesday, March 04, 2008 3:36 AMreset image
    • Edited byFred C_ Sunday, March 09, 2008 7:14 PMimage removed
    • Edited byFred C_ Tuesday, March 04, 2008 3:06 AMspelling
    •  
  • Wednesday, May 28, 2008 1:47 PMbarkest Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer
    My best guess would be that the stroke you have defined does not span the entire Stroke Definition Box. Edit the stroke, select the stroke and make sure the bounding box is stretched to meet the left and right bounds of the definition box.
    steve
  • Thursday, May 29, 2008 3:44 AMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer
    Exactly as Steve said; the Stroke Definition box
    defines the beginning and end of the stroke.  If
    there is space to the left and/or right of the stroke
    components relative to the box, it will yield a stroke
    that does not reach the ends of the stroke path.
    Skydrive image 

All Replies

  • Thursday, February 28, 2008 5:16 PMAnnie FordModeratorUsers MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    No, we only had drop shadow and outer glow. Inner glow has been a popular request but so far it hasn't been implemented.
    Annie
  • Thursday, February 28, 2008 6:18 PMAnonymous_34857345 Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    I hope that Microsoft will add this functionality
  • Tuesday, March 04, 2008 2:50 AMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer
    You can get close to inner glow by creating a brush that has a gradient to the inside of a closed shape.

    <Image Removed>See post (below)- Friday, March 07, 2008 1:54:15 PM- Same subj.
    • Marked As Answer byLori DirksMSFT, ModeratorSunday, November 23, 2008 2:04 AM
    • Edited byFred C_ Tuesday, March 04, 2008 3:31 AMshow image
    • Edited byFred C_ Sunday, March 09, 2008 7:09 PMremoved image
    • Edited byFred C_ Sunday, March 09, 2008 7:12 PMimage removed
    • Edited byFred C_ Thursday, May 29, 2008 3:02 AMremoved extra
    • Edited byFred C_ Tuesday, March 04, 2008 6:06 AMadded comment
    • Edited byFred C_ Tuesday, March 04, 2008 2:58 AMchange link
    • Edited byFred C_ Tuesday, March 04, 2008 3:36 AMreset image
    • Edited byFred C_ Sunday, March 09, 2008 7:14 PMimage removed
    • Edited byFred C_ Tuesday, March 04, 2008 3:06 AMspelling
    •  
  • Tuesday, March 04, 2008 8:30 AMbarkest Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    As well as Fred's option a while back i posted this method:

    1) Draw a circle on the artboard. No fill and a stroke of 1 px
    2) Duplicate it twice (Ctrl+C, Ctrl+F) so you now have 3 circles
    3) Select the bottom two circles in the layers panel and compound them
    4) Apply an outer glow effect to these circles
    5) Select the two objects in the layers panel (a circle and a compound
    object)
    6) Object > Clipping Path > Make with top path

    You now have an inner glow which can be adjusted as normal by selecting the
    compound object in the layers panel and changing the values for the outer
    glow effect.

    Notes

    The circle (not the compound object) will be used for fill and stroke
    adjustments

    steve
  • Tuesday, March 04, 2008 2:28 PMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Hi Steve,
    Good to see you here! I'm glad you posted your solution. I remembered your method, but couldn't locate it in a NG search.

    Best Regards,
    Fred
  • Friday, March 07, 2008 12:40 PMAnonymous_34857345 Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     

    Hi

    Excuse me for the late

    The barkest method works very well

    For Fred C. :
    can you give me the design file to janson3@virgilio.it?
  • Friday, March 07, 2008 6:54 PMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
  • Saturday, March 08, 2008 8:13 PMAnonymous_34857345 Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    I advise all the Fred C.'s tutorial.
    It's great
  • Wednesday, May 28, 2008 11:34 AMElementalGrace Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    I don't know if I'm missing something obvious here but I can't find an option for align to backbone? I can see options for align including centers, top edges, bottom edges, left edges, right edges, vertical centers and horizontal centers but no backbone?

    I quite urgently need an inner glow effect and I really don't want to have to rebuild all my paths in another program.

    Thanks
  • Wednesday, May 28, 2008 11:55 AMbarkest Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
     Hey Grace,

    I have not tried Fred's method but reading his great description I think he means that you select all and use the cursor to move to align with the backbone. There is no option to 'move backbone' you have to do it manually

    must try out his method as it looks really good
    steve
    • Edited bybarkest Wednesday, May 28, 2008 11:56 AMspelling
    •  
  • Wednesday, May 28, 2008 12:01 PMElementalGrace Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Steve,

    Thanks - so far so good. It's working pretty much now.

    Just one final (and very weird) thing. When I apply the stroke, it only seems to apply to 3/4 of the shape? Can you think of any reason for that or what I can do to fix that?

    Cheers!
  • Wednesday, May 28, 2008 1:47 PMbarkest Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer
    My best guess would be that the stroke you have defined does not span the entire Stroke Definition Box. Edit the stroke, select the stroke and make sure the bounding box is stretched to meet the left and right bounds of the definition box.
    steve
  • Thursday, May 29, 2008 3:44 AMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     Answer
    Exactly as Steve said; the Stroke Definition box
    defines the beginning and end of the stroke.  If
    there is space to the left and/or right of the stroke
    components relative to the box, it will yield a stroke
    that does not reach the ends of the stroke path.
    Skydrive image 
  • Sunday, June 01, 2008 1:18 AMBill Somogyi Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
     
    Anonymous_34857345 said:


    Hi

    Excuse me for the late

    The barkest method works very well

    For Fred C. :
    can you give me the design file to janson3@virgilio.it?



    I actually have a stroke for download posted on my old Design site!
     
    Inner Glow Stroke

    Have Fun Bill
    Design by Bill
  • Tuesday, June 17, 2008 10:42 AMElementalGrace Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Got it now! Thanks!
  • Wednesday, June 25, 2008 6:59 PMFred C_ Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
     Good!  Bill's stroke uses a bitmap to do essentially the same thing.  :-)

    ~Fred
  • Thursday, November 05, 2009 10:35 PMjallenRN Users MedalsUsers MedalsUsers MedalsUsers MedalsUsers Medals
     
    Great solution Barkest!

    I discovered a similar method using a Gaussian blur. It only required two objects.

    1) 1) Draw a circle on the artboard. No fill and a stroke of 1 px
    2) Duplicate it ONCE (Ctrl+C, Ctrl+F) so you now have 2 circles
    3) Apply an Gaussian blur effect to bottom circle
    5) Select the two objects in the layers panel
    6) Object > Clipping Path > Make with top path

    The inner glow can be manipulated by modifying the placement and and settings of the clipping path as well as the color, stroke, fill of the lower object and the radius of the blur effect.