Re: Graduating Box Effect

#1 09-01-2008, 08:26 PM

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.

#2 09-01-2008, 08:39 PM

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

#3 09-04-2008, 06:33 PM

Hi there, this is an example of the fading effect which I created by making small boxes.

http://www.katachiware.com.au/eg.jpg

#4 09-04-2008, 07:18 PM

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

#5 09-04-2008, 07:42 PM

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.

#6 09-20-2008, 10:45 AM

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.

#7 09-20-2008, 02:22 PM

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

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode