Jump to content

Photo

How to view and make animated avatars/APNG's


  • Please log in to reply
10 replies to this topic

#1 MosesChen

MosesChen

    Member

  • Members
  • PipPip
  • 342 posts
  • Badge

Posted 12 August 2013 - 16:23

Some people have asked about how avatars are animated and why they can't see them. Here is some information on APNG's.

 

APNG's are .png image files that are animated, like .gif files.

 

I personally use APNG Anime Maker, but there is other software out there.

APNG Software:

1. RealWorld Paint: http://www.rw-design...om/image-editor

2. VirtualDub APNG Mod: http://vdubapngmod.sourceforge.net/

3. APNG Anime Maker: https://sites.google...png-anime-maker

4. Japng Editor: https://www.reto-hoehener.ch/japng/ (Requires Java)

5. GIF Movie Gear: http://www.gamani.com/apng.htm

6. gif2apng: http://gif2apng.sourceforge.net/ (Converts .gif files into animated .png files)

7. apng2gif: http://apng2gif.sourceforge.net/ (Converts animated .png files to .gif files)

8. APNG Optimzer: http://sourceforge.n...APNG_Optimizer/ (Optimizes existing APNG's)

9. TweakPNG: http://entropymine.com/jason/tweakpng/ (Can modify APNG's)

Source and read more here: http://littlesvr.ca/apng/

 

Browser Support:

Firefox: Supported

Edge: Supported

Chrome: Supported

Opera: Supported

Safari: Supported

Internet Explorer: Not supported

Based on latest versions of the browser. May not be supported if you are using an older version.

Source and more information at: https://caniuse.com/apng

 

Plug-ins:

GIMP: http://registry.gimp.org/node/24394

Paint.NET: http://www.isimonbro...uk/plugin-pack/

 

My Tutorial:

(Click the link to get to the full size image. Viewing the image won't work as it's just a thumbnail.)

AnimatedAvatarTutorial_zpsffa4ff5c.png?t

This was just some simple opacity changing with lightning for example. You can do things like movement, rotation, and more. Sometimes if you make more complex animations, use Apply Image to capture each frame as it's own layer and then show/hide them accordingly.

 

Here since it was simple rotation, I just had different layers of the rasenshuriken that I would show/hide each frame:

Lerijs13_zps5a7a385b.png

Here since it's skewed and I changed some other things, I applied the image each time I wanted a different frame and just showed/hid those layers accordingly:

Lerijs13_zpsbb2b2568.png?t=1376494312
It's the same concept, just on a different scale. Sorry if I'm just confusing you, ignore me :P.

 

Result:

TutorialFinal_zpsff16b9bf.png?t=13765241


Edited by MosesChen, 24 July 2023 - 03:21.

MosesChen4_zpsf20413de.gif?t=1375701812

Visit my GFX shop! :)


#2 dragon1314

dragon1314

    Member

  • New Members
  • PipPip
  • 226 posts

Posted 13 August 2013 - 15:35

Thanks for putting this up. Thx for sharing mate!


2mi.png


#3 MosesChen

MosesChen

    Member

  • Members
  • PipPip
  • 342 posts
  • Badge

Posted 13 August 2013 - 15:55

You're welcome! I might add an image tutorial to show what the steps look like. I hope this is helpful for people.


MosesChen4_zpsf20413de.gif?t=1375701812

Visit my GFX shop! :)


#4 MosesChen

MosesChen

    Member

  • Members
  • PipPip
  • 342 posts
  • Badge

Posted 14 August 2013 - 23:54

Alright guys, my tutorial is finally up. Wow that took a while to make. I hope it's useful for you guys :).


MosesChen4_zpsf20413de.gif?t=1375701812

Visit my GFX shop! :)


#5 Quorthon13

Quorthon13

    Member

  • New Members
  • PipPip
  • 166 posts

Posted 16 August 2013 - 01:33

Maybe if we could see the tutorial :P it would be good



#6 MosesChen

MosesChen

    Member

  • Members
  • PipPip
  • 342 posts
  • Badge

Posted 16 August 2013 - 01:44

Hmmm it reverted back to it's small form. I'll update it.

 

EDIT: Moved the file to Dropbox for more stability. When you click on the thumbnail, it should bring you to the full sized picture.

 

EDIT 2: Thanks for letting me know :).


MosesChen4_zpsf20413de.gif?t=1375701812

Visit my GFX shop! :)


#7 Quorthon13

Quorthon13

    Member

  • New Members
  • PipPip
  • 166 posts

Posted 16 August 2013 - 19:41

No prob.

EDIT:Get this when i try to go on your Tutorial

lockbox.png Error (403)

It seems you don't belong here!



#8 MosesChen

MosesChen

    Member

  • Members
  • PipPip
  • 342 posts
  • Badge

Posted 16 August 2013 - 19:55

Dang, I guess only I can view it like that. Alright, I'll change to another host.

deviantART should definitely work haha, I've seen other sig tutorials and such on dA. I don't know why I didn't go there first.

 

Thanks for all the feedback quorthon13! I wouldn't have known about the problems without your help since I can access all the files fine, but other people cant.


MosesChen4_zpsf20413de.gif?t=1375701812

Visit my GFX shop! :)


#9 drdoom123

drdoom123

    Veteran

  • Members
  • PipPipPip
  • 776 posts
  • Badge

Posted 02 September 2013 - 16:51

nice


2u3y71v.png

 

Eldevin

drdoom123 - lvl EOC

AWhiteGuy - lvl EOC

Lowko - lvl 18 Ranger

 

Fallensword: drdoom123 lvl 824


#10 MosesChen

MosesChen

    Member

  • Members
  • PipPip
  • 342 posts
  • Badge

Posted 03 December 2013 - 05:42

Boo. I'm back for a bit.

 

Does anyone still need this? Also, if anyone has suggestions for improvements or anything just let me know.


MosesChen4_zpsf20413de.gif?t=1375701812

Visit my GFX shop! :)


#11 zeder

zeder

    Veteran

  • Members
  • PipPipPip
  • 1,098 posts
  • Badge
  • United States of America

Posted 04 December 2013 - 13:05

I liked this very much..........


ZederGift_zpsa47e7c25.png by Chagryn



0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Font:
Arial | Calibri | Lucida Console | Verdana
 
Font Size:
9px | 10px | 11px | 12px | 10pt | 12pt
 
Color: