Computer Graphics with Photoshop - How is this background created?

Author

How is this background created?

Anna

2004-09-10, 4:14 am

I'm wondering if someone knows how this background (
http://members.shaw.ca/annaps/list/bg.gif ) is created? I'm assuming it's a
pattern fill, but the two things I'm interested in are:

1: On the left side of the image, it almost looks like the pattern isn't
filled completely and there areas where there are just a few of the darker
pattern filled areas?

2. In the middle of the pattern, more towards the center or right had side,
it looks as if the pattern is torn and the underlying lighter blue is
showing up. Is this done manually by just erasing some of the top layer
pattern or is there an easier way of creating this look?

Just to make it a bit easier to see the image, I have the normal size image
at the top of the website listed above and below that is a zoomed in image
so that the details can be seen better.

Thank you.

Anna

Mike Russell

2004-09-11, 4:14 am

Anna wrote:
> I'm wondering if someone knows how this background (
> http://members.shaw.ca/annaps/list/bg.gif ) is created? I'm assuming
> it's a pattern fill, but the two things I'm interested in are:
>
> 1: On the left side of the image, it almost looks like the pattern
> isn't filled completely and there areas where there are just a few of
> the darker pattern filled areas?
>
> 2. In the middle of the pattern, more towards the center or right
> had side, it looks as if the pattern is torn and the underlying
> lighter blue is showing up. Is this done manually by just erasing
> some of the top layer pattern or is there an easier way of creating
> this look?
>
> Just to make it a bit easier to see the image, I have the normal size
> image at the top of the website listed above and below that is a
> zoomed in image so that the details can be seen better.

Anna,

There are probably many ways to do this. Here's one. To me it looks like
the basic pattern was foliage silhouetted against the sky, copied around
with the clone tool to get the shape, and then bits of folliage cloned to
the sky and smudged to get a of grungy look.

Create a new layer, fill it with a hatch patter, and set the mode to screen,
and adjust the transparency and play with the layer blending options to get
the look you want.

Create a Hue/Sat adjustment, set it to colorize mode and play with the hue
and sat sliders to set the entire image to the desired color.

Save the psd file, in case you want to make changes later, then flatten and
convert the image to indexed color mode, and save as a GIF.
--

Mike Russell
www.curvemeister.com
www.geigy.2y.net

Articus Drools

2004-09-11, 4:14 am

Yay - another thorough answer in entirety

If this NG continues like this we may have to pay to post LOL!

Well done (r u the great one in human form?)

Articus

"Mike Russell" <REgeigyMOVE@pacbellTHIS.net> wrote in message
news:oje%c.12605$QJ3.4153@newssvr21.news.prodigy.com...
> Anna wrote:
>
> Anna,
>
> There are probably many ways to do this. Here's one. To me it looks like
> the basic pattern was foliage silhouetted against the sky, copied around
> with the clone tool to get the shape, and then bits of folliage cloned to
> the sky and smudged to get a of grungy look.
>
> Create a new layer, fill it with a hatch patter, and set the mode to
> screen,
> and adjust the transparency and play with the layer blending options to
> get
> the look you want.
>
> Create a Hue/Sat adjustment, set it to colorize mode and play with the hue
> and sat sliders to set the entire image to the desired color.
>
> Save the psd file, in case you want to make changes later, then flatten
> and
> convert the image to indexed color mode, and save as a GIF.
> --
>
> Mike Russell
> www.curvemeister.com
> www.geigy.2y.net
>
>

Articus Drools

2004-09-13, 7:14 pm