• Announcement:
    In order to download VIP files, you need to UPGRADE your account.

[GUIDE] Photoshop animated avatar tutorial. (No After Effects)

DoN

Metin2 Hub -
Valuable
Designer
Developer
Member
May
Threads
84
339
1
992
93
United Kingdom
terra2.eu
HubMoney
5,738
Photoshop Animated Gif

I will present you an action that will make your job easier in creating the animated "electric" effect.
The first time we download the package put in the link here:

Hidden content
You need to reply to this thread in order to see this content.
After that we open Photoshop and: Create a 150x250 document. We add the desired picture, we resize it according to our preferences.
In my case, this:
e2ucrYx.jpg


Following the steps above should look like this:

Screenshot-125.png


Now go to Actions. If it does not appear, press ALT + F9 or Window> Actions

If you installed the Action correctly it should look like this:
Screenshot-113.png

Depending on your Photoshop version , select the first or second option. [Note. Both are the same]

After selecting we click on "Play"
Screenshot-114.png


After a few seconds a window will open where you have to enter one of the desired effects from the "Energy Effects" folder.
We choose Large Linear for this tutorial, you can discover the others later
Screenshot-115.png



Select another folder from 1-29 depending on your preferences. I chose 12 in this tutorial.
Then select the first frame in the folder and open.
Screenshot-116.png


Now we have the animation ready made in our Photoshop
Screenshot-117.png

Press CTRL + T and resize and position according to preference.
After we are satisfied with resizing and positioning.
We should have this at the bottom. [Note: If it does not appear it is activated from Window> Timeline]
Screenshot-118.png



Now click as in the picture below.
Sot05kw.png


And with CTRL + U we will change the color. [Note: You must select the layer as in the picture, otherwise it will not work to change the color]
I chose +25 at Hue. Everyone chooses according to rendering and preference

Screenshot-122.png


Now you should have something like this:
Screenshot-126.png


We are going to save the animation in .GIF format for the animation to work.
Screenshot-123.png


-------------------------------------------------------------------------------------------------------------------------------
And here we can be sure that the Looping Option is selected on Forever.
Screenshot-127.png


Click Save and I'm done.

Result!
MovKqJP.gif
 
Last edited by a moderator:
Top
AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock