Drop Shadow on a box - correct size

I am new to Illustrator, and so apologise in advance if this is a daft question.
I need to produce a graphic for a website that is 950 x 120 pixels in size. The graphic is a rectangle box with a stroke outline. I then have a drop shadow on the box.
A picture (not to scale):
My problem is that when I add the drop shadow, I do not know what size the graphic is as the bounding box is inside the area of the drop shadow.
I need the size to be precise.
I need the entire graphic, including the drop shadow, to be the size required of 950 x 120 pixels.
How can I get Illustrator to show the bounding box to be at the bottom of the drop shadow, rather than on the box stroke outline.
Regards, Susan

Thank you very much for your prompt answer. I am very grateful.

Similar Messages

Illustrator CS5 drop shadow - blur not rendering correctly

I just got a new computer and have installed Illustrator on it. This is my first time using the program on this computer. I created this file on my old computer in Illustrator. When opening it today, in the newly installed version of CS5, the drop shadow blur effect is not rendering properly. However, as you can see in the screenshot, one of the words has a proper blur. Everything else does not! Anyone know what to do, short of re-installing the whole program? Red arrow is the problem drop shadow. Purple arrow is the drop shadow that blurred correctly.

Well it must be something wrong on this new computer, I can't figure out what. Whenever I do a new iteration of a drop shadow it doesn't render the blur. For example, the one below- the first "Tune in" is from the original document, created on my other computer. The second "Tune in" is what happens when I try to alter it in any way, including deleting the old drop shadow and adding a new one.

Drop shadow on text box - CS4

I'm trying to set up a drop shadow on a text box, but the shadow shows through the text. The effect I want is essentially a shadow on the right side of the box, and one at the bottom, not showing through the text. I'm attaching a screen shot.
Obviously I've got something set wrong, but I've played with the "transparency" settings and nothing changed.
Thanks for your help................

Select the frame, then go to the swatches panel...

Is there a way for converting this Photoshop drop shadow to CSS box shadow?

Here's my PSD: http://d.pr/f/ML9l
Here are the specs:
Color: #3b5c7f
Angle: 90 degrees
Distance: 2px
Size: 4px
Contour: Linear
Here's what I've come up with so far, and though quite similar, it is not exactly the same thing:
http://jsbin.com/akuleg/1/

Are you a Creative Cloud member? With the recent Photoshop update, you can use the tool "Copy CSS"
It copies the style to the clipboard and you can paste it into your code. Here is what your file generated:
.Shape_5 {
border-radius: 3px;
background-color: rgb( 228, 224, 223 );
box-shadow: 0px 2px 4px 0px rgb( 59, 92, 127 );
position: absolute;
left: 56px;
top: 123px;
width: 287px;
height: 54px;
z-index: 2;
Hope this helps!
Julia

Drop shadow has white boxes Illustrator to Indesign

MAC OSX G5 Adobe CS2
I know I'm probably being stupid, as no-one else seems to be asking this question, Buuuut...
I've created a logo in Illustrator CS2, applied a dropshadow to a couple of areas of it, and now I want to place into my Indesign artwork. Simple huh?
I get white boxes appearing behind the dropshadow areas, and they are not transparent in Indesign, despite expanding.
What have I missed?
Lorraine

My apologies - I was a little too curt. I should have pointed out that transparency using spot colors outside of Illustrator does not work unless you turn over-printing on.

Why Cant I Add Drop Shadow? artwork size & resolution exceeds the maximum that can be rasterized

I am making a sign for sign writing. The overall size is 2400mmx1800mm. so its quiet big.
But When I go to put a drop shadow behind it it comes up with this -
" The combination of artwork size & resolution exceeds the maximum that can be rasterized"
Why is it saying this? How do I put a drop shadow on it?

Try scaling the sign down to 600 x 450mm and building your drop shadow at a more manageable size. When you deliver your file for output, tell the vendor to enlarge the file 400% in the RIP. If it still will not work, check your HD for scratch space. If there is not enough memory available to run the operation, you will continue getting the message until you clear some space and/or increase your RAM ( if necessary ).

Drop Shadows and Color Copiers

If you have a color copier or color laser printer try this test:
1. Create a page in InDesign with a pale CMYK background (I'm using 40% C, 30% M)
2. Create a small white box on top of the background and rotate it 10 to 60°
3. Add a drop shadow with default settings (multiply 100% K at 75% opacity)
4. Export a PDF using ANY export settings you like
5. Print the PDF to your color copier out of Acrobat, again using any setting you like
What I get is a bounding box around my white square that is a slightly different color than the background tone. It is obviously the area that includes transparency because of the drop shadow, which is being rasterized either when the file is made into a PDF or when it is printed. This same PDF looks fine on screen in Acrobat and looks fine when rasterized into Photoshop: absolutely no difference in the color of the background visually or with the eye-dropper. This PDF also prints totally fine when I send it directly to my cheapo inkjet and when I drop it into my color managed RIP that runs our higher-end inkjets. I should add that there is no RIP in front of the 2 different color copiers I am testing. The same thing happens on a client's color copier.
What appears to be happening is that the color copier renders raster data differently than vector data, which results in this bounding box being visible. I've tried printing directly out of InDesign and indeed if I select "Print as Bitmap" in the advanced tab, the problem goes away. However, I need to be able to send out PDFs that will print correctly on any kind of office printer. Obviously I could rasterize the whole thing in Photoshop, but I've got hundreds of flyers to prepare, and they need to be small enough to e-mail and look good when printed.
There is no "Print as Bitmap" option when creating PDFs, and they would probably be too big anyway. How can I get the drop shadow effect to work correctly in this situation?
Thanks in advance!
-Todd Shirley

Thanks for the link Bob!
It ALMOST works. In the link a procedure is described for rasterizing the whole page by creating a custom Transparency Flattener Preset, which I would THINK would solve my problem. Unfortunately the only way to access Transparency Flattener Presets in the PDF export is to set Compatibility to Acrobat 4 (PDF 1.3), which creates a PDF that my color copier won't print at all! It just hangs in whatever that thing has for a RIP. I left one for about a half hour and it finally came out all crazy messed up.
The goal here is to create a relatively small PDF that can be distributed to hundreds of offices and printed correctly on whatever kind of office machine they have. My Canon color copier is brand new and if it chokes on PDF 1.3 I can only imagine what older copiers will do.
So the quest continues! Is there any way to fix the problem without rasterizing the whole page? Or is there a way to rasterize the whole page but make a PDF 1.4 or higher? Keep the suggestions coming!
-Todd

Drop shadow affects image it's applied to

I have a grayscale image in a box and when I apply a drop shadow to the box the image goes visibly lighter, -- loses contrast etc.
I switched to High Quality Display to see if it was just some quirk with Typical Display but there was no change, I then printed out a copy on the printer with and without the drop shadow and the version with the drop shadow printed lighter as well.
What the...?
CS4/6.01, G4/933, Tiger
TIA,
Geoff

>Change your transparency blend space to RGB.
If you want to maintain the gray values at output (the grayscale outputs to the black plate) you can't set the blend space to RGB. If a grayscale has transparency applied and the blend space is RGB it effectively becomes an RGB object and would need to be separated to 4-color at output or export to CMYK.
The reason for the differing previews is that ID has no grayscale color management or spacea grayscale's preview is either managed as an RGB or CMYK object. If you place a flattened grayscale with Overprint and Separation Preview turned off, the grayscale previews as if it were a 2.2 gamma RGB object. You can see this if you screen capture a placed grayscale in ID and then open the original and assign it a 2.2 gamma grayscale profile in PS. The preview of the grayscale and screen capture will be identical.
Once you turn on Overprint or Separation Preview the grayscale is previewed as if were a CMYK object with the grayscale on the black plate. In this case the preview is driven by the ID doc's CMYK profile. If you are using the correct profile, the Overprint/Separation preview is more accurate than the Overprint off 2.2 gamma preview. For flattened grayscales the differing previews has no effect on CMYK outputthe gray values are always output unchanged to the black plate when the output destination is document CMYK.

Thin white line around black .ai logo and drop shadow question

Hello,
There's a very thin white line all around a black .ai logo I made when placed on a color background. It shows up in printing and acrobat (PDF % compatibility) too. Also, is there any way to get a transparent drop shadow (no white boxes) when saving as eps.
Thanks
Running OS10.4.11 In Design CS3, intel mac.

Is the logo rasterized in Illustrator? It sounds like something was antialiased against a white background.
>Also, is there any way to get a transparent drop shadow (no white boxes) when saving as eps
No. EPS does not support transparency. If an area is not fully transparent (because nothing is drawn there) then it is fully opaque. PDF and AI support transparency.

Master page objects with drop shadows crossing over spreads

Mac 10.5.4 - INDesign CS3
I have a book file that is giving me a pretty hard time. There are several master page spreads that do not show as spreads in the book file. The left page from one set of masters with the right page from another set. There is a grouped row of circles that has drop shadow applied that appears on several master spreads. This is built as two groups that meet in the gutter to give the appearance of a row all the way across the spread. When the group is on the gutter between the two pages of the master spread, The object will show up on the both pages of the book spread, on top of the data from the left page master. If we shut off the drop shadow, no problem. If we move the group 0p5 away from the gutter no problem. The problem is that in the end we want this element to have a drop shadow and to run into the gutter.
Does InDesign count the spread of the object effect as part of the object itself? That seems like what is happening. Is there a fix (work around) for this?

The easiest workaround I know of is to paste the object with the drop shadow inside another box such that you can clip it at the gutter. We've cursed this "feature" for years.

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:)

Question about drop shadow size

Hi All!
I have created a style that only contains a custom drop shadow. I frequently apply this style to illustrations that I'm creating for a book.
However, since updating to CC 2014, I've been having a problem with the style. The size of the drop shadows is different on every illustration I apply it to. I originally set the style up to have a 7 px size, but now, when applied, sometimes the size is 22 px, sometimes 30 px, sometimes 5 px.
Can anyone tell me what is going on and how I can get the drop shadow size to remain constant each time I apply it?
Thanks in advance!

I believe if you create a layer style preset the Adobe store the resolution of the document that you were editing when you created the preset into the preset so Photoshop can scale the style effect to the resolution of the document you apply the layer style preset to.
Layer style setting as you know are in terms of absolute pixel. That would mean the size of the shadow would vary on document that had different resolutions, Notice in menu layers there is Layers>Layer Style>Scale Effects... and In the Image Size dialog(s) there is a check box Scale Styles or a setting Scale Styles..
If it working differently in CC version 15 then is was in CC version 14 they may be a new bug.
If you want a 7px drop shadow no matter what the documents resolution is you may be able to record an action that add a 7 PX drop shadow using the Layer Style dialog not using a preset style.
I created a Drop Shadow Preset on a 300 DPI Document distance 2 px size 7px. I then recorded an action the applied that preset and then applied the same settings using the layer style dialog instead of the preset. There is a great difference on how the two steps were recorded.
When I step through the action on a 300 DPI document the drop shadows looks the same. On a 72DPI document the Preset drop shadow looks small like the 300dpi document however the step that was recorded with the Layer Style Dialog the layer drop shadow looks much larger for it was not scaled down to match the documents 72DPI resolution.
So it look like if you use a Layer style preset from the style palette the effect will be scaled for the documents DPI resolution. Notice in the action there is a Layer Style Scale 100% in the step recorded using the layer style dialog. Where the preset DS is applied some how by Photoshop and Photoshop scales the effect....

Drop shadow size reductions

Problem:
Drop shadow applied to elements in a logo.
Logo gets scaled but the drop shadow distance does not.
Solution:
Make the logo into a PDF and import that, then the shadow is scaled correctly.
Is there a completely within InDesign solution?
Thanks,
John

In the above the distances that do not scale are the X and Y coordinates. The overal size does scale.
Thanks again

White boxes appear around drop shadows in PDF's

I'm exporting a file from InDesign CS3 that contains several graphics that have a drop shadow applied to them (added in InDesign NOT Illustrator). When I view the PDF, there are white boxes that appear behind the graphics with the drop shadows. I need to use the 'Compatibility: Acrobat 4 (PDF 1.3)' setting from the PDF export dialogue box.
Any help would be greatly appreciated.
Thanks in advance.

Sometimes having drop shadows on images (imported) that have spot colors causes this. Converting them to process or RGB helps. I know that applies to imported graphics but it may apply to graphics created in InD sgn. Are your graphics set up in spot colors?

IWeb objects with funky box/drop shadows

Anybody know why the irregular shaped objects that I'm inserting from Illustrator into iWeb pages are showing up with square, drop-shadowed boxes around them when published? I never used to have this problem, perhaps it is related to software changes that I have no control over, or is there something I can do about it? Thanks! Nancy

@3DNancy, @OT, you should give them feedback and tell them to fix it, using firefox webkit instead of canvas:
http://www.apple.com/feedback/iweb.html
ot's workaround does not in iweb photos page.
here is my ff webkit example:
http://temp.cyclosaurus.com/revolving/FFWebkitShadow.html
and my photos page example:
http://temp.cyclosaurus.com/revolving/PhotosFFWebkitShadow.html#grid
view them in firefox.

Drop Shadow on a box - correct size

Similar Messages

Maybe you are looking for