Transparent text box

I am trying to float a semi-transparent text box on top of another graphic (photo) so the photo shows through a bit. I have done the text box as a layer and set it a anywhere between 25-40% opacity, yet on page preview it shows up as a solid color.

Any ideas on what I am doing wrong?

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think you have to add a background color to the text box first, (white would probably work best) and then change opacity.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Did that.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 1/7/09 (at 11:17 -0400) SkipII said:

I am trying to float a semi-transparent text box on top of another
graphic (photo) so the photo shows through a bit. I have done the
text box as a layer and set it a anywhere between 25-40% opacity,
yet on page preview it shows up as a solid color.

First of all, you’re talking about a graphi box used for text. It
simply isn’t possible to do this with a regular HTML text box - not
without jumping a couple of hoops, anyway, so we’ll skip that for now.

Right, what’s happening with that box is that it is being converted
on output to whatever graphic format it is set to become. It is most
likely being turned into a GIF, which allows for only an on/off
transparency, no translucency at all. It might be set to become a
JPEG, which allows for no kind of transparency at all, not even 1-bit
solid/transparent.

To produce this effect you have two options:

Option 1) UNlayer your graphics so that they are produced as a flat
layout. This means that the graphics are able to produce a merged
composite result. This will automatically be created to produce the
same visual effect that you set up in your layout.

Option 2) Instead, select your translucent-filled graphic text box
and then click the third icon in the Inspector palette (the Output
Settings panel). Change the Type to PNG and then set Colors to
Millions. This tells Freeway that you want it output as a PNG graphic
set to millions of colours, which will include a full 8-bit
transparency mask that recreates the precise translucent effect you
set up.
Freeway will then also output the necessary extras to help this work
in the thrice-damned Internet Explorer browser. Yuk. And hooray.

Any help?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is this the type of effect you are after?
http://frontrangeweb.com/sample
Maybe I’m missing something, but this was pretty easy to do
SkipII are you using Pro?.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Keith,

Thanks, as always for your help.

I did not understand some of the terminology in Option #1. The graphics are not layered now, so not sure what else I need to do there.

#2 - this worked! I’ll just stay with this option if it is considered a typical way to do this and not a workaround.

Hooray.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am not able to access your sample page. It says no such page.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 1/7/09 (at 12:14 -0400) Rich Gannon said:

Is this the type of effect you are after?
http://frontrangeweb.com/sample

Hmm. File not found…

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

sorry,
http://frontrangeweb.com/sample.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes, that is what I was trying to do.

I am using Pro.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Maybe this has the same effect as Keith’s #2 option, but here is what I did,

Sketch an html box over your graphic, enter and style your text. Select the 2nd tab of the html inspector and on the “graphic effects” arrow select the first box “background”, then select the color and the degree of transparency.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I did not understand some of the terminology in Option #1. The
graphics are not layered now, so not sure what else I need to do
there.

Glad option 2 worked, but I’d also like to sort out what’s going on
with things regarding option 1…

Please select this graphic box, the one you want to have the
translucent background.

  • Can you drag it anywhere on and off the page?

  • Look in the Inspector palette. Is the Layer checkbox checked or empty?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am using a graphics box, not an HTML box. I need to style the type.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 1/7/09 (at 12:32 -0400) Rich Gannon said:

Sketch an html box over your graphic, enter and style your text.
Select the 2nd tab of the html inspector and on the “graphic
effects” arrow select the first box “background”, then select the
color and the degree of transparency.

Very good call - I keep forgetting about that option entirely. Thanks Rich! :slight_smile:

Just for the record, this is a way to produce a translucent colour
fill for an HTML box. Which helps tremendously with search engine
optimisation and accessibility.

The method for doing this with a graphic box is the same, except
that the Background controls have their own permanent panel in the
Inspector rather than being a button with those other effects
buttons. Mildly confusing at this particular time but not anything to
worry about.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I can drag it. It is marked as a layer.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Okay, but I am not doing an HTML box. This is a graphics box with stylized text.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 1/7/09 (at 12:44 -0400) SkipII said:

I can drag it. It is marked as a layer.

Curious. Earlier today you said “The graphics are not layered now”…

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I may have changed it trying to get it to work. Nonetheless, whether layered or not, it does not work.

It would hep me a lot if i could just do it right one time rather than diagnose.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It would hep me a lot if i could just do it right one time rather
than diagnose.

I totally agree. :slight_smile:
But diagnosing helps us to help you. I’m afraid that the only
sensible way to fix a problem is to understand it at least enough to
know how it came about and how to avoid it in the future.

How’s it going with missing out step 4?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sorry, went back through notes but not sure what step #4 is.

My question still is that most of the help is focused on an HTML box. I am doing a graphics box with stylized text.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options