Jump to content

Using Freehand to get buttons with transparency


This topic is 6307 days old. Please don't post here. Open a new topic instead.

Recommended Posts

G'day

Strewth mate, now, I am not a huge fan of Freehand but, yesterday I found that I could create pretty cool buttons with freehand and by working with vectors and using EDIT>COPY SPECIAL... copy as PICT, I could simply paste my non-rectangular buttons into FM, with transparency - fair dinkum cobber!

Now fair crack of the whip mates... I've tried using Photoshop, especially to add drop shadows and stuff like that, but I found myself always having to match BG colours in PS with BG colours in FM, because I couldn't just drop irregular shapes into FM as a 'copy' without an annoying white background. It was a right bugger mates!

What I'd really like is some way of contructing pleasant gradients in freehand - you know, sort of develop the OSX/Aqua look... that would be apples!

She'll be right.

Andy

-----------------------------------------

Split Enz was a NZ band!!!

FileMaker Version: Dev 7

Platform: Mac OS X Panther

Link to comment
Share on other sites

Hi Andy,

More likely lime or raspberry than apples, p'raps... grin.gif

Meanwhile, if you want transparent effects using photoshop on Panther, you simply have to create the images in a photoshop layer which resides above the background. Add a layer, delete the backgound layer (which is always opaque) and you will find that transparency is preserved when you copy and paste into either v6 or v7 of FMP on Panther. Admitedly, transparency achieved in this way is still not portable to Wintel in FMv7... but if you drop a screen capture in as a background layer and then flatten before you copy, you'll have the best of both worlds - or both platforms, at least.

Oh, and Split End was indeed an NZ band, but Crocodile Dundee was *not* an NZ film (just thought you'd like to know... ) wink.gif

Link to comment
Share on other sites

Yes. And .png format (with transparency and translucent effects) is supported by Photoshop. However to get the transparency to be xplat using png, I've found it necessary to insert images into the layout from a file, not via the clipboard.

But the result is worth the extra effort. smirk.gif

FileMaker Version: Dev 7

Link to comment
Share on other sites

  • 2 weeks later...
  • 1 month later...

Hi murtje!

BEFORE you paste the image from Photoshop save it as desired format (gif,jpg etc.) and then re-open it....select all--copy---paste and your images will be the same size....one thing I noticed is that even if you do not flatten your image u can still do a "select all-copy-paste" but at that time you might be pasting PDS image vs. jpg

freehand is a joke in comparison to PS tongue.gif

"I've tried using Photoshop, especially to add drop shadows and stuff like that, but I found myself always having to match BG colours..."

whenever u have "effects" on the layers such as Drop Shadows and Emboss etc. you are bound to have "harder time" of gettign images transparent.

If you post which version of PS you have there are quicker ways....

also, sonsider using a "color mate" arround the "edging"....eg.

if u have drop shadow (black color) then you would mate arround that shaddow with 1-2 px of "expected bacground"....this way u still have transparent images that "really fit" your backround but the "mate" is barely noticable on the diff. background.

http://www.gurusnetwork.com/tutorial/gif_transparency/

All the best!

Link to comment
Share on other sites

From the "strange but true" department:

Insert a picture into filemaker.

Rotate it once.

Edit, Cut

Edit, Paste Special, Bitmap

Rotate three times

Set fill to transparent

Saw this on the FMWebSchool site. It doesn't work on all pictures, and seems to depend on the color that's defined as transparent.

The real question here is, how many combinations did someone try before they stumbled on this one? ;-)

Link to comment
Share on other sites

You said

"freehand is a joke in comparison to PS"

It's different programmes freehand is vector Photoshop is a bitmap programme

freehand and illustrator was developed for designers

Photoshop for all the others

You also said that

""BEFORE you paste the image from Photoshop save it as desired format (gif,jpg etc.) and then re-open it....select all--copy---paste and your images will be the same size....""

try to make a new layer

select it and then [comand option Shift E] and you have a flat icon....

Anyway.... the only way to have a true transparent icon is PNG which you have to insert in your layout.

A button that looks correctly in 1000 backgrounds....

try it... and see!

George

Link to comment
Share on other sites

  • 3 months later...

The real question here is, how many combinations did someone try before they stumbled on this one? ;-)

Took me a while to learn that one too! To get the transparency to work, make sure the background is a true white (RGB=255,255,255). Rotate and smile.

But with FM7 I now use PNGs created in PhotoShop and brought in as a file. (When I try to copy and paste I get a nasty crash. FM6 used to gove me a program busy message. FM7 just crashes altogether!)

Best,

Dan

Link to comment
Share on other sites

 Share

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.