Photoshop Tutorials

The Matrix Effect FREE Photoshop Tutorial

FREE Photoshop Tutorial | The Matrix Effect


matrix-effect1.gif

I’m sure you have seen the movie The Matrix some­time in your life. Ever won­der how to cre­ate your own Matrix code effect? This tuto­r­ial will teach you how to.

Note– You can play with your set­tings at any step and you will get a dif­fer­ent appear­ance each time.

This is a tuto­r­ial on how to cre­ate a cool ani­mated matrix effect. The tuto­r­ial will divided by 2 parts, first how to make matrix effect, sec­ond how to ani­mated that. To cre­ate the Matrix Effect(Basic):

Cre­ate new project. I used 400x150 for this project, I find that if you plan on ani­mat­ing the matrix effect it looks bet­ter smaller.

Press “D” to reset your col­ors, then select: Fil­ter > Tex­ture > Grain

Change your set­tings to: Inten­sity– 100, Con­trast– 75–100, Grain Type: Vertical

grain1.jpg

Now select: Fil­ter > Artis­tic > Neon Glow
Change your set­tings to: Glow Size– 5, Glow Bright­ness– 15, Glow Color: Green

neonglow2.jpg

Finally, select: Fil­ter > Styl­ize > Glow­ing Edges

Change set­tings to: Edge Width– 1, Edge Bright­ness– 8, Smooth­ness– 1

glowingedge3.jpg

Now your done, you can either leave it like this or ani­mate it.

matrix-effect.gif

Your Matrix Effect should look dif­fer­ent each time.

To animate(Intermediate):

1. Dupli­cate the layer twice– Title them Back­ground, Layer 1 and Layer 2.

2. Jump to ImageReady.

3. While in the first ani­ma­tion frame, selct the move tool and move Layer 1 (the top layer) all the way to the top of the frame. Out of sight.

4. Now add a sec­ond ani­ma­tion frame.

5. High­light the sec­ond frame. Now using the move tool, move Layer 1 back to its orig­i­nal location.

6. In the same ani­ma­tion frame. Using the move tool, you now move Layer 2 (the mid­dle layer) to the bot­tom of the fram, out of sight.

7. Make sure you keep all the Matrix code lines lined up as you move the two layers.

8. Set your tim­ing to 0.1 if you want the code to move slower, you can also use “No Delay” if you want the code to move faster. Play with the tim­ing set­tings to see what you like.

9. Then select Tween, and add 5 frames.

10. Delete frame #7 and your done! Enjoy!


Related posts:

  1. E-Book Cover Cre­ation and Tricks
, , ,

Leave a Reply