9 Replies Latest reply on Dec 6, 2006 7:04 AM by Newsgroup_User

    Reflection

    cobbyfred
      Hello,

      Can anybody help me with how I can make a reflection like this one: http://www.qwest.com/index.html.

      Thank you!
        • 1. Re: Reflection
          Level 7
          cobbyfred wrote:
          > Hello,
          >
          > Can anybody help me with how I can make a reflection like this one: http://www.qwest.com/index.html.
          >
          > Thank you!
          A quick Google brought up this tutorial......

          http://solardreamstudios.com/learn/fireworks/mirrorreflect

          SKB
          • 2. Re: Reflection
            Level 7
            If you open this in FWs, you can see what I have done and the settings used.

            http://www.fasterthanu.com/reflection.html

            Peter

            "cobbyfred" <webforumsuser@macromedia.com> wrote in message
            news:el431p$k0a$1@forums.macromedia.com...
            | Hello,
            |
            | Can anybody help me with how I can make a reflection like this one:
            http://www.qwest.com/index.html.
            |
            | Thank you!


            • 3. Re: Reflection
              cobbyfred Level 1
              I thank you all very much for your response, I will just check them out and if there's anything else to say I will get back to the forum. Once again thank you ver much.
              • 4. Re: Reflection
                cobbyfred Level 1
                Hello Peter,

                Please if you are still online, I would like to know how I can open that image in FW.
                • 5. Re: Reflection
                  Level 7
                  Just save it onto your Desktop or a specific folder. Then open Fireworks and
                  navigate to your saved file and open it :-)

                  Peter
                  _____________________

                  "cobbyfred" <webforumsuser@macromedia.com> wrote in message
                  news:el47bg$p84$1@forums.macromedia.com...
                  | Hello Peter,
                  |
                  | Please if you are still online, I would like to know how I can open that
                  image in FW.


                  • 6. Re: Reflection
                    cobbyfred Level 1
                    Sure! many thanks. I'll be hanging around.
                    • 7. Re: Reflection
                      Level 7
                      cobbyfred wrote:
                      > Hello,
                      >
                      > Can anybody help me with how I can make a reflection like this one:
                      > http://www.qwest.com/index.html.

                      Hi,

                      I just saw that Peter has already given you an example file. I created
                      one as well but the difference is that all the shapes in mine are still
                      editable Auto Shapes ;-). I mean editable in that, if you select one and
                      open the Auto Shapes Properties Inspector you can still change all their
                      properties numerically (individual rounded corners, shadow offsets and
                      size, etc).

                      To create those Shadow Autoshapes, simply select your your object (the
                      white rectangles in this case) and go to Commands>Creative>Add Shadow.
                      Then, without unselecting the newly created shadow object, open the
                      AutoShape Properties Instector Panel (go to the Windows menu) and set
                      the X-Offset to 0 and the y-Offset to a positive number. The size should
                      already be correct. Next, still with the shadow object selected, click
                      the Fill color selector in the Property Inspector (its the little square
                      showing a black to transparent gradient right now) and in the gradient
                      editing dialog, change the black swatch on the right to white instead of
                      black then click the other opacity swatch right on top of it above the
                      gradient ramp and lower the opacity from 75% to about 40%.

                      The good thing is that all the objects are fully editable. Here's the
                      example file:

                      http://www.pixelyzed.com/pixelforge/examples/reflection_shadows.png

                      --
                      Stéphane Bergeron
                      reach : connect : communicate
                      http://www.webfocusdesign.com
                      blog : tutorials : articles : gallery
                      http://www.pixelyzed.com
                      • 8. Re: Reflection
                        Level 7
                        That's very cool Stéphane. I confess to rarely using Auto shapes,
                        but on examination of your file, I see that this layout is perfect
                        for them. I even managed to skew the shadows, which I thought would
                        break the shape, but it didn't which surprised me :-)

                        Peter
                        _______________________
                        |
                        | The good thing is that all the objects are fully editable. Here's the
                        | example file:
                        |
                        | http://www.pixelyzed.com/pixelforge/examples/reflection_shadows.png
                        |
                        | --
                        | Stéphane Bergeron
                        | reach : connect : communicate
                        | http://www.webfocusdesign.com
                        | blog : tutorials : articles : gallery
                        | http://www.pixelyzed.com


                        • 9. Re: Reflection
                          Level 7
                          PJR wrote:
                          > That's very cool Stéphane. I confess to rarely using Auto shapes,
                          > but on examination of your file, I see that this layout is perfect
                          > for them. I even managed to skew the shadows, which I thought would
                          > break the shape, but it didn't which surprised me :-)

                          Yeah! AutoShapes are really great but, to me, they only got truly useful
                          with this release with the addition of the AutoShapes Property
                          Inspector. Open it and select any of the objects in my file and you'll
                          see what I mean:

                          - precise, numerical control over individual corner roundness for
                          Rounded Rectangles
                          - precise, numerical control over Shadow Shape "skewing" (controlled by
                          x and y offsets) as well as width (size). The Shadow Shape is not very
                          obvious as it only appears (and not even labelled as an AutoShape) in
                          the Commands>Creative menu.
                          - etc, etc for other shapes as well.

                          They really are a productivity and precision enhancement and go beyond
                          similar "smart" shapes in Office apps.

                          --
                          Stéphane Bergeron
                          reach : connect : communicate
                          http://www.webfocusdesign.com
                          blog : tutorials : articles : gallery
                          http://www.pixelyzed.com