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

Circuit Board Texture


1. Click File=> New. Set the following

  • Height = 165 pixel
  • Width = 150 pixel
  • 72 ppi
  • RGB
  • White


2. Click Edit=> Preferences=> Guides, Grid and Slices. Set the following:

  • grid color = green
  • grid style = lines
  • Gridline ever = 15 pixels
  • subdivisions = 1

Click OK. Click View=> show=>check grid.

3. Select the paint bucket. Set the foreground color to green, hex #E0FFE0. Fill the background with the green.

4. Insert a layer by clicking layer=>new=>layer.  Call the layer edge.

5. Highlight the edge layer. Select the Rectangular Marquee tool.  Set the options to

  • New selection
  • 0 feather
  • style = fixed size
  • width = 130 pixel
  • height = 145 pixel.

 

Click in your doc to set the marquee. Use your marquee tool inside the selection to click and drag selection to center it both horizontally and vertically. Arrow keys will also nudge marquee.

6. Click Select=> Inverse. Double click your hand tool on the tool box to zoom fit your image to your work area.

7. Select your line tool set to

  • Fill pixels
  • Line
  • Weight = 4 pixels
  • Foreground color = black

8. Draw lines to follow each grid line, holding your shift key down from left edge to right edge and top edge to bottom edge.

Click Select=> Deselect.

 


9. Insert a Layer by clicking Layer=> New=>Layer. Call this layer circuit. Highlight the circuit layer.

10. Set the line tool to fill pixels, line, 2pixels. Draw the circuit grid. It need not be accurate but there is a suggestion on the right.


11. Select the paint brush. Set the brush to a hard 9 pixel rough brush. Click single paint drops at the end of each circuit line.

12. Link the circuit layer to the edge layer. Click Layer=> Merge Linked.

13. Set the Merged layer to opacity 6%.

14. Click File=> save for the web. Set the file to gif, between 8 and 32 colors, no dither.



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