Button drop shadow transparency

I am trying to create a button that has an adjacent shape that has an InDesign drop shadow that overlays the button. It appears that this transparency is not supported as the shadow is not visible on the iPad. I have also tried to create an inner shadow in the button and that isn't working either.
Can you provide a workaround to achieve this? I imagine I can build the shadow into the button in Photoshop but I'd prefer to not build this element in Photoshop if I can avoid it.
Thanks.
Josh

Thanks very much for your assistance, Uwe.
I have tried PNG, JPEG and PDF folios and have the same results with each.
The examples that am providing have rectangular button shapes in InDesign with an inner shadow assigned.
InDesign CS 5.5
Folio Builder 12.2.4.20120611_m_691037, 7.5.5.19
Adobe Content Viewer on iPad 2.5.0
Adobe Content Viewer on Mac 2.4.0
iPad 2
Here are some visuals.
Buttons InDesign Preview mode:
Buttons with frame edges on:
Button settings:
Button inner shadow settings:
Two buttons overlapped. I confirmed that the issue still exists when the buttons aren't overlapped. I will update these so they don't overlap.
Resulting buttons in Folio on iPad:
Resulting buttons in Folio on Mac:
Thanks for your assistance with this.
Josh

Similar Messages

A bug? button + drop shadow filter

Hi Everyone,
Been playing with the buttons on fireworks and I think this
might be a bug...
On the 'Up' state, I've got a button with a drop shadow...
On the 'Over' state, I've got the button without a drop
shadow..
But when I review it and put my mouse over the button, the
drop shadow is still there!
is this right? It doesnt look right...

Can you share your .png file for others to confirm?
I should add, does your Down state also have the drop shadow?
If so, get out of button mode.
Select slice area of the button in your document.
Then look in the Property Inspector. There is an option there
to 'Show Down State on Load'. Make sure this is inactive.
h
h

Indd 5.5: When using drop shadow or lower opacity in object, I lose fills

I have ugraded to InDesign 5.5 (v. 7.5) for Mac OS. Here is my problem: If I have object "A" with transparency (lower than 100% opacity) or a drop shadow (which also uses a transparency) overlapping object "B", then "B" loses it fill when printing to a Xerox Phaser 7760GX. The fills appear fine when exporting to a pdf and when printing from the pdf. They also appear fine when printing on BW HP printer (sans the color, of course).
The file performs the same when I open on other computers with their own InDesign application. One of my colleagues has updated v. 7.5.1 but still has same problem.
So far, I have:
exported to IDML file and reopened the file in InDesign 5.5
purged all inDesign preferences
downloaded latest printer driver
following Adobe troubleshooting instructions, isolated the Transparency as the cause
(when setting spread flattening to None in the pages flyout menu, my fills return, but of course the drop shadow/transparency is disabled)
Any ideas?

Some printers just don't get along well with ID. Exporting PDF and printing that is the normal workaround.

White box behind transparent images with drop shadow in InDesign CC 2014 (v.10) but not in InDesign CC (v.9)

Hi all,
Please can you help? No matter what settings I use in my print options in InDesign CC 2014 (v.10), ALL transparent images with a drop shadow are printing with a white box behind the image. If I remove the drop shadow, all prints fine. I know this is an old issue that happens with ID sometimes but I have been lucky enough to never have had it happen to me before! (All images are regular flattened TIFF images with clipping paths).
Also, feathered edges are not printing correctly and are sharp instead of feathered.
When I export the document to IDML and open it up in InDesign CC (v.9) all prints perfectly with no white boxes and feathered edges prints perfectly as well. I have compared all of the print settings (including color management, transparency flattener, etc.) between both versions and they are exactly the same. I am printing to a Xerox color laser printer. Can anyone offer any advice?
Thank you so much,
Christine

Okay...false alarm! It turns out that the issue was with my PRINTER settings (the settings you customize after hitting the “Printer” button at the bottom of the Print dialogue box in ID CC. I thought I had triple checked this but it seems there was one setting I missed earlier…adjusting the print brightness seemed to cause the issue. SO GLAD to know it was not InDesign…20 or so sheets/prints later….and thankful to know what was causing the issue! Thank you so much Steve for helping at any rate:) Much appreciated:)

Using Bridge to Camera Raw to Open Image button also drop shadow problems

I remember when I was working with RAW in PSE 8. I would be in Bridge looking at a pic and double click on it. PSE 8 would open in Camera RAW and I could play with the pic a bit, make some adjustments, then click on OPEN IMAGE. When I did that it would open in PSE and it would be in jpg format. With this PSE 9 and the updated Camera RAW 6.3, when I punch OPEN IMAGE I still have a picture labeled .CR2 which I think still means RAW. When I double click in Bridge the .CR2 pic shows as 8 bit depth. I can do a little more work on it and use SAVE AS. When I do that, the sample file name that shows is still in .CR2 format and I must change that to .jpg and then below change from PHOTOSHOP to JPEG to save my file as a jpg file. Is there something that I have to change in preferences to get it to open the image in jpg format when I hit the OPEN IMAGE button? Or, is this an "improvement" with RAW 6.3? Also, I seem to be having trouble adding a drop shadow (or any other effects) on jpeg pics. At least it doesn't show up on the screen after I apply it. I just recently updated to Camera RAW 6.3 and updated my Operating system on my iMac computer to OS 10.6.6. I emailed this request to my good friend with an identical setup on his iMac and he is having the same response when performing the above operations. Any ideas what the problem might be?

Okay, previously you seem to have been using the bridge version of camera raw to edit your raw photos. That has many more options than the PSE version of the raw converter. (If you still have PSE 8, you can see the difference by using File>Open in the editor to open a raw photo for the PSE version of ACR, which works the same way in PSE 9.) In PSE's raw converter, you use the Open button, then save your photo in an image format in the editor. The Save button in ACR in PSE is only the DNG converter.
Layer styles should work exactly the same way as in PSE 8. However, in any version of PSE a drop shadow, like a real shadow, needs someplace to fall, so unless there is empty space on the layer, it won't appear. Try creating text or drawing and simplifying a shape and adding a drop shadow. Does it appear then?
Also remember that Jpegs won't let you save either layers or transparency when you resave the file.

Why does placed eps file containing a drop shadow lose transparent background?

When I place an eps file from adobe illustrator cs6, which has a drop shadow, into InDesign the file loses its transparent background and comes in with a solid white background. I'v selected the "Transparent" radial button in Illustrator while saving the file to eps but it doesn't work. Any ideas???

