div drop shadow hidden behind background image of div below

I am trying to show the <div navigation> drop shadow on top of the <div mainImage> background image. How can I fix the css to show it on top of the bar picture? Here is the site in progress... http://cishenanigans.com/index2012.html
Thanks!

You should use z-index. But this works only on absolute or relative positioned elements.
In your case, replace this:
#mainImage {
margin: 0px;
padding: 0px;
height: 300px;
width: 1020px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/mainImage.jpg);
to this:
#mainImage {
margin: 0px;
padding: 0px;
height: 300px;
width: 1020px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/mainImage.jpg);
position: relative;
z-index: -10;
That should do the trick

Similar Messages

  • Buttons / popups hidden behind background why ?

    In CS5.5 the popup button areas I draw on an ' over ' state are drawn under the background - whether background is a bitmap or sold color.  The corresponding popup text also appears behind the background.  Arranging and sending to front or back doesn't help.  I had this working before and suddenly I can't do it.....I'm trying to make a map with rollover popup text.  Making the background layer invisible allows construction but the swf  has hidden popups.
    This is the quick tut I learned it on ...followed it and it worked at first.  Now following it doesn't work for anything new.  Tried on 2 computers. Does it work for anyone? 
    waveav.us/rollover.pdf
    Thanks!

    Thanks Kglad,
    Simply moving the button layer above the background layer showed the button rectangles, hence changing the display list I believe.  Thanks again for quick reply.
    Date: Sun, 24 Feb 2013 13:10:44 -0800
    From: [email protected]
    To: [email protected]
    Subject: buttons / popups hidden behind background why ?
        Re: buttons / popups hidden behind background why ?
        created by kglad in Flash Pro - General - View the full discussion
    is the parent of the background and the parent of the popup the same? if yes, that re-adding the popup to the display list will add it above the background. if no, you will need to rethink your setup or re-add the parent of the popup so it's above the parent of the background.
         Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5098686#5098686
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5098686#5098686
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5098686#5098686. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Flash Pro - General by email or at Adobe Community
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • Content is hidden behind background altough in a higer layer

    I'm working on a digital publishment in Indesign and for some reason i cant put new content on top of my background layer. to buttons I made before are on top of the background, but the new images arrent vissable in the desktop viewer (swf previewer works just fine). the new images are in the layer above the background image just like the buttons I'd already made but so far nothing comes on top in the viewer. i even copy pasted one of the buttons and this one did not show either.  (my background is a slideshow btw)
    anyone any suggestions.
    thanks in advance

    Thanks Kglad,
    Simply moving the button layer above the background layer showed the button rectangles, hence changing the display list I believe.  Thanks again for quick reply.
    Date: Sun, 24 Feb 2013 13:10:44 -0800
    From: [email protected]
    To: [email protected]
    Subject: buttons / popups hidden behind background why ?
        Re: buttons / popups hidden behind background why ?
        created by kglad in Flash Pro - General - View the full discussion
    is the parent of the background and the parent of the popup the same? if yes, that re-adding the popup to the display list will add it above the background. if no, you will need to rethink your setup or re-add the parent of the popup so it's above the parent of the background.
         Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5098686#5098686
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5098686#5098686
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5098686#5098686. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Flash Pro - General by email or at Adobe Community
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • Carousel hidden behind of image background

    Hi all
    I'm new to actionscript 3.0. I'm facing a problem on my flash file that I created. I did a carousel through scripting but the carousel was hidden behind a background image that i added on one of the layer. What can be the problem for the carousel to be hidden behind the background image? Can someone help me out?
    here is the code for the carousel:
    const NUMBER_OF_ITEMS:uint = 8;
    var menuItems:Array = new Array();
    var txtArray:Array = ["Pop/Rock", "Hip Hop", "Electrónica", "Jazz", "Ambient", "Folk", "Clásica", "Metal"];
    var focalLength:Number = 350;
    var vanishingPointX:Number = stage.stageWidth / 2;
    var vanishingPointY:Number = stage.stageHeight / 2;
    var angleSpeed:Number = 0;
    var radius:Number = 128;
    var angleDifference:Number = Math.PI * (360 / NUMBER_OF_ITEMS) / 180;
    for (var i:uint = 0; i < NUMBER_OF_ITEMS; i++) {
    var menuItem:MenuItem = new MenuItem();
    var startingAngle:Number = angleDifference * i;
    menuItem.currentAngle = startingAngle;
    menuItem.xpos3D =  -  radius * Math.cos(menuItem.currentAngle) * 0.5;
    menuItem.ypos3D = radius * Math.sin(startingAngle);
    menuItem.zpos3D = radius * Math.cos(startingAngle);
    var scaleRatio = focalLength/(focalLength + menuItem.zpos3D);
    menuItem.scaleX = menuItem.scaleY = scaleRatio;
    menuItem.x = vanishingPointX + menuItem.xpos3D * scaleRatio;
    menuItem.y = vanishingPointY + menuItem.ypos3D * scaleRatio;
    menuItem.alpha = 0.3;
    menuItem.menuItemText.text = txtArray [i];
    menuItem.mouseChildren = false;
    menuItem.addEventListener(MouseEvent.MOUSE_OVER, mouseOverItem);
    menuItem.addEventListener(MouseEvent.MOUSE_OUT, mouseOutItem);
    menuItem.addEventListener(MouseEvent.CLICK, itemClicked);
    menuItems.push(menuItem);
    addChild(menuItem);
    addEventListener(Event.ENTER_FRAME, moveCarousel);
    function moveCarousel(e:Event):void {
    angleSpeed = (mouseY - stage.stageHeight / 2) * 0.0002;
    for (var i:uint = 0; i < NUMBER_OF_ITEMS; i++) {
    var menuItem:MenuItem = (MenuItem)(menuItems[i]);
    menuItem.currentAngle += angleSpeed;
    var scaleRatio = focalLength/(focalLength + menuItem.zpos3D);
    menuItem.scaleX=menuItem.scaleY=scaleRatio;
    menuItem.xpos3D=- radius*Math.cos(menuItem.currentAngle)*0.5;
    menuItem.ypos3D=radius*Math.sin(menuItem.currentAngle);
    menuItem.zpos3D=radius*Math.cos(menuItem.currentAngle);
    menuItem.x=vanishingPointX+menuItem.xpos3D*scaleRatio;
    menuItem.y=vanishingPointY+menuItem.ypos3D*scaleRatio;
    sortZ();
    function sortZ():void {
    menuItems.sortOn("zpos3D", Array.NUMERIC | Array.DESCENDING);
    for (var i:uint = 0; i < NUMBER_OF_ITEMS; i++) {
    setChildIndex(menuItems[i], i);
    Thanks in advance!
    Regards
    horray

    The problem lies in that for loop you have at the bottom that is setting things in the carousel to be at index 0 and up.  See if it helps changing it to ....
    for (var i:uint = 0; i < NUMBER_OF_ITEMS; i++) {
         setChildIndex(menuItems[i], numChildren-1);
    If not, then you still need to deal with keeping the background at child index 0 in order to keep the carousel atop it

  • 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.

  • Logo with Drop Shadow on Unwhite Background

    This is simplified for this discussion. Imagine a logo that's a yellow circle with a line of red type across the center of the circle slightly wider than it's diameter. Now apply a black drop shadow to the type. I did this in ID CS4 and brought it into Illy, converted it all to outlines and made a few tweaks. All is fine if the logo is on a white background, But if it's not, there is a white box around on the drop shadow where the type is wider that the circle.
    Is there such a thing as a vector drop shadow?
    In most instances, I will be using this in other ID programs so I might be able to bypass the Illy step and just copy the logo from one ID document to another. But the logo is also being sent out to others to use and their backgrounds might not be white.
    Suggestions?

    There is nothing wrong with drawing spot graphics in InDesign. (Why do you think it has tools for doing so?)
    I did this in ID CS4 and brought it into Illy
    What does "brought it into" mean?
    If you copied/pasted, check your InD clipboard prefs. Do you have the option for copying PDF content turned on?
    The reason such things work from AI to InD is because InD is importing the PDF content embedded in the AI file (or copied to the clipboard). The same thing works in the opposite direction.
    But going either direction, the conversion to PDF "normalizes" the objects that are created using app-specific features. So so-called "live effects" become simpler constructs. The kind of constructs PDF can handle differ with the various versions of PDF, too.
    Is there such a thing as a vector drop shadow?
    Of course there is.
    The more pertinent question is "Is there such thing as vector transparency?", which is necessary for the soft-edged fuzzy effects which most people mean nowadays when they say "drop shadow." The two shadows above are all vector. The top hard-edged one was created by the Drop Shadow Filter. The soft-edged fuzzy one is a Blend. They were drawn in Illustrator, exported to PDF (without AI editability), and then opened again in AI. They were still all vector objects after the round-trip to PDF.
    So can the rasterization of transparency applied to vector objects be postponed until RIP time? (Everything is eventually rasterized—it's a question of when.) Evidently so. Again, the capabilities would differ between different PDF and (I assume) Postscript versions.
    JET

  • Spry Horizontal submenu hidden behind image

    This is driving me nuts. I am using Dreamweaver CS4. I have created a horizontal menu bar just above an image. When i hover over the main menu item the submenu is hidden behind the image. I have not been able to figure this one outy. i am very new to CSS and Dreamweaver. This is a template that i want to use across my entire site. You can goto http://www.gray-wolf.net/MainPages.html.
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: auto;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #008080;
    height: 40px;
    float: left;
    top: 100px
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
    width: auto;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    float: left;
    background: #FFF;

    Your unexpected (and undesired) wolf call on entering that page scared the begesus outta me.  Most people don't take kindly to such surprises!
    You do realize that the page you linked to is a TEMPLATE page, but it is named with an HTML extension, right?  You did that just to show us the template?
    Also, it appears that you have built your entire site inside of the Templates folder -
    <a href="Templates/pgpage1.htm" title="Page 1 of my Photo Gallery">
    That's improper.  Nothing should be in the Templates folder other than the template files themselves.
    Finally, your use of absolute positioning as a primary page layout method is going to get you into serious trouble.  Please read this -
    http://apptools.com/examples/pagelayout101.php
    Now - here's the problem:
    You have applied a style of 'overflow:hidden' to div#nav.  Remove that.  With that in place, the submenus cannot flow OUT of div#nav.

  • Help with FW drop shadow

    I have created a website in FWCS3 and when I put a background behind it (in DWCS3), the drop shadow effects I have do not work with any colors other than white.  Can anyone give some advice?  If I use another color for the background the shading looks terrible, like a grayish color  Please help.

    I'm not an expert with Fireworks.  I prefer Photoshop but I imagine the basics are the same.  You would place your main image on a Transparent background layer.  Apply the drop shadow to your main image.  Save for Web as a transparent PNG image.  Alpha transparency will permit your page's background image to show through the non-opaque areas of your image.
    NOTE: Pre-IE7 browsers don't support alpha transparency on PNG images but you can Google search for IE PNG fix JavaScript that will remedy this.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Drop shadow won't apply

    I've added photo's to my 12x12 document and added a stroke to the inside of the photo to make it look like a developed photo and now I want to add a drop shadow.  It shows on the in the layers pallette (fx) that I have done so but no drop shadow appears behind my photo.  I'm not sure what I'm doing wrong (I'm working in elements 10)
                 thanks

    Hi there,
        I never did find out how to resolve my issue with the drop shadows on that document but i did have my photo's extending outside of my document so I decided to try starting over.  When I opened a new document and opened my photo's I added the drop shadows before extending them beyond the parameters of my document (12x12).  The drop shadows worked and I finished my page and discarded the other PSD, not sure if my solution will help you but I've done a couple more pages with no problems.  If you do resolve your issue or come to understand why this is happening I would love to know......
    Date: Sun, 4 Dec 2011 08:47:27 -0700
    From: [email protected]
    To: [email protected]
    Subject: Drop shadow won't apply
        Re: Drop shadow won't apply
        created by wrldtrvlr83 in Photoshop Elements - View the full discussion
    I am having this same problem...  my layer styles worked fine just yesterday, however now nothing will appear.  I have duplicated backgrounds, added new layers, but nothing shows on my image.  I've done everything mentioned in this form and it still does not work.  I am frustrated to say the least because everything worked fine yesterday when I was using the layer styles.  I don't know what I could have done wrong to prevent these from appearing on my image.  Any additional tips would be greatly appreciated.
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4062752#4062752
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4062752#4062752. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Photoshop Elements by email or at Adobe Forums
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • Drop shadow from one master appearing on a page with a different master CS5

    I have a series of curriculum books that make use of two different page styles controlled by two masters. On occasion in the books, the two masters appear side by side in a spread. Both masters contain similar background graphics but one has more side margin than the other.  In the instance where the side margin appears on the left hand page, the drop shadow from a background element on the full page master appears on the bigger margin page. The actual object that has the shadow is not there, but the shadow is. This only happens when the margin is on the left; the shadow does not appear when the masters are side by side in a spread and the wide margin is on the right.  See attached image.
    I can split the pages apart and the shadow goes away, but this gets to be a pain when text reflows and I have to change the pages around.  Any idea how I can keep this ghosted effect from appearing where it isn't supposed to be?
    I'm on CS5 on an Intel Mac running Leopard.
    Thanks.

    Lots of cross posting...
    Check the position of the edge of the cropped frame. I had a problem when it wasn't dead on the spine and the frame had the shadow applied...
    Further investigation pasting the shadowed frame into another and cropping that reproduces your error, but good news, I think. If you select the cropped frame and pick a proxy point that is supposed to be on the spine, then subtract an infinitesimal amount, like .0001 from the x coordinate to move it left, or add the same if you need to move the right half right, ID will round the result back to the original dimension, but the ghost will disappear.
    At least it seems to work for me on two-page lettersize spreads working with rulers in inches.
    I think this is a bug, and I think we've discussed it before and I stumbled on the same solution last time.

  • Odd greyscale behavior when drop-shadow is applied.

    I have a file with four images in it. One is RGB and three are greyscale jpeg images. They all look fine.
    Now, when I put a drop-shadow effect on the images, the RGB image looks as expected; but, the greyscale images all look lighter than before.
    I exported a PDF of the two pages (I made a duplicate so one page has the shadow and one does not) with the PDF-X/1a profile. All of the greyscale images look lighter, even the page without the shadow, which looks darker in InDesign. The RGB image looks the same on both pages an in the PDF.
    Why do the greyscale images look lighter when a drop-shadow is applied? Or, maybe a better question is, why does the image without the drop shadow look darker? (The darker image looks more natural. I opened the Greyscale images in both Apple's Preview and in Photoshop. Preview displays the nicer-looking darker image, but Photoshop shows the images as being lighter, the way it looks in the exported PDF.
    Any ideas?

    Thank you for this interesting discussion.
    I set the Transparency Blend Space to RGB* and now all of the grayscale images look the same. They have all taken on the darker appearance. Until, of course, when I turn Overprint Preview on, in which case they all get lighter. In Photoshop, the image seems to be in-between the light and dark looks in ID.
    You know, up until today, I was feeling pretty good about color on the computer, thinking all the problems of the past were behind us. Oh well!
    Anyway, I have another question about Transparency Flattener Presets. It is set to Low by default in ID. I suppose this is to speed up rendering time. Now, when I export to a PDF there is a Transparency Flattener setting there, if the PDF is an X-1a file. In that case, does ID ignore the setting in the file under the Edit menu?
    Also, I set the Transparency Flattener Preset in ID to High, but it always returns to Low when I check again. Why is this? (The Low, Medium, and High settings are surrounded by brackets, like this: [Low]. Does that mean anything?) So, what  does the Transparency Flattener Settings affect? A print made directly from the file? The preview in ID? I thought I had all this down, but now I am a little confused.
    *(BTW, this piece will be used as an outdoor poster on a kiosk and the media company has requested an RGB JPEG file, so I will be exporting this as a PDF-X/4 and then opening it in Photoshop before saving it as a JPEG. So, I know, the best thing to do is to convert the grayscale images as RGB files and maybe even adding a little tint, perhaps. But I am still curious about the other questions.)

  • [CS2, CS3] Drop shadow exceeds picture frame

    Hi there,
    maybe this is a well known effect, if not for myself ...
    If you apply a drop shadow to a placed image that has a clipping mask active, you may end up with a shadow area that falls inside the images picture frame as well as outside of it.
    This is OK up to a certain point but what if I have to crop the image on one side or the other? The shadow may exceed the picture frame now where I actually want it to be cut. [Hopefully I am making myself sufficiently clear ...]
    So is there some option connected to the drop shadow feature to restrict the shadow to the
    inside of the picture frame?
    Thanks
    Klaus

    I have experienced similar issues both with clipping paths and with drop shadows. I teach a class for Indesign and an image in one particular exercise I use has a clipping path around a head+shoulders shot of a woman. The path is a P'shop path created from an alpha channel.
    In InDesign the image is on top of a tint background which is on a separate layer. The clipping path is not clipping the full image but is leaving a fine, white, unclipped border around the image area (may be only a single row/column of pixels all the way around). As the clipped image has a drop shadow applied in exactly the way David describes, the drop shadow is also applied to these "unclipped" pixels around the edges.
    I confess that, as this is just an exercise and has never gone to print, I had not noticed this. One of my students did notice it because he had experienced the same problem in preparing a print job and it had cost his company a fair amount of money to correct it.
    John

  • 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

  • Drop Shadows problem in Acrobat Reader & Professional

    Hi all,
    We have a problem with Acrobat, when we open an pdf which has drop shadow over a background seems to be white patch around the dropshadow.
    Attempt done:
    First Attempt: Opened the PDF in acrobat professional 7, when we switch on overprint option this seems to be good but when I print I got the white patch around the dropshadow.
    Second Attempt: Opened the PDF in Acrobat Reader 9.0, it has white patch and print has white patch.
    Third Attempt: Opened the PDF in Acrobat Professional 8, when we switch on overprint option looks fine and print fine.
    Client want the pdf should be compatible in Acrobat Reader.
    Note: This PDF was generated with 3b2 Software we cannot switch over the software to Indesign.
    Any suggestion related to this issue.
    Kaviya

    The overprint settings would need to be set in the source file and preserved when generating the pdf. Based on the information from the uploaded file, you might try Arbortext Advanced Print Publisher support.

  • Adjustment Layer with drop shadow not working

    Hi,
    I have a problem when trying to use an adjustment layer to apply a drop shadow to multiple images.
    Here's what I'm trying to do.
    I am creating a floating gallery in After Effects CC (latest updates are installed).
    There are 75 photos and each photo is a 3D layer.
    I want to add a adjustment layer to automatically add a drop shadow to all the images on the timeline.
    It doesn't seem to work. Is there another work-around other then manually adding the effect to each image.
    Thanks,
    Cillian.

    Hi Mylenium,
    Thanks for the reply. I went and manually added the effect to each layer. For future reference, does it matter that the layer are 3D for a adjustment layer to work?
    Cillian.

Maybe you are looking for