Adding drop shadow on a stroke w/ opacity.

Hello,
I need to create a button wherein the stroke has 40% opacity then add a drop shadow on the edges.
The problem is, I can also see the shadow behind the stroke since it's not on 100% opacity.
How do I make it so that the shadow only shows up on the edges of the stroke?
Thank you,
Zyer

I tried this with Illustrator cs 4, sorry my version is French, I translated usefull French words for you, check under the printscreen below
Fond= background
Contour=stroke,
ombre portée= drop shadow
produit= multiply
and well you guessed it "opacité" stands for opacity
Need more explanation?, just ask

Similar Messages

Drop shadow on text stroke

Hi all,
This might sound like a silly thing to do, but is it possible to add a drop shadow to the stroke of some text.
I have tried various ways but just end up with a drop shadow for the text itself, rather than a drop shadow on the stoke alone.
Cheers,
Rob

Thanks Eugene,
I'll try that one.
Cheers,
Rob

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

Adding drop shadow using CSS

I am fairly new to CSS and am designing a website where I
would like to use a drop shadow using CSS.
Currently I have a container div that is centred horizontally
in the browser window and want to add a drop shadow to this div, so
all content stays central in the browser window when it is resized.
(similar to
http://www.thegraphicmac.com/).
Any help/advice would be appreciated...
Thanks

CSS doesn't make drop shadows exactly. You could configure
one division on
top of another division with an offset but that's complicated
when used on
an entire page. This basic tutorial shows how to bring 3
image slices into
a CSS layout. (Use your own images and play around with it.)
http://alt-web.com/Image-slices-in-a-CSS-based-layout.html
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"richardellis" <[email protected]> wrote in
message
news:g62m8c$qj8$[email protected]..
> I am fairly new to CSS and am designing a website where
I would like to
use a
> drop shadow using CSS.
>
> Currently I have a container div that is centred
horizontally in the
browser
> window and want to add a drop shadow to this div, so all
content stays
central
> in the browser window when it is resized. (similar to
>
http://www.thegraphicmac.com/).
>
> Any help/advice would be appreciated...
>
> Thanks
>
>
>

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 shadow won't show up, think it's cuz of the actionscript

Hi, can you please look at my site
http://www.alphatecspine.com/
See the scrolling text on the flash banner? I added drop shadow filter to it and it isn't showing up, the drop shadow isn't there. I am making that scrolling happen with action script, could that have something to do with it?
Thanks,
Stan

no reason other than that I like to use ActionScript whenever I can. It's cleaner to update later on.

Drop Shadow renders in opposite direction!

Added drop shadow to a clip. Direction is lower right (315 degrees). Looks right on screen. Export video. Drop shadow is to the upper left! Tried the drop shadow on both the individual item and on the group. Same results both ways. Move my drop shadow to the upper left in the project - exported movie has it to the lower right. Bizarre!
--Kurt

Most NLE's use straight alpha. I have never rendered pre-multiplied except to demonstrate to students that they don't work well in most situations. I always edit my output module templates to get rid of the pre-multiplied settings. I never have figured out why they were the default.

Drop shadows not working in firefox

Just designed and posted a splash page. In safari it looks great but in firefox the drop shadows don't load. Any ideas? My luck my client will be on firefox LOL.
http://www.lombardikitchenandbaths.com

That's a well know problem with FF and iWeb. Adding drop shadows, borders and frames to objets on a web page can add a lot to the "weight" of the page and result is slow loading of the page.
Tried to view your page and got a "The server does not respond at all." response.
OT

Opacity mask is also knocking out drop shadow. Grrr.

Hi everyone,
I'm having a problem with Illustrator CS6 that's really bugging me and there must be a simple fix that I'm missing.
I have editable text with a linked opacity mask. The opacity mask contains strokes with an art brush applied to 'scratch' out parts of the text.
See below for example:
I don't want the opacity mask to knock out the drop shadow (much like how "Layer Knocks Out Drop Shadow" works in Photoshop), but just knock out the text only. See below for an example of what I want the end result to be:
BUT, and here's the problem, I want the text to remain editable.
I know one workaround is that I could convert the text to outlines, make it a compound path, expand the strokes on the opacity mask, make those a compound path too, and then Subtract/Minus Front the scratches from the text object and then reapply the drop shadow, BUT, this renders the text uneditable.
I've tried playing with the options in the Transparency panel, ie: Opacity & Mask Define Knockout Shape but nothing has worked.
What am I missing??
Thanks so much in advance for your help!!
Cheryl

Hi Jacob,
Thanks so much for the detailed instructions. I get through step 4 no problems but I run into problems with the way I try to select the items for step 5.
Let's say I have completed step 4 and am ready to begin step 5. When I am in my Layers panel, I select the scratches that are now masked by the non-drop shadowed text:
I then click into the the Opacity Mask editing mode [per your instructions "5) Select the Opacity Mask from 4)"] and now the mask is selected:
The problem begins when I have to effectively shift-select the mask and the live text from 1 (the original text with the drop shadow).
To begin, I still have the opacity mask selected (as shown above) and then when I click the left object preview box (as circled below)
to get back into the full Layers panel (to select the live text), now the mask becomes DEselected and the object becomes selected. How do I keep a mask selected and yet go back to in the Layers panel to select other items from there?
Thanks!
Cheryl

How to add a stroke to drop shadow like in this picture?

it seemed that it's black text, add white drop shadow, then there's a black border around the white shadow. How does this work? I need it for typesetting.

I can tell you how to do it as an effect, but not how to make a new font.
Make your type layer, and in the Character panel, increase Tracking to allow room for the effect. You can fine tune this setting later.
Add a drop shadow layer style, and make it a nice bright colour so you can see the offset.
Right click the drop shadow effect, and choose Create layer
The drop shadow will now be a separate layer, but still have Blending options so right click this layer and choose Clear layer style. It will now be a normal layer.
Double click this layer, and in Advanced Blending reduce Fill Opacity to zero. The drop shadow will now disappear, but don't worry.
Now give it Stroke using the same colour as your text. You can come back and edit this stroke setting any time. It is non-destructive.
Fine tune the outline offset with the Move tool. Job done.
[EDIT] You could save this as a new Layer Style to save a wee bit of time, but you need to go through the preliminary steps.

Problems with pdf and drop shadow/opacity in quark

I have created a piece of artwork in Quark 7.5 which consists of a round picture box (which has a drop shadow). The picture box is positioned so that it slightly overlaps 2 large circles of colour. These 2 circles overlap each other also - the bottom one is a solid pantone colour, the top one is a pantone colour but with an opacity of 75%.
After creating a high quality pdf file, the pdf does not display (or print) these circles/picture box correctly. It looks as if there is a slightly transparent square picture box just below the round picture box but on top of the coloured circles. This only appears to happen when the round picture boxes are positioned on top of the circle which has the 75% opacity.
I can't figure out how to fix it. I tried making the coloured circles cmyk instead of pantone but that didn't fix it. I've also tried increasing the resolution of the drop shadows in the pdf settings but that didn't work either.
I don't know if this is a Quark issue or an Acrobat issue. I tried changing settings in both applications but can't fix it. Can anyone help?
(I've attached a medium res version so you can see what is happening - it's the 3 round picture boxes at the bottom).

I used the pdf facility in Quark (export as PDF) but I also tried creating a .ps file through the print facility in Quark and then distilling the file in Adobe Distiller and this didn't work either.

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.

Drop Shadow Opacity has no effect?

It appears that the Opacity slider for Drop Shadow has no effeect on the Canvas preview. It changes the look of the icon preview, but not the actual object on the Canvas. It is either off at 0%, or on full at 1% and up. What am I doing wrong?
Also, what is that little red R beside drop shadow. Does that have somethign to do with it?

It's a rasterisation indicator.
http://help.apple.com/motion/mac/5.0/en/motion/usermanual/#chapter=A%26section=1
Try increasing the distance. It's going to depend on what exactly is inside the group. Sometimes you have to apply drop shadows to specific layers.

Is it possible to put a drop shadow on text added to an image?

Is it possible to put a drop shadow on text added to an image using Photoshop Elements 10?

Yes.
Open the Effects palette. In the drop-down. go to "Drop Shadows." You will find several listed. After you have applied, double click on the f on the text layer in the layers palette. This will bring up the Style Settings. Here you can fine-tune the shadow..
Note that in the drop-down referenced above, there are also Bevels which may enhance your presentation.

Stroke and drop shadows on thumbnails

Hi there. I'm trying to add a stroke and drop shadow to my lightbox thumbnails. While both appear perfectly in design mode, as soon as I view the site in preview or in a browser they both disappear. Do you know what the problem might be? Many thanks! David

Hi David,
I tested this with Composition Lightbox as well as with Slideshow Lightbox and stroke and shadow worked fine in both the cases. I applied the effects on the Normal State. Can you please confirm on what widget have you used and on what state have you applied the effects? Also, do you have a URL for us to take a look at?
Regards,
Aish

Adding drop shadow on a stroke w/ opacity.

Similar Messages

Maybe you are looking for