EPS means Encapsulated PostScript (it's really PostScript code wrapped up in a capsule that allows you to place it into other applications as an image), and the PostScript specification doesn't include transparency. That's why even though you have transparency in the Illustrator image, it's format won't translate that transparency data into usable transparency when you place it into InDesign. Lack of transparency support is one of the main reasons people recommend not using eps in a modern workflow.

Trouble adding drop shadows to buttons

I am creating DVD menus for the first time in Encore CS4. I want the (=1) version of the buttons -- when you put the cursor over them-- to have a drop shadow so I added one in my Photoshop file. But the effect does not appear when I preview it in my Encore project. And when I tried to add it within Encore, it wouldn't let me. (The "drop shadow" option appeared gray and un-clickable.)
Is it possible to do what I'm trying to do? If so, any ideas how?

Unfortunately, there are grave limitations, regarding what can be part of a Sub-picture Highlight. It can ONLY be 8-bit color on a DVD, and can ONLY have one level of Transparency/Opacity.
There are some workarounds, such as duplicate Menus, linked from an Auto-Activate Button, but in your case, you might get what you want from some tips in this ARTICLE. It starts with "Punching a Hole in Sub-Picture Highlights," but does cover adding a "Glow," that appears to be a Gradient. It is not, but rather looks like it is. You could substitute that Gradient Glow for your Drop Shadow.
Good luck, and hope that it helps,
Hunt

Copy/Paste graphic w/drop shadow to indesign - loses transparency

See above image.. I made a vector version of our company logo in illustrator (all programs referenced are cs5 btw) and it looks great, but when I copy and paste from Illustrator to InDesign, it loses the transparency around the logo. If I place the logo instead, it works fine. The trouble is there are about 16 variations of the logo, and its MUCH easier to copy/paste from one aggregate file instead of having many different logo files to place.
Background on how the logo was created: The inner circle area is multiple different gradient layers (some with transparency masks as well). The white line around the outside is an expanded stroke, and it had a drop shadow effect applied (Stylize menu), which I expanded so it would scale properly when scaling the logo up and down. Here is a link to download the logo: download logo
Q: Is there any way to make InDesign preserve the transparency when I copy and paste?
Would be eternally grateful if someone has a solution that allows me to copy/paste!

I agree with Bob's suggestion to use separate "layer groups" in your logo file for different styles. I also use separate layers inside InDesign to "multi-purpose" company documents with different backgrounds, graphics, and content. But that's the only way I use layers inside InDesign – Not for general placement of image files! I also disagree with ability to copy and paste graphics from Illustrator with drop shadow. Here's an .ai logo which I quickly added Drop Shadow to in Illustrator CS4, and then a Copy and Paste into InDesign CS4 document. Best workflow practice is to 'Place' image files as Bob suggests, linking them from a separate file folder.
For something "quick and dirty" I see no problem with Copy and Paste, but your success may vary based on OS, and CS versions you are using! Sometimes it is wiser to take a few shortcuts to hit rather than miss that deadline!

Drop Shadows and Transparency in Illustrator CS4

here's what's happening in Illustrator CS4.
Create a new document
In Attributes, check overprint fill
Add any text
Apply a drop shadow
Dave as Illustrator EPS - during save, set Overprint to "Preserve"
Once saved, you get the dreaded white box behind the drop shadow.
Is there any way to preserve transparency in Illustrator CS4 when applying a drop shadow?

First why are you using eps which does not support transparency except as one bit?
Why not as ai or pdf?
But you can try to use a tiff preview and select transparent there but Macintosh preview should make it so automatially.
here is the difference the top is the eps and the bottom .ai

Drop Shadow Turns Bluey/Grey When Flatten Transparency is Applied

Hello,
I'm a bit new to Illustrator (using CS2) and using it to create a CD artwork layout. I understand that i need to flatten the transparency and the artwork before generating a PDF to send to the printer.
When I choose "Flatten transparency" to flatten an a TIF image w/ a drop shadow (DS applied in Illustrator using Effect > Stylize > Drop Shadow)... the shadow turns a bluey grey and looks awful. How can I make it stay black like I want it?
The settings for the drop shadow are:
Mode: Multiply
Opacity: 55%
X Offset: 0.03
Y Offset: 0.03
Blur: 0.05
Color: 60/40/40/100 (rich black for the printing co I am using)
If anyone can clue me in as to why the color is going mushy, I'd sure apprecaite it.
Thanks!

Well, this is preliminary, but here goes.
First, the bad news: What you're observing is real and repeatable. Transparency is a voodoo area, and it will take a real expert to explain the whys of what's happening. But it
is happening.
Take an egdemost polaroid and, via the appearance palette, change the drop shadow so that it has a huge offset, giving you a shadow block distinct from the main image. Pull the object sufficiently off the background so that half of the shadow is in the clear. Now, dial up the flatten transparency dialog and toggle the preview. You'll see that while the portion of the shadow in the no-background area remains unchanged, the portion within your background goes light and bluish. The flattening is clearly "reacting" to your background.
I thought the same thing as jcates and tried a black-plate-only (0/0/0/100) drop shadow. While the result is a tad different, we still have the basic problem.
Ugh.
Next, a question: Who told you transparent objects needed to be flattened before generating a press output PDF?
One of the advantages of saving out a PDF (rather than
printing to PDF via Acrobat's Distiller engine) is to preserve transparency, which is supported in the newest PDF versions. I don't want to suggest your printing company might be a tad behind the times, but one option you might consider is leaving the drop shadows as they are. Let the printer deal with transparency issues... which should not be an issue at all if they are up to handling the latest PDF spec. Of course, you will insist on a contract proof before going to press.
Next thought: For the small amount of shadow showing, there isn't really that much advantage to using a rich black. You might consider going black-plate-only to avoid tinting issues. Again, the contract proof is your friend.
Final (for now) thought: Do the drop shadows in Photoshop. Make sure there is no background and save as PSD. Place the PSD in Illustrator -- AI will respect the transparency in the PSD image. Yes, this is a PITA when it comes time to adjust the drop shadow. Being an old-timer with this stuff, that is how
I would execute this design. (We geezers don't trust Illustrator with raster effects.)
I have to go dinner shopping now to avoid getting into trouble with my wife, but I will look at this some more when I get the chance. In the meantime, let's hope someone else looking at this comes up with an "Aha!" solution.
{Bumped in the meantime.}

Using Transparency and Drop Shadows

I'm applying a drop shadow to text in different text boxes and on different curvy paths and also to various vector objects. When I turned on the flattener preview, I noticed that lots of text and vectors were being rasterized. I know the common solution is to bring the text and vector objects to the front, however, no matter what I do, one text's shadow or some other vector objects's shadow inevitably effects one other. The only solution I came up with was to copy all the items that have drop shadows, then paste in place on top of the same objects. I then removed the drop shadow from the top layer of items and left the drop shadow on the bottom layer of objects. Is this the best way to do this?
Thanks for the help.

if you mean using actual layers to manage your documents then this is a good workflow to adopt.
Essentialy layers holding text should always be above those holding images/objects that contain transparany. This can help reduce instances where some of your text may be getting flattened when it interacts with the transparency.
Also when exporting to PDF ensure the 'high resolution' transparency flattener preset is selected to ensure consistent output.

Drop shadow in .ai causing transparency problems for .eps (needed for MS Publisher – PDF)

I have icons with drop shadows created in .ai. I need to make the icons available for others who use MS Office Publisher to create print materials (export to PDF). I use .eps files for this however the drop shadow is making a white background (if I take out the drop shadow the background is transparent). How do I save the icons so that the background is transparent with the drop shadow?
Thanks.

Simply, you don't.
EPS is a flat file format and does not support transparncy, therefore all transpency is flattened upon saving.
You may be better off saving as png or pdf to support transparency.

How can a transparent stage have round corners and drop shadow?

Hi,
This is actually 2 questions:
1- How can a transparent stage have background corners?
I've tried doing this:
.rootPane
-fx-border-radius: 4 4 4 4;
-fx-background-radius: 4 4 4 4;
-fx-border-color: gray;
-fx-border-style: solid;
-fx-border-width: 1;
-fx-background-image: url("resource/clean_textile.png");
And make the root of the scene have the ".rootPane" style class.
But it sometimes shows some visual artifacts on the corners. Am I doing it wrong? is this a bug?
2 - How can a transparent stage show the windows 7 drop shadow effect of windows? Is it possible?

How can a transparent stage have background corners?Yes, this is a possible.
There are a few of tricks and you need all of them:
1. StageStyle must be transparent:
new Stage(StageStyle.TRANSPARENT);2. Scene fill must also be transparent:
new Scene(root, Color.TRANSPARENT);3. Color the background:
-fx-background-color: derive(cadetblue, -20%); 4. You need to apply the dropshadow effect to the background region.
-fx-effect: dropshadow(three-pass-box, derive(cadetblue, -20%), 10, 0, 4, 4); 5. You need to inset the background in the region which has the dropshadow so that the shadow will be visible within the Stage and not clipped out of the stage bounds.
-fx-background-insets: 12; 6. You need to apply a radius to the background to round it's corners.
-fx-background-radius: 6;Here is a sample in this gist revision =>
https://gist.github.com/1887631/155d5e052b6ec7d0eaa6f825713f98f8e542152e
How can a transparent stage show the windows 7 drop shadow effect of windows? Is it possible?You can kind of approximate it using the above techniques, but I don't think you will be able to get an exact match without something like: http://javafx-jira.kenai.com/browse/RT-18936 "Enable aero-style glass transparencies" (and probably additional JavaFX platform support as well) being implemented.

What to do, what to do...InDesign - Drop shadow adds semi-transparent box in PDF

I am having an issue when I add a drop shadow to an object. It looks fine in the InDesign file, but once I export it to PDF (high res - (low res looks fine)), around the object yes there is the shadow, but also there is a semi transparent box. I don't know how to remove that. I've been looking at the preferences but don't understand why that happens. I printed it out and the box comes out. Please Help!!! Thanks
I am using ID CS4

http://indesignsecrets.com/eliminating-the-white-box-effect.php
http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php

Transparency - Drop Shadow Effect

I'm operating Photoshop 7.0.1 on Windows XT.
I can't seem to figure out how to preserve the transparency in a picture when I add a drop shadow effect.
1. Increased the canvas size to allow for the drop shadow
2. Selected and cut the extended canvas area (to be transparent)
3. Selected the image and created a new layer
4. Added the drop shadow effect to the image layer
5. At this point the image appears to have a drop shadow on a transparent canvas; but that is not the case.
I'll be placing the graphic in Pagemaker. Any tips would be appreciated!
Deb

In order for Pagemaker 7 to simulate transparency, you need to save
your image in Photoshop with a clipping path.
This means that you need to select the part of the image you want to see using the selection or pen tools, and then define the selection
as a clipping path.
Assuming you have an image ready to be saved for Pagemaker, try the
following procedure.
Select the part of the image you want to see in Pagemaker.
Open the Paths pallet and select "Make Work Path" from the pallet menu.
Open the Paths menu again and this time select "Save Path".
Go to the Paths menu again and this time select "Clipping Path" from the pallet menu. When asked, select the name of the Path you had previously saved.
Save the image as a Tiff file.
Now when you place the image on a coloured or textured background in
Pagemaker, it should only display the part of the image you selected in Photoshop. The clipping path you created in Photoshop will hide the unwanted background of the image.
Hope this helps

Button drop shadow transparency

Similar Messages

Maybe you are looking for