How to apply a semi-transparent background to a text box

Hi Framers,
The cover of my doc has a full-page .png file on a master page. I want to add the title of the manual on the body page of the cover in a text box. No problem. However, I want to apply a semi-transparent effect to the background of the text box, so the graphic behind it shows in a muted way.
I'm sure this has to do with some combination of the Tint, Fill, and Overprint settings but none of my experiments have produced anything close to the desired effect.
I did RTFM and also searched the Help and the forum. I truly hope I didn't overlook the answer---but if I did, it wasn't for lack of trying!
As always, your expertise is very much appreciated.
TIA,
Gay

Wow, I wish I had Photoshop! I use a less sophisticated image editor, which has always served quite adequately and since it supports layers, I'll try to figure out how to do what you're suggesting.
(I did try a "None" fill and the bottom image does show up, but I wanted it a bit muted, as would happen with perhaps a "half transparency" and that is apparently what I can't achieve in FM.)
If I understand correctly, I need to edit the imported graphic to make a portion of it appear semi-transparent, and then when I bring it back into FM and put my text box on top of it, it will appear the same as if I had been able to put a partial transparency in the fill of the text box...
I really, really, really hate it when I find myself thinking "Word could do this easily, why can't Frame?"
Thanks for your helpful suggestions, guys, you're great. As always!
Gay

Similar Messages

How do I ensure that a semi-transparent background stays that way when converting a pptx file to PDF

I can't seem to get a semi-transparent background image when converting to PDF file. Every time I try it - the image converts to a full color - zero transparency background, muting out the text on the page.
Please help.
Thank you.

Hi LeighAnnie,
If you're running Windows, you could try setting up the CreatePDF Desktop printer.
-David

Exporting text with a semi transparent background that can be changed in PS or PP?

I'm creating a logo with a semi transparent background that I want to place on top of photos in Photoshop and videos in Premiere.
1. I do not see a transparent option when exporting as a .tiff. Is transparent .png my only option from AI?
2. I will need different amounts of transparency for the background depending on the image or video it is being placed on. Is there a way to export this and still have control in Photoshop or Premiere of the amount of transparency to apply towards the background?
Thanks!

1. So you are suggesting to just copy from AI and paste into PS?
2. Since the logo is text and the background is a rectangular shape, I need to make sure that I can lower the opacity in PS or PP independently of the text. I will have to do a test later, I do not have the file on this computer.
Thanks.

How do I get a transparent background on the down level stage?

How do I get a transparent background on the down level stage?

I haven't tested this, but in your xxx_edge.js file, it looks like the stage background color is set here:
states: {
      "Base State": {
         "${_Stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '400px'],
            ["style", "width", '550px']
Try changing the last value in the rgba value from 1 to 0.
Let us know how it goes!

Subtitles with semi-transparent background rectangle

Hello -
Is it possible to create a semi-transparent background that helps make subtitles more readable? I need to do this using the DVD SP interface or make a modification to a .stl file.
Either method will work.
I am using DVD SP 4.2.0

It is possible only with graphic files STL variation.

How do i make a transparent background in Photoshop Elements 13

how do i make a transparent background in Photoshop Elements 13

Open the picture file
Use one of the selection tools to select the foreground
Place the selection on its own layer (Layer>New>Layer via copy or CTRL+J) - this will be Layer 1
Delete the background layer
If you want to save it, use a file format which supports transparency, e.g.PNG

- Looking for Drop Down menu script w/ semi-transparent backgrounds...

Looking for a dropdown menu script that will allow
semi-transparent
backgrounds (so we can partly see what the list is displaying
over).
I've Googled this to death using all the obvious keywords,
but have yet to
find what I'm looking for.
Thanks.

Yes. I understand and agree. Good point.
Thanks.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"T.Pastrana - 4Level" <[email protected]> wrote in message
news:[email protected]...
>I posted mainly for the benefit of Reese, I know you know
this.
>
>
> --
> Best Regards,
> ..Trent Pastrana
> www.fourlevel.com
>
>
>
>
>
>
> "Al Sparber- PVII" <[email protected]>
wrote in message
> news:[email protected]...
>> Actually, it's not an error. But we do happen to
have it in a CC on
>> that page because the last time I posted that page
on this forum it
>> was criticized for "failing" the W3C CSS validator.
>>
>>
http://www.projectseven.com/foxy.gif
>>
>> The Firefox console simply would report it as a
warning - not an
>> error. It would have no affect on the page. But
thanks for pointing
>> that out.
>>
>> --
>> Al Sparber - PVII
>>
http://www.projectseven.com
>> Extending Dreamweaver - Nav Systems | Galleries |
Widgets
>> Authors: "42nd Street: Mastering the Art of CSS
Design"
>>
>>
>>
>>
>> "T.Pastrana - 4Level" <[email protected]> wrote in
message
>> news:[email protected]...
>>> If you want your page to validate you might want
to separate the
>>> properties. Some modern browsers like Firefox
will throw an error
>>> with the filter property.
>>>
>>> #menu li {
>>> opacity: 0.85;
>>> }
>>>
>>> 
>>>
>>>
>>> --
>>> Best Regards,
>>> ..Trent Pastrana
>>> www.fourlevel.com
>>>
>>>
>>>
>>>
>>> "Al Sparber- PVII"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> If, for example, you are using an unordered
list for your menu, set
>>>> opacity on the LI, like so:
>>>>
>>>> #menu li {
>>>> opacity: 0.85;
>>>> filter: alpha(opacity=85);
>>>> }
>>>>
>>>> As far as I know, there are no
"off-the-shelf" menu tools of worth
>>>> that offer this as an automatic option. You
should pick yourself a
>>>> good menu system then set opacity on the
relevant element. The
>>>> menu "script" or "system" really has nothing
to do with it.
>>>>
>>>> If you need a good base menu system, you can
find free ones and
>>>> commercial ones on our site. Here is an
example of one with
>>>> transparency:
>>>>
>>>>
http://www.projectseven.com/products/menusystems/pmm/css_tweaks/opacity/
>>>>
>>>>
>>>>
>>>> --
>>>> Al Sparber - PVII
>>>>
http://www.projectseven.com
>>>> Extending Dreamweaver - Nav Systems |
Galleries | Widgets
>>>> Authors: "42nd Street: Mastering the Art of
CSS Design"
>>>>
>>>>
>>>>
>>>>
>>>> "Reese" <[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> Looking for a dropdown menu script that
will allow
>>>>> semi-transparent backgrounds (so we can
partly see what the list
>>>>> is displaying over).
>>>>>
>>>>> I've Googled this to death using all the
obvious keywords, but
>>>>> have yet to find what I'm looking for.
>>>>>
>>>>> Thanks.
>>>>>
>>>>
>>>
>>>
>>
>
>

How do you create a transparent background in AE

Hi--I'm using AE CS5 on a MacBook Pro and I'm brand new to using AE.
How do you create a transparent background?
I need it because I'm creating a shatter effect on a photo and want to import the AE movie into FCP and have it play on one layer while beneath it another image will be seen when the shatter effect takes place.
He'p me, cap'n!
Thanks!

Hey Guys, thanks for your replys!!
Wow, there's a lot to check out there--great!
I hope I'm on the right track, I just watched the video about preserving transparency and maybe I'm stupid, maybe cause I'm new, but I just want to be sure I'm on the right track. Sorry if my question was confusing, maybe cause I am a bit new.
To reiterate: I want to export a short AE movie of a shatter glass effect on a picture. The background needs to be transparent because I will import the AE movie into FCP and place it as the top layer. On a layer beneath it will be video I want to seen as the shatter glass effect creates a 'hole'.
I believe this url tells me how to do that: http://forums.creativecow.net/thread/2/930588
Thanks again!
Elmer

How do I stop Firefox from auto-focusing on text boxes?

How do I stop Firefox from auto-focusing on text boxes? Sometimes as a page is loading, I scroll down the page...only to have the page jump back to where there is a text box, with a blinking cursor, after the page is finished loading. It is an annoying feature and I want to turn it off.

Some pages use an onload event to set the focus to a text area or search field.
You can try NoScript to see if that blocks it.
*NoScript: https://addons.mozilla.org/firefox/addon/noscript/

What is the technique for background color to text box?

I expected that I could fill the background of a text box but
I can't see any way to make the fill.
Using the fill tool only effects the text,not its background.
Perhaps I'm missing something in which case I'd appreciate a
direct to the place in the help where this is described.
Otherwise the implication is that you have to place a filled
object behind the text, is that correct?
Thanks

"Otherwise the implication is that you have to place a filled
object behind the text, is that correct?"
This seems to be the approach to be followed.

In InDesign, how does one determine the pixel size of a text box? Specifically, we need to write text to specifications of 600 pixel width, and have no idea a) how to scale a text box to specific pixel width, b) how to

