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

Mosaic Tiles

 

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

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

 

4. Click Filter=>texture=>Mosaic Tiles

  • Tile size = 92

  • Grout width=6

  • Lighten grout = 9

Click OK

5. Shining the tiles

  1. Select the Colors - Foreground color to white (Hex #FFFFFF) and Background color Hex # ECECE9.

  2. Select the Magic wand, with tolerance = 0. Use the magic wand to select the white area in the upper left tile.

  3. Select the Gradient tool and select the diamond gradient. Make sure the color of the gradient is set to got from forground to background color. Draw a gradient from the center of that tile to the center of the canvas.

  4. Repeat B and C above on the other three tiles..
     

6. These settings should create seamless tiles

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 bathtiles. Save again.

 

Back to Textures Page



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