Thank you so much for answering my question. The animations like the ones you have in your Ben Barnes gallery catch my eye (that would be the third avatar). The animations of Lee Dong Wook's avatars too. The first one above is beautiful. Have an excellent day <3
Hello again dear anonymous person!
Well, it's nothing fancy, but I made a short video. I recorded the steps to make this kind of animation! I hope it helps you! Unfortunately, my Photoshop is in French. But here are the steps will be available bellow the video :
1) You have to open your avatar (jpg or png) in Photoshop. > I like to use one that is already styled. I just need to add the animation.
2) Create a folder (I named it ANIM) in your layers panel. > This step is optional, but I like to do it to keep everything clean and easy to find.
3) Create your first empty layer in the folder, name it clearly. > I choose 1 because it'll be my animation's first frame.
4) Draw the elements you want in your animation with the pen tool in the color of your choice. > Here I choose the rough shapes of the flowers
5) Create a new layer in your anim folder and draw the second frame of your animation. > In this step I like to keep the old layer visible so I can see where I put my first animation layer. This is optional.
6) Repeat step 5 and create a third layer for the animation. > I like to do 3 to 5 layers, depending on the animation I decided to do, but nothing more to make them really light.
7) When all your layers are done with drawing, hide them all with the little eye in the layer panel.
8) Open the Timeline window. > If it's not already open, you can find it in the "Window" menu of your Photoshop) and make sure you have the "Frames" selected (if you see a timeline, you're not in the right mode, you can easily change it by selecting the 3 little squares at the bottom of the window).
9) You should have an existing frame once you are in the timeline mode. If not, click on "create frame animation".
10) Then click on the little [+] button at the bottom to add a frame near the trash. If you have 3 layers, make sure you have 3 frames
11) Select all 3, then click on the 0s and choose 0.1s (this will control the duration of the frame animation)
12) Select your first frame > then make your layer 1 visible. // Select your second frame > then hide your layer 1 and make your layer 2 visible. // Select your third frame > then hide your layer 2 and make your layer 3 visible.
13) Then you can "save for web" and play your gif to see if you like it!
Again I hope this helps! Enjoy your creation time! May you make a lot of nice things that makes you happy!
