Skip navigation
1n2s3m
1n2s3m Calculating status...
Currently Being Moderated

Border around a bitmap

Jun 25, 2012 5:57 AM

I'm sure its very simple but I'm looking to add a border to a rounded square. 

 

The issue is the shape is a bitmap.  I have created a bitmap to make the image have rounded corners, but I can't work out how to have the border around the image.

 

Suggesstions in simple terms would be most appreciated!

820 Views   2 Replies   Latest reply: groove25, Jun 25, 2012 7:47 AM
 
Replies
  • Jim_Babbage
    Currently Being Moderated
    1. Jim_Babbage,
    Jun 25, 2012 7:40 AM   in reply to 1n2s3m
    Report

    The quickest way to do this is to use choose the "+" sign in the Filters section of the Properties panel, then scroll down the list to Photoshop Live Effects and select the Stroke effect. It's one of the few actually useful PS Live Effects within Fireworks, because Fireworks has no way to natively add a stroke to a bitmap.

     
    |
    Mark as:
  • groove25
    Currently Being Moderated
    2. groove25,
    Jun 25, 2012 7:47 AM   in reply to 1n2s3m
    Report

    A few ideas:

     

    • For a very simple border, use Photoshop Live Effects and choose the Stroke option. (Photoshop Live Effects can be found at the bottom of the Filters/Effects list in the Properties Inspector, once the bitmap is selected.)
    • Another simple border could be created using a Glow effect. Set Softness to 0. (Like the Photoshop Live Effect, this can be applied from the Properties Inspector, once the bitmap is selected. Look under 'Shadow and Glow 'within the Filters/Effects list.)
    • For more control over stroke style, create a rectangle to match the contour of your bitmap. Set the fill to None. You can use the Properties Inspector to help match the width and height of the rectangle to that of the bitmap, and use the Roundness slider to adjust the rectangle's corners.
    • As a variation on the above idea, you could use a vector to mask the bitmap—this would be a particularly good approach if your bitmap did not already have rounded corners. Create a rounded rectangle as described above, setting the fill to either None or white. Then select both the rectangle and the bitmap together and choose Modify > Mask > Group As Mask. Once the mask is applied, select its thumbnail in the Layers panel, and you'll be able to adjust its appearance in the Properties Inspector. You'd want to choose "Path Outline" and "Show Fill and Stroke" in order to have the desired stroke appear.

     

    (Whoops! Looks like Jim and I cross-posted...)

     
    |
    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