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

Animated Matrix Texture

1. Open your Matrix texture PSD file in Photoshop. Duplicate this background 2 times so you have background copy  and background copy 1.

2. Switch to image ready. Open the animation panel. Set the frame 1 of the animation to 0.1sec.

3. With your move tool selected, use your up arrow key to move the "background copy" layer up till it is just above your canvas.

4. Insert a new frame on your animation panel by clicking the duplicates current frame button on the bottom of the animation panel. Click on frame 2.

5. With your move tool selected, use your down arrow key to move the "background copy" layer down until it is fit right over your canvas. Use your arrow to move the "background copy2" layer down so it is just below your canvas.

6. Click back on frame 1 of the animation panel. Click the right hand carrot (>) on the top right side of the animation panel and select TWEEN.

7. Set the tween to Next Frame and insert 5 frames.

8. Click on frame 7 of your animation panel and delete it.

9. Click back on frame 1 of your animation panel . Set the optimized panel to GIF, web, colors auto, loss = 0, 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