This may be a basic question... but in InDesign, how does one determine the pixel size of a text box? Specifically, we need to write text to specifications of 600 pixel width, and have no idea a) how to scale a text box to specific pixel width, b) how to determine what word count we can fit in, and c) how to do it in a table? Thanks!

Set your ruler increments to pixels Preferences>Units & Increments. You can fill the text box with placeholder text Type>Fill with Placeholder text and get a word count from the Info panel with Show Options turned on from the flyout.
From the Transform panel you can set a text box's width and height

How to link one scroll bar with two dynamic text boxes.

How to link one scroll bar with two dynamic text boxes.
If i move scroll bar in one text box,automatically text will
be moved in another text box.But scroll bar is not visible.
Can you please help me.
Thanks in advance.

See the following article:
JavaScript - setFocus Method for tabbing to next form field
And see if iOS can even handle the sample form.
iOS and android devices are not a powerful as your desktop of laptop computer and have limited support for JavaScript within PDF forms. This limitation for specific apps ranges from none to quite a bit but not all JavaScript.

How to increase the width size between PROMPT and TEXT BOX?

Hi Gurus,
my page having MessageTextInputs. Normally page runs displays the Prompt name and one text box will displayed.
my requirement is
1) how to increase the width size between PROMPT and TEXT BOX?
2)prompt name displays like
elephant
xxxxxant
xxxxRose
here xxxxx indicates SPACE
but my client requirement is don't displays the SPACES in left side.
so our requirement is in page PROMPT displays like
elephant
ant
rose
How to achieve this plz help me
its very urgent
Thanks

