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

Translucent Text

The Same text image can be used with different background colors to give different effects when it is "translucent".

1. Open an image that is

  • 468 wide
  • 60 high
  • 72 ppi
  • transparent
  • RGB

2. Insert a layer.

3. Type in the word Developingwebs and center it with your move tool.

  • Font: Arial Black
  • Size: 50 Pt
  • color- Try a light color. I used #CCCCFF

4. Save your document.

5. Open a new image

  • 10 pixel wide
  • 10 pixel high
  • 72 ppi
  • RGB
  • tranparent

6. Zoom in on this image so that you can see each pixel.

7. Hit your D key to set your default colors

8. Using your pencil tool set to 1 pixel hard brush, put a dot in alternating points on the image.

9. Highlight the pattern of 4 pixels. Click Edit=>Define Pattern

10. Open your original text document. Open your layers palette and while the text layer is highlighted, click the add mask button on the bottom of the layers palette.

11. Click Edit=>Fill so your fill goes in your mask.

  • Use Pattern
  • Select your checkerboard pattern
  • Mode = normal
  • Opacity = 100%
  • preserve transparency is off


 

12. Click Image=>Mode=>Indexed Color

13. Click OK to merge layers

14. Set the indexed color to the following:

  • palette: Master Adaptive
  • Colors 2
  • Foced: none
  • Check Transparency
  • Matte: None
  • Dither: none

 

15. Save your image for the web as a transparent gif. Put your image on a colored background of your choice.



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