How: painted/ripped looking borders

Feb 5, 2007

I think it was clever use of repetition and some nice design sense. But you can see a jagged edge if you look closely on the left side of the first column. (check directly to the left of the "Benefits" image)

There are 2 main columns of text for the site, each with it’s own layout;

There is a large image for the masthead, a repeating image on the left column to allow it to "stretch" (a faux column), and several images that make up the column on the right, to allow it to stretch as the text grows.

Nicely done. I’d like to know how long it took to put together.

-pixel_streamer

Juulia wrote:

Hello

I sometimes check the Zen Garden CSS page – and not only for CSS. How do you think the "painted" or "ripped" looking borders where made in this design?:
http://www.csszengarden.com/?cssfile=/200/200.css&page=0
Thanks

Johan

Feb 5, 2007

"Juulia" schreef in bericht

Hello

I sometimes check the Zen Garden CSS page – and not only for CSS. How do you think the "painted" or "ripped" looking borders where made in this design?:

http://www.csszengarden.com/?cssfile=/200/200.css&page=0
Thanks

This is easy done, just with different brushes ,opacity and hardness, erase the borders.
on a smaler selection add darker blue and optional text. again erase on this layer the borders with different brushes and hardness and opacity.

Johan

Thomas

Feb 6, 2007

On Feb 5, 4:19 pm, "johan" wrote:

"Juulia" Hello

I sometimes check the Zen Garden CSS page – and not only for CSS. How do you think the "painted" or "ripped" looking borders where made in this design?:

http://www.csszengarden.com/?cssfile=/200/200.css&page=0

Thanks

This is easy done, just with different brushes ,opacity and hardness, erase the borders.
on a smaler selection add darker blue and optional text. again erase on this layer the borders with different brushes and hardness and opacity.

Johan

Wow thanks for the link, i’ve been looking for some info on compliant css for a while.

Toobi Won Kenobi

Feb 6, 2007

"Juulia" wrote in message

Hello

I sometimes check the Zen Garden CSS page – and not only for CSS. How do you think the "painted" or "ripped" looking borders where made in this design?:

http://www.csszengarden.com/?cssfile=/200/200.css&page=0
Thanks

See 17 and 18 at http://www.pixel2life.com/search/4/borders/1/

TKW

How: painted/ripped looking borders

MacBook Pro 16” Mockups 🔥

How to Improve Photoshop Performance

Related Discussion Topics

How do you make an existing image look like it was painted on a rusty ship

Help: How to make a painting look like a photo?

Tutorials: How to make a digital photo look like an oil painting in CS3

How to make a photograph look like it’s a painting.

Help: How to make a painting look like a photo?

How to use Brush Stroke Filters to simulate ‘Oil Painting on Canvas’ look ?

How do I make a picture look like a "standing" paper?

How do you get images on web and on CD to look the same on both MAC and PC

Wet Skin/Paint Look

How can I draw a nice looking arrow in my choice of color and size on my pics?

How to create rectangle with border and no fill?

How do I look up the posts you reference?

How do I achieve this look on my photographs?

How do I make a picture look like a "standing" paper?

How Do I Create a Rectangle box with a border and Text inside