2 Replies Latest reply: Jun 20, 2012 5:35 AM by jjdewitt RSS

    button drop shadow transparency

    jjdewitt

      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

       

      Screen Shot 2012-06-19 at 9.40.37 PM.png

        • 1. Re: button drop shadow transparency
          Laubender CommunityMVP

          @Josh – maybe a rendering problem with the folio. What kind of folio do you create? PNG, JPEG or PDF?
          If PNG or JPEG try the PDF option to see if the rendering goes well.

           

          Could you provide some more screen grabs of the problem?

           

          1. Objects in InDesign with "View/Extras/Show Frame Edges" enabled

          2. Same with "View/Overprint Preview" enabled and View set to "Preview" (toggle "w")

          3. Same with viewing in Adobe Content Viewer (on the PC)

          4. Same with viewing folio on the iPad

           

          Uwe

          • 2. Re: button drop shadow transparency
            jjdewitt Community Member

            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:

            button preview mode.png

             

            Buttons with frame edges on:

            buttons.png

             

            Button settings:

             

            button settings.png

             

            Button inner shadow settings:

             

            inner shadow.png

             

            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.

             

            two buttons overlapped.png

             

            Resulting buttons in Folio on iPad:

            buttons on iPad.png

             

            Resulting buttons in Folio on Mac:

             

            Screen Shot 2012-06-20 at 6.28.58 AM.png

             

             

            Thanks for your assistance with this.

             

            Josh