6 Replies Latest reply on Sep 20, 2008 11:22 AM by Newsgroup_User

    Re: Graduating Box Effect

    MalRom
      Hi there, does anyone know how to createa a graduating box/square effect.

      Not sure if I am using the right words here.

      Basicaly it is used for backgrounds in images.

      E.g: Image 1000px x 500px full of 50x50px boxes which gradulate in colour from left to right.

      Similar to the Random Square Effect when applying a stroke in Fireworks. The differance is that the effect places squares all over the place where as what we are looking for is squares positioned neatly.

      Cheers and hope I explained my self properly.

        • 1. Re: Graduating Box Effect
          Level 7
          MalRom wrote:
          > Hi there, does anyone know how to createa a graduating box/square effect.
          >
          > Not sure if I am using the right words here.
          >
          > Basicaly it is used for backgrounds in images.
          >
          > E.g: Image 1000px x 500px full of 50x50px boxes which gradulate in colour from
          > left to right.
          >
          > Similar to the Random Square Effect when applying a stroke in Fireworks. The
          > differance is that the effect places squares all over the place where as what
          > we are looking for is squares positioned neatly.
          >
          > Cheers and hope I explained my self properly.

          Can you post a link to an example?

          --
          Linda Rathgeber - Adobe Community Expert
          --------------------------------------------------------------
          http://www.adobe.com/communities/experts/members/8.html
          --------------------------------------------------------------
          • 2. Re: Graduating Box Effect
            MalRom Level 1
            Hi there, this is an example of the fading effect which I created by making small boxes.
            • 3. Re: Graduating Box Effect
              Level 7
              MalRom wrote:
              > Hi there, this is an example of the fading effect which I created by making small boxes.
              >
              > http://www.katachiware.com.au/eg.jpg

              Draw a black rectangle over the image. Use the Fade image feature
              (Commands > Creative > Fade Image) to fade the rectangle. Alternatively,
              apply a linear gradient to the rectangle and reduce the opacity of one
              end of the gradient to 0.

              Draw a grid of white lines over the top of the image. Apply the Overlay
              blend mode to the grid.



              --
              Linda Rathgeber - Adobe Community Expert
              http://www.adobe.com/communities/experts/members/8.html
              --------------------------------------------------------------
              • 4. Re: Re: Graduating Box Effect
                pixlor Level 4
                I would start with a black rectangle, then draw some horizontal and vertical blue lines on it, regularly spaced. Group the lines, then group the lines with the rectangle.

                Place the group over the background image, and select
                Commands > Creative > Fade Image
                from the menu and choose the example in the upper right.

                That should be close to what you want.
                Some variations:
                Adjust the gradient handles. Use a different color for the rectangle, maybe dark grey instead of black. Try not grouping the lines with the rectangle, but using a blend mode on them, instead.




                • 5. Re: Graduating Box Effect
                  MalRom Level 1
                  Thanks for the replies.

                  I cant seem to find an option where I can "apply a linear gradient to the rectangle." Can anyone explain how this is done? Is it possibly and extension?

                  Cheers n thanks.
                  • 6. Re: Graduating Box Effect
                    Level 7
                    MalRom wrote:
                    > Thanks for the replies.
                    >
                    > I cant seem to find an option where I can "apply a linear gradient to
                    > the rectangle." Can anyone explain how this is done? Is it possibly
                    > and extension?
                    >
                    > Cheers n thanks.

                    In the Property inspector you will find a drop down list for fill types.

                    http://www.playingwithfire.com/gradient.htm



                    --
                    Linda Rathgeber - Adobe Community Expert
                    http://www.adobe.com/communities/experts/members/8.html
                    --------------------------------------------------------------