Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Making Texture Tiles for use as patterns and backgrounds

BRICK

 

Back to Textures Page


 

1. Open a new image  Save the file as texture.psd. If you already have one, use the one you have to add layers to.

  1. Call it Texture
  2. 200 wide
  3. 200 high
  4. 72 pixels per inch
  5. RGB
  6. White background

2. Insert a new layer. Call it BRICK.

3. Color it Tan using the paint bucket and hex #993333 for foreground. Double click the foreground color. Uncheck web safe colors and add the hex value 993333 to the box labeled #.

4. Click Filter=>texture=>texturizer.

  • Select Texture Brick

  • Scaling  100

  • Relief  10

  • Light direction Top Left.

5.Click ok.

6. Creating Seamless Tiles- Offset your canvas by clicking Filter=>other=>offset. 

  • 100 horizontal
  • 100 vertical.
  • wrap around.

The Seam may have some highlights on the middle horizontal and middle vertical lines.

To get rid of the vertical lines, do the following.

  • magnify your canvas to about 300X. Make sure rulers are showing.
  • Select the single column marquee tool.
  • Hold down the shift key and select pixel columns 18, 19, 20 and 21 successively so thatyou end up with a 4 pixel wide selection.
  • Click Edit=>copy
  • Click Edit=>paste
  • Select your move tool. Hold your shift key down and slide the new selection over to center around pixel 100.

To get rid of horizontal lines do the following.

  • magnify your canvas to about 300X. Make sure rulers are showing.
  • Select the single row marquee tool.
  • Hold down the shift key and select pixel rows 18, 19, 20, 21 and 22 successively.
  • Click Edit=>copy merged
  • Click Edit=>paste
  • Select your move tool. Hold your shift key down and slide the new selection down to center around pixel 100.
  • Merge your new layers onto your brick layer by clicking on each new layer and select layer=>merge down.

7. Save your PSD for additional textures. Save your file in Gif or jpg also for the web.

8. Adjust your colors using hue/saturations to get variations of this brick.. Save again.

 

Back to Textures Page



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2012 All Rights Reserved
Privacy and Legal





iSECURE Network Security