fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Matrix Effect Animation GIF Photoshop Tutorial
Tutorials Photo Effects 2190 Views June 30th, 2017

In this tutorial you will learn how to create a sci-fi portrait effect in Photoshop using a matrix GIF animation background. There is no need to create the matrix code rain animation, because we already have it. All we have to do is to apply the matrix texture overlay over our image and create a new GIF animation.


Matrix Face Picture Effect Animation in Photoshop

matrix effect animation in Photoshop

Tutorial Assets

For this tutorial you will nedd these stock images, textures and other resources.

Download the Matrix Animation GIF

First you have to download the Matrix Code Animation GIF Background that we are going to use in Photoshop to create the code rain effect.

matrix code animation GIF background

Drag and drop the GIF file in your Photoshop to open it. You now have 19 layers in your PSD file.

open GIF animation in Photoshop

How to Open Timeline in Photoshop

Go to Window > Animation. Click on the right corner of the Timeline Window and choose Convert to Frame Animation.

convert to frame animation in Photoshop

How to Edit a GIF Animation in Photoshop

Click on the first frame and set the Layer 1 blend mode to Screen.

edit animation in Photoshop

Right click on the Layer 1 layer and choose Copy Layer Style.

copy layer style in Photoshop

Now select all the 19 frames. Click on the Frame 1, keep the SHIFT key pressed and click on the Frame 19 to select all the frames. Do the same with the layers. Click on the Layer 1, keep the SHIFT key pressed and click on the Layer 19 to select all the layers.

multiple layer selection in Photoshop

Right click on the layers and choose Paste Layer Style. Now all the layers should have the blend mode Screen; if not you have to set it frame by frame and layer by layer.

Create the Matrix Portrait Effect in Photoshop

Make sure you have all the frames selected and add the Man Portrait below the Layer 1 layer.

Part 1Part 2

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

No comment(s) for "Matrix Effect Animation GIF Photoshop Tutorial"

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create an old film effect in Photoshop using textures, adjustments and filters. You can...
Free grunge textures and backgrounds that can be used in all kind of commercial projects. All these ...
Learn how to create the draw in sand effect from this easy to follow Photoshop tutorial for beginner...
Create digital Bokeh effect in Photoshop with these beautiful free bokeh textures. In photography, b...

      Stiched Furry Plush Toys Photoshop Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Dispersion with Real Images Photoshop Action