: Textures - How to use in Web Design Basically, I love how people use textures in web design. But as most website designs are "fluid", how do you make them work for all monitors and make

@Harper654

If you take a look at 4 you will see that the texture options are limited. Some textures you are allowed to move around, tile, center, etc. Others, you cannot. That is why I mention a nodal approach. Once you select a texture, that node (should) pull up ALL the features allowed to a JPG or PNG.

Web Design

Vote Up Vote Down

@Berumen635

as alan already defined everything so clear,you can create this kind of background in PS.

For creating seamless background i generally consider this filter of PS.


for details how to create in PS see
this : Create seamless background in
minutes
and if you want to create online texture of the same you can use this site to generate strip texture it provides css also

Vote Up Vote Down

@BetL875

Patterns are made using tiny elements that join seamlessly when they repeat. Most site backgrounds are made in this way. The advantages are: a) you're just repeating a tiny image, so the page remains light, and b) the background automatically adapts to the browser window. This is really what Photoshop is doing when you fill a selection with a pattern: the same tiny image is repeated multiple times until the area is filled.

The Amazorize site uses the principle for the content background and the sawtooth edges (which repeat only on the x-axis -- "repeat-x" in CSS).

There are dozens of tutorials showing how to make a pattern in Photoshop. This one covers all the bases quite well, but if you Google "seamless pattern +Photoshop" you'll get pages and pages of them.

Take the single image from which the pattern is built, and use that as the background for any element that has a "background-image" property. In CSS, use repeat, repeat-x or repeat-y to create the pattern.

Vote Up Vote Down