Skip navigation
Pilaar39
Pilaar39
Currently Being Moderated

How to make sharp inner beveled corners?

Aug 24, 2012 8:22 AM

I am wonder if it is possible, when using the bevel and emboss tool in the layer style menu, to make a sharp inner corner?

 

I was working on creating a frame using hard chisel bevel - it makes the outside of the frame have a sharp corner, but the inside is rounded. See sample image at:

 

http://farm9.staticflickr.com/8303/7851317670_3a50a8e437.jpg

797 Views   9 Replies   Latest reply: Pilaar39, Aug 24, 2012 3:51 PM
 
Replies
  • conroy
    Currently Being Moderated
    1. conroy,
    Aug 24, 2012 8:54 AM   in reply to Pilaar39
    Report

    .

    Inner shape on top - downward inner bevel.

    Outer shape - upward inner bevel.

     

    You can link the two Shape Layers to make them always stay together.

     

    Screen shot 2012-08-24 at 16.46.33.png

     
    |
    Mark as:
  • Pilaar39
    Currently Being Moderated
    2. Pilaar39,
    Aug 24, 2012 8:55 AM   in reply to conroy
    Report

    Well, that is exactly what I want, but can't figure out how or where to do it.

     

    Can you provide some specifics, please?

     

    I am using CS5.5

     
    |
    Mark as:
  • conroy
    Currently Being Moderated
    3. conroy,
    Aug 24, 2012 9:25 AM   in reply to Pilaar39
    Report

    .

     

    Two Shape Layers.

     

    Inner shape:

     

    Inner shape style.png

     

     

    Outer shape:

     

    Outer shape style.png

     
    |
    Mark as:
  • Noel Carboni
    21,316 posts
    Dec 23, 2006
    Currently Being Moderated
    4. Noel Carboni,
    Aug 24, 2012 9:12 AM   in reply to Pilaar39
    Report

    What he's saying is that you have to draw two shapes, one over the other and use Inner Bevel on both.

     

    Not the ideal solution, but a workaround.

     

    Bonus question for Conroy (as I am drawing a blank)...  How would you best make the inner part transparent?  I'm thinking maybe group the layers and add an inverted rectangular path as a layer mask on the group...  If only I could remember how to invert a path (I have a headache today).

     

    -Noel

     
    |
    Mark as:
  • conroy
    Currently Being Moderated
    5. conroy,
    Aug 24, 2012 9:16 AM   in reply to Noel Carboni
    Report

    Target the Path and change its mode to Subtract.

     
    |
    Mark as:
  • Noel Carboni
    21,316 posts
    Dec 23, 2006
    Currently Being Moderated
    6. Noel Carboni,
    Aug 24, 2012 9:38 AM   in reply to Pilaar39
    Report

    Thanks to Conroy for getting me to try the tried and true vector path inversion process again, which for some reason I fell down on the first time, here's a possible approach.  It involved drawing three rectangles, and using the innermost one to mask out the center of the shape group.

     

    BeveledFrame.png

     

    Here's the PSD if you'd like to have a look at it in more detail:

     

    http://Noel.ProDigitalSoftware.com/ForumPosts/BeveledFrame.psd

     

    -Noel

     
    |
    Mark as:
  • Pilaar39
    Currently Being Moderated
    7. Pilaar39,
    Aug 24, 2012 12:18 PM   in reply to Noel Carboni
    Report

    Ok, I will play with it. I was trying to apply the bevel to the frame, but obviously I need to do this in two steps.. one layer for the outer bevel, and another for the inner. It needs some tweaking.. even in the example you give Noel, there ends up being a very thin white line around the inner bevel. More noticable when working with a larger image. Looks like I will need to make the inner box slightly larger to overcome this.

     

    Thanks for the feedback.

     

    btw.. slightly off topic.. how did you manage to include images in your post?  I had to link to an external site to show my image. When I clicked on the camera icon in this post dialog window, nothing happens.. I get a status message at the bottom of my browser that says 'error on page'  I am using IE8 with Win7.  I do notice however, that I can insert an image using Firefox - is there some trick to getting it to work with IE8?  I realize that clicking this presents a pop-up dialog, and I have pop-ups disabled in IE, but normally I can temporarily bypass this by holding the Control key down when clicking on a pop-up link, but in this case it does not help.  Any idea?

     
    |
    Mark as:
  • Noel Carboni
    21,316 posts
    Dec 23, 2006
    Currently Being Moderated
    8. Noel Carboni,
    Aug 24, 2012 12:23 PM   in reply to Pilaar39
    Report

    I just use the little camera icon at the top border of the editor box when posting to upload an image for inline display.  I'm running IE9.

     

    The thin white line may be the path itself showing, which will not come out in your work product.  That's why it appears in the sample I posted above.  Click on another layer and see if it goes away.

     

    -Noel

     
    |
    Mark as:
  • Pilaar39
    Currently Being Moderated
    9. Pilaar39,
    Aug 24, 2012 3:51 PM   in reply to Noel Carboni
    Report

    I tried on another system using IE9, and the camera icon worked... must be a problem specific to IE8.

     

    Thanks for the reply.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points