Shop Mobile More Submit  Join Login
Pixel Art Tutorial - Animation for Beginners by Gasara Pixel Art Tutorial - Animation for Beginners by Gasara
Here we have the second part of my pixel art tutorial series. We're taking a quick look at animation this time so you can make all of your pixel art, well, animated. Again, this tutorial is made for people who have not yet attemped any kind of animation so it might not be of much use to those of you who have already dabbled.

Here are all the Snuffles icons made during this tutorial. Below them are a couple of other examples of how you can use the animation effects explained here.




As always, thanks for reading ♥

--

--> Pixel Art: Basics for Beginners
--> Pixel Art: Animation for Beginners

Next tutorial: Pixel Art Tips & Tricks

--

I'm posting this tutorial up as part ofGasara's Birthday Celebration Contests. Hopefully some of you will be able to join me in making March pixelicious and joyous!
Add a Comment:
 
:iconcuppiegoku:
CuppieGoku Featured By Owner Dec 21, 2015  Hobbyist Digital Artist
Oh my gosh thank you so much for this!
i was having a hard time trying to make the gif clean and this helped a lot! <333
Reply
:iconlunangel07:
Lunangel07 Featured By Owner Nov 7, 2015  Hobbyist
Thank you <333
Reply
:iconseveyne:
Seveyne Featured By Owner Oct 16, 2015
Congratz and thank you for your tutorial.
Cute ! ♥

I think try too.
Reply
:iconberinthia:
Berinthia Featured By Owner Sep 8, 2015  Hobbyist Digital Artist
Im gonna try this.
Reply
:icontulipano90:
tulipano90 Featured By Owner Aug 4, 2015  Hobbyist General Artist
Thanks for this tutorial! I'll try to draw a bunny >.<
Reply
:iconcherie-stenson:
cherie-stenson Featured By Owner Jul 13, 2015  Hobbyist Photographer
Neko Girl-13 (Fangirling Sparkles) [V1] thanky
Reply
:icondemon-mizuki:
Demon-Mizuki Featured By Owner Jul 10, 2015  Hobbyist Digital Artist
Arigato Gozaimasu~~ This helps so much!!
Reply
:icongallinaceus:
Gallinaceus Featured By Owner Jul 6, 2015  Student Traditional Artist
One of the best tutorials I know! Thanks Mr Snuffles! Oh and you too Gasara! Clap 
Reply
:iconcoconuttycupcake:
coconuttycupcake Featured By Owner Jun 29, 2015  Hobbyist Digital Artist
this is a great tutorial!
Reply
:iconsweetsweetsunshines:
sweetsweetsunshines Featured By Owner May 27, 2015  Hobbyist General Artist
thank you so much ^^ most of the animation tutorials are for Photoshop so this was helpful for a gimp-user like me
Reply
:iconfoxymarie:
Foxymarie Featured By Owner May 5, 2015
YESH.  i finally made de bouncy :DFoxy's Booty Dance (Chat Icon)  now.. GONA TRY ALL!!GIF My Little Pony - But I didn't listen! Markiplier's Epic Dance! 50x50 Gif 
Reply
:iconlordnibu:
LordNibu Featured By Owner Apr 27, 2015  Hobbyist General Artist
danawolf.deviantart.com/art/Ko…

Thanks, I learned a lot, 
Here is what I made, My first pixel. 

I made it using my mouse so it's not 100% :P
Reply
:iconsystemfailure99:
systemfailure99 Featured By Owner Apr 18, 2015  Hobbyist General Artist
Thanks for posting this up! I have GIMP so this is one thing on my list that I will have to try out.
Reply
:iconxxghostlyscythexx:
XxGhostlyScythexX Featured By Owner Apr 6, 2015  Student Digital Artist
Thank you so much c: this is really helpful
Reply
:iconiso1979:
iso1979 Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
I will try this. Thanksss
Reply
:iconrainhealsme:
Rainhealsme Featured By Owner Mar 23, 2015  Student Digital Artist
I just your tutorials! Simple and easy to understand as always!
Reply
:iconakatsukifila112:
akatsukifila112 Featured By Owner Feb 15, 2015  Hobbyist General Artist
love your tutorials, they're so helpful!!!

I used your tutorials in my first two pixel sprites
akatsukifila112.deviantart.com…
Reply
:icongladiatore79:
Gladiatore79 Featured By Owner Jan 27, 2015   Digital Artist
Congratulations great job !! Sent you to add your work in my group, thank you: game-art-pixel.deviantart.com/
Reply
:iconakujitheron:
AkujiTheron Featured By Owner Jan 2, 2015  Hobbyist General Artist
eh. i try to save my floating icon but after i choose the GIF image when im exporting it, the second pop-up for the settings does not come up and so it doesn't work .-. idk what to do
Reply
:iconchikaetchiko:
chikaetchiko Featured By Owner Dec 24, 2014  Hobbyist Digital Artist
Ehehe Sorry to ask But, which Format do we Save this as v.v i had trouble with this and Couldn't really get my Pixel icon to Animate since i do not know the Format >w<
Reply
:iconviolet-flowers:
Violet-flowers Featured By Owner Nov 1, 2014  Hobbyist Digital Artist
Thank you so much for your help! I am pretty alright with Animations and pixel art but I always have trouble with the layers overlapping, now I know I have to use the replace setting. i58.tinypic.com/6gkgm0.gif
Reply
:iconacelemigain:
AceLemigain Featured By Owner Oct 12, 2014  Hobbyist Digital Artist
Ye! thanks! helped with my profile picture xD
Reply
:iconvalwyrie:
valwyrie Featured By Owner Sep 6, 2014  Hobbyist General Artist
This is going to be so helpful when I finally attempt pixel art! Thank you!!
Reply
:icongasara:
Gasara Featured By Owner Sep 7, 2014
You're welcome!
Reply
:iconcaptinshadymcbutts:
CaptinShadyMcButts Featured By Owner Sep 2, 2014  Hobbyist Digital Artist
THANK YOU
Reply
:icongasara:
Gasara Featured By Owner Sep 7, 2014
You're welcome, m'dear!
Reply
:iconcaptinshadymcbutts:
CaptinShadyMcButts Featured By Owner Sep 7, 2014  Hobbyist Digital Artist
uwu
Reply
:iconiluvcupquake:
iluvcupquake Featured By Owner Aug 28, 2014  Hobbyist General Artist
So helpful! ^u^
Reply
:icongasara:
Gasara Featured By Owner Sep 7, 2014
:hug:
Reply
:iconsassyjazzy25:
sassyjazzy25 Featured By Owner Aug 22, 2014  Student General Artist
OMG THANK YOU!!!!!!!!!!!
Reply
:icongasara:
Gasara Featured By Owner Aug 23, 2014
You're welcome!
Reply
:iconunionrags123:
UnionRags123 Featured By Owner Aug 17, 2014  Hobbyist Artist
how do you view it as an animation?
Reply
:icongasara:
Gasara Featured By Owner Sep 7, 2014
You can preview your animation by choosing the following menu options:

Filters > Animation > Playback
Reply
:iconsassyjazzy25:
sassyjazzy25 Featured By Owner Aug 22, 2014  Student General Artist
After you save it go to that picture in your libraries and double click on it
Reply
:iconsiimplyowl:
SiimplyOwl Featured By Owner Jul 13, 2014  Hobbyist General Artist
Hi! The tutorial was fantastic! Thank you for posting this. :iconluvluvplz: I just have a few questions. c:
Would you happen to know how I get it to not make me put up a preview image? I see that Snuffles there doesn't need one. :"D. Also, what category should I put the animation under? Whenever I choose a specific one, it says that the category I chose doesn't allow 'this type of deviation'. ^-^;
Thanks! 
Reply
:icongasara:
Gasara Featured By Owner Jul 13, 2014
Hello, my dear!

You will be asked to provide a preview image if your pixel art is larger than 150px either in length, width, or both. This is just the way deviantART works. If your image is smaller than that then it might be asking you to provide one due to the category settings. I always post my pixel art in the following category: Digital Art / Pixel Art / Other / Non-Isometric

Hope that helps!
Reply
:iconsiimplyowl:
SiimplyOwl Featured By Owner Jul 13, 2014  Hobbyist General Artist
Ah okay! I see. Do you have any tips for getting pixel art under 150px? I'm not too sure how to make sure it is. cx.
And thanks! I'll write down the categories. :iconfoxyayzplz:
Reply
:icongasara:
Gasara Featured By Owner Jul 13, 2014
Depending on what software you're using you should be able to check the size of your canvas with the image properties or canvas size options. These can usually be found under the File or Image option in your software's menu. You should be able to change your canvas size with one of the options around there too if you need to.

The easiest way to make sure your image is always small enough is to set your canvas size when you start a new image. You are given this option whenever you start a new file. If you set the height and width to 150px at that point then you'll know that as long as your image is within the canvas it won't need a preview image. You can crop the canvas down at the end if your image is smaller than the canvas size to remove any empty space around your pixel art. :D
Reply
:iconsiimplyowl:
SiimplyOwl Featured By Owner Jul 13, 2014  Hobbyist General Artist
Okay thanks! I'll try it out. ^-^. 
Reply
:icontaynime:
taynime Featured By Owner Edited Jul 7, 2014  Student Digital Artist
How do I use images that I created in another art program and this it in gimp?
Reply
:icongasara:
Gasara Featured By Owner Jul 12, 2014
You can use your images easily. Just open Gimp, go to >File, then >Open and find the image you want to use. This will be the first frame in your animation. If you want to add more images as the following frames of an animation simply go to >File, then >Open as Layers...
Reply
:iconb3b2b1:
B3B2B1 Featured By Owner Jun 17, 2014  Student Artist
this helped me alot thank you :D
Reply
:iconmiku20200:
miku20200 Featured By Owner Jun 4, 2014  Hobbyist Digital Artist
thanks
Reply
:iconxxask-mossstarxx:
xXAsk-MossstarXx Featured By Owner May 30, 2014  Hobbyist General Artist
Can you make this tutorial for Photoshop CC? The export doesn't show that screen. It has three options:

1. Paths to Illistrator
2. Render Video
3. Zoomify
Reply
:iconsophiagreengirl:
Sophiagreengirl Featured By Owner Apr 29, 2014  Student General Artist
Wow, thanks for posting me the title of the pixel art animation tutorial thing!
Reply
:iconskittlefuck:
skittlefuck Featured By Owner Mar 27, 2014   Digital Artist
This is really helpful but I've ran into some problems. Whenever I try animating in GIMP the frame delay (100ms for example) never shows up on my layers and secondly when I export I don't get any options such as shown in the fourth pic in this tutorial, it just exports it without asking anything else. Do you know how I would go about fixing that?
Reply
:iconillusionarycompass:
illusionarycompass Featured By Owner Feb 23, 2014  Hobbyist Digital Artist
ohmygod this has helped me out so much thankyouthankyouthankyou
:happybounce: 
Reply
Add a Comment:
 
×




Details

Submitted on
March 4, 2013
Image Size
271 KB
Resolution
700×5346
Link
Thumb
Embed

Stats

Views
46,260 (20 today)
Favourites
2,711 (who?)
Comments
163
Downloads
734
×