Clicky

An elementary question regarding the above.
I have a logo with a transparent background. It is in png format. What I want to do is to add a thin dark border inside and outside the shapes in the logo. How can I do that?

asked 10/03/2010 07:50

bogorman's gravatar image

bogorman ♦♦


13 Answers:

If the logo is a graphic, for the outside boder click on the slash where the pencil icon is on the property bar.
Pick an outside border color.  Next to that, pick a width for the border.

Option 1 ... For the inner border, copy and paste the above.
Resize the copy 1-4 pixels smaller than the original and move it on top of the original.

Option 2 ... For inner border.  Select ORIGINAL item, Filters, Shadow and Glow, Inner Shadow.
Adjust the size, opacity, etc. to suit.

link

answered

glenn_1984's gravatar image

glenn_1984

Thanks for your replay.
Am not skilled with Fireworks so excuse the elementary questions.
My logo is in solid black on a transparent background. I attach a copy.
When I open it in Fireworks I see three layers:
Web Layer
Layer1
Bitmap1
The Pencil Icon is against Layer1. However Bitmap1 shows a miniature image of the logo.
Whichever layer I click on (after removing the lock symbol) I seem to get the same display in properties.
How can I pick an outside border color?

link

answered 2010-10-06 at 08:55:56

bogorman's gravatar image

bogorman

I played with your logo and found a simpler way.

Edit, Select all, from background layer.
Filter Shadow and Glow
Inner Glow
Select color
offset = 0
opacity = 100%
softness and size to suit

link

answered 2010-10-06 at 10:05:13

glenn_1984's gravatar image

glenn_1984

Thanks again.
I followed your advice and have added a border but it is very jagged (see attached).
Is there any way of creating a really smooth and thin border. I want to place the logo in a layer above an image and want to avoid its edge being badly defined.

link

answered 2010-10-06 at 11:43:14

bogorman's gravatar image

bogorman

Remove the current filter and try Shadow & Glow, Glow.  Set width and smoothness to 1 and opacity to 100%

Your logo is a bitmap. That is a .bmp file. Bitmaps create curved and rounded edges with pixels...so as you view it closely or enlarge it you see a jagged edge.

Fireworks handles bitmap and VECTOR graphics. This latter is a mathematical formula, so the lines (edges) are completely smooth regardless of the size.

That all being said, I am not sure if the issue is inner glow or the image itself.

Beyond that, even with a Vector Graphic unless you have the pieces you would need to create your borders from my first suggestion by copying and pasting specific sections of the logo.

link

answered 2010-10-06 at 13:27:53

glenn_1984's gravatar image

glenn_1984

When I try and open your version of the logo in Fireworks 8 I get:

Missing Effects
This document uses live effects or filters that are not current installed...

Gradient Glow...

I have tried clicking the button in Extension Manager "Go to Macromedia Exchange" but cannot find this extension on their site. This is probably why I could not get your suggestions to work properly.

Can you tell me which extension i need and how to locate it?

Thanks, again, for your help so far.

link

answered 2010-10-06 at 15:04:53

bogorman's gravatar image

bogorman

Just use an older version and the standard filter Shadow and Glow. That was end result.

The effect you missing was turned off.  If you want it, however, it is from alienskin software, Alien skin Eyecandy 6 for FW and PS. They do have a 30 day trial version.

link

answered 2010-10-07 at 04:09:41

glenn_1984's gravatar image

glenn_1984

Think Eyecandy would be too expensive for me.
Not quite what you mean by "just use an older version...". Do you mean an older version of FW? (I think I have a master disk of FW MX.
I also have Photoshop Elements but it is not installed on this machine. Is it worth doing that? Perhaps it would display your image?

link

answered 2010-10-07 at 12:03:08

bogorman's gravatar image

bogorman

Do not use MY png file.
Use one of your own, with the background you want.
Then apply the standard FW filter for Shadow and Glow as I described above.

If you sitll have problem, let me know and I will re do it without the Eyecandy filters.

link

answered 2010-10-08 at 04:00:35

glenn_1984's gravatar image

glenn_1984

Hi Glenn,
I must be really dumb. I just cannot create the effect you have created.
I started with a logo coloured #FFE5B8.
I have three layers in the layers panel:

Web Layer
Layer1
Bitmap 1

I selected Layer1 which has the pencil symbol against it.
There is no Edit/Select All but a Select menu which has Select All in it. When I select that, the transparent background is surrounded with a blue border.
There is no Filter box showing.

If I select with the Magic Wand tool, I can see moving dashed lines around the logo, but there is still no Filter Box.
If I just click on part of the logo with the Subselection tool, I then see the Filter Box.
I choose Shadow and Glow/Inner Glow and select black (for the edge), I get a greyish looking logo with small areas of glowing color (similar to #FFE5B8). I can now create a border but it is jagged and I cannot make it smooth as in your logo. When I reduce the size to about 200x130px the jagged-ness get worse.

I must be doing something wrong.

link

answered 2010-10-08 at 06:48:33

bogorman's gravatar image

bogorman

Filters should be along top menu of FW and in the property bar.

See png attached.  I modified the bitmap.
You can change the settings for inner glow.
Open Layers, Click on Bitmap.
Select Filters, Shadow and Glow, Inner Glow.
There is nothing more I can do if this does not work.

link

answered 2010-10-09 at 11:50:35

glenn_1984's gravatar image

glenn_1984

Sorry wrong file above.

link

answered 2010-10-09 at 13:33:59

glenn_1984's gravatar image

glenn_1984

Hi Glenn,
Thanks so much for spending so much time on this. Will try adjusting the various settings in FW.
Brian

link

answered 2010-10-09 at 13:35:26

bogorman's gravatar image

bogorman

Your answer
[hide preview]

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Tags:

Asked: 10/03/2010 07:50

Seen: 253 times

Last updated: 10/09/2010 11:11