Hi,
Create a table layout region and under that use 'messageStyledText' for displaying the prompt and use 'messageTextInput' for text field without giving any prompt to that.
--Sushant

How to make a semi-transparent layer?

Hello everyone,
I am making my own website with Dreamwaver. I am a totally
new user and have no IT background. So could anyone here kindly
help me with my question:
In the main page I would like to use two layers with images
inserted. The second one will be a semi-transparent image which is
made in Fireworks. I would like to let this layer cover the first
one. Because it's semi-transparent, so i should still be able to
see the underlying image... I did all this, but finally in the IE
the second layer is NOT transparent at all.
I don't know where the problem is. Please, if anyone knows
the solutions or have any suggestion, let me know!
Thanks!
Inca

I'll show it to you my way:
1. Type the text and click the layer mask icon. The layer mask should be all white and have a small border. That indicates the mask ist active.
The foreground color should be black and the background color white.
2. Choose the gradient tool. Open the gradient window. Choose the first gradient, "foreground to background" = black to white.
Change the white color to gray.
3. Check the layer mask > is it active?
Apply the gradient from right to left over your text.
See the thin line in the screenshot.
4. On your layer mask appears the gradient, left starting with gray and right ending with black.
The advantage of this method is that you can change your text without modifying the gradient.
The black color on the layer mask hides the text, the gray color makes the text more or less visible and white color means full visible.
Hope it helps.
miss marple

How do I set a transparent background to a div in Internet Explorer 8?

Hello,
I'm using a jQuery slider for a simple text slideshow on a homepage. The slideshow and each slide (div) have no background. When the site is viewed in Internet Explorer 8, each slide has a white background. I'm using the following IE fallbacks which according to many sources should work...
#slideText div {
          background: rgb(0, 0, 0) transparent; /* default fallback */
          background: rgba(0, 0, 0, 0.2); /* nice browsers */
          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000); /* IE 6/7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; /* IE8 */
The div's background is affected with a 20% black background but it's still over a white background. How can I get rid of this white background?
Eventually I would like this to have no background but I'm using this 20% transparency for testing. You can view the live site here: http://www.pmi.tv.
Thank you much in advance!

Older IE browsers do not support CSS level 3 rgba colors with opacity.
MS Filters cause other undesired side effects. I don't use them.
If you must support IE8, use a semi-transparent PNG image for your background.
Opacity Example:
http://alt-web.com/Sample.html
Nancy O.

How to apply a semi-transparent background to a text box

Similar Messages

Maybe you are looking for