Resources and Support
 Pixel Joint Forum : The Lounge : Resources and Support
Message Icon Topic: Pixel art animation Post Reply Post New Topic
Author Message
Eggy
Commander
Commander
Avatar

Joined: 01 October 2020
Online Status: Offline
Posts: 354
Quote Eggy Replybullet Topic: Pixel art animation
    Posted: 14 October 2013 at 4:00am
I saw a good number of animated pixel art stuff. I really like them.
This makes me ask myself:"How do they do that? What are their methods?"
I did find one pixel art animation tutorial (I think) which helped me a bit, but I have the feeling that I'm lacking something that makes me unable to make animated pixel art stuff; it may probably be a certain tool or something, but other than that, I can't really put my finger on it.
Basically, what I'm asking for is what I've been asking myself; how do pixel artists do animated pixel art and/or what are their methods. It would also help if you could suggest a great tool for such :)
IP IP Logged
jalonso
Admiral
Admiral
Avatar

Joined: 29 November 2022
Online Status: Offline
Posts: 13537
Quote jalonso Replybullet Posted: 14 October 2013 at 5:24am
The app you use is up to you and maybe testing several to find the right one for you is a good idea.
There is no 'secret' to animation other than you should find a way to see the action as frames in your mind as you plan any animation. Use refs, make your own sketches, video action to see movements...whatever it takes.
In pixelart animations sometimes you just imply the action/movement more than actually pixel it.
IP IP Logged
yrizoud
Commander
Commander
Avatar

Joined: 03 May 2021
Location: France
Online Status: Offline
Posts: 343
Quote yrizoud Replybullet Posted: 14 October 2013 at 6:32am
Stickman's interview shows the intermediate steps of some of his works.
IP IP Logged
greenraven
Commander
Commander
Avatar

Joined: 08 September 2016
Online Status: Offline
Posts: 2598
Quote greenraven Replybullet Posted: 14 October 2013 at 9:18am
MSpaint and unFreeze. It ain't, it doesn't need fixin', and I'm too poor/lazy to find something fancy.

So don't feel like you NEED fancy tools to pull it off. They help, but you can get the job done with the bare basics too.

As for the actual process: Trail, error, and learning. Watch a movie, an anime, or just simply play around with toys. Look at them, study them, see how they react. A lot of art isn't the creation of something new, but an imitation of something that already exists.

For me personally animation is the easy part. My biggest challenge is creating the base, Frame 00. Once I get that down the rest is a breeze.



If you break down this animation for analysis it's very simplistic. There was absolutely nothing hard about any of the individual steps. One minor edit after another.

If you're serious about animation then start small. Don't make a piece with the intention of animating it. Make a piece and THEN add animation to it as a bonus. It all comes down to a mindset. Don't look at the piece as a whole as a mountain to climb, but rather each of the individual steps you need to get to the peak.

"pwnage comes with patience, practice and planning." ~ Jalonso   
IP IP Logged
Pringles
Seaman
Seaman
Avatar

Joined: 19 October 2013
Online Status: Offline
Posts: 16
Quote Pringles Replybullet Posted: 22 October 2013 at 9:12pm
Anybody on a Mac? If so what are you using? I'm using pixen on my intel laptop, but I haven't found anything with animation for my PowerPC mac yet. Not going to photoshop though because of cost.
IP IP Logged
r1k
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 336
Quote r1k Replybullet Posted: 23 October 2013 at 3:44am
tldr: sketch out your frames first and make sure the timing and motion is good before you dive into the actualy pixeling.

one thing that helped my animation process was to start by drawing out the key frames first, rather than just drawing all the frames in order.  You can just roughly draw out all the key frames then duplicate them to figure out the timing. 

for example if the animation goes kf1 f2 f3 kf4, then start with frames 1 and 4.  Then if you duplicate frame 1 so that its there three times and play the animation you get a quick sense of how much time there is between frame 1 and 4, even if theres no motion (or maybe you then realize there only needs to be 1 frame inbetween, or 3)

Then you can start sketching out the inbetween frames, and keep making sure the timing looks right before you go in and do all the pixeling.  It sucks when you pixel a bunch of frames and at the end you realize all the extra frames make the motion feel too slow so you have to cut them out.

well I guess thats just more generic animation advice than pixel specific though.  And Im just an amature so better animators may disagree with my exact approach but I think starting with key frames is a pretty universally aknowlaged approach.
IP IP Logged
jalonso
Admiral
Admiral
Avatar

Joined: 29 November 2022
Online Status: Offline
Posts: 13537
Quote jalonso Replybullet Posted: 23 October 2013 at 5:51am
@Pringles, there are better apps in the app store for pixelart than Pixen which crashes often. Many for free.
Photoshop Elements is real cheap and can animate and Adobe has CS2 for free as a download available.
All these links are in PJ in the forum or the main links page. Run a search.
IP IP Logged
yrizoud
Commander
Commander
Avatar

Joined: 03 May 2021
Location: France
Online Status: Offline
Posts: 343
Quote yrizoud Replybullet Posted: 23 October 2013 at 6:40am
Adobe has CS2 for free

Well, not really; it was misundertanding that was very widely broadcast. "The serial numbers provided as a part of the download may only be used by customers who legitimately purchased CS2 or Acrobat 7 and need to maintain their current use of these products."
Consider it like any abandonware.
IP IP Logged
Pringles
Seaman
Seaman
Avatar

Joined: 19 October 2013
Online Status: Offline
Posts: 16
Quote Pringles Replybullet Posted: 23 October 2013 at 11:40am
Thanks for the tip on CS2. So far I've been using the pre-release of pikopixel which is awesome but lacks animation.

I only really ran a search on google and pixen was near the top and given as a free download. I'm not sure if it was supposed to be free or if somebody just pirated it... Either way it crashes too much and is intel only.

Really I'm more looking for PPC stuff, I'll run a search on the forum...
IP IP Logged
Kyata
Seaman
Seaman
Avatar

Joined: 12 December 2017
Online Status: Offline
Posts: 7
Quote Kyata Replybullet Posted: 30 October 2013 at 7:01am
@r1k: Yes, that's a good method. Or, actually THE method to animate. I personally find the animation part harder than the pixeling part, but it depends on how complicated your animation and your pixel art style is.
As for programs, choose one with onion skin if you want to make an impressive animation. I know you can get a fake onion skin with photoshop too, but why making it so complicated when there are free programs which already have that? Also I remember the timing in photoshop animation is very weird, when I see photoshop animations they are almost all weirdly slow, which confirms that.
IP IP Logged
Post Reply Post New Topic
Printable version Printable version

Forum Jump
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum