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:
 
:iconsilverzlight:
silverzlight Featured By Owner 6 days ago  New Deviant
so cute and very helpful! Thanks for the guide :)
Reply
:iconcharredtoasties:
charredtoasties Featured By Owner Apr 12, 2016  Hobbyist Digital Artist
Thanks this helps a lot! I love the sparkles!!
Reply
:iconbonnietessa:
bonnietessa Featured By Owner Mar 18, 2016  Student General Artist
Thank you so much!
I made: bonnietessa.deviantart.com/art…
Reply
:iconjekjekyll:
JekJekyll Featured By Owner Edited Feb 11, 2016  Hobbyist Traditional Artist
Hello, I wanted to ask you if you can help me, I find your tutorial really inspiring only when I create gif with floating effect, it leaves this white outline thicker at another end like this: jekjekyll.deviantart.com/art/P… do you know how can I get rid of it? 
Reply
:icongasara:
Gasara Featured By Owner Feb 12, 2016
Hiya,
It's because the first layer is still visible when the second layer shows. When you save the image you need to make sure the disposal is set as 'replace' in the drop down box and that you check the box for 'use disposal entered above for all frames' (see section 0.4 in the tutorial). If you save it with those settings it will only display one layer/frame at a time so you won't see the first one under the second.

Hope that helps x
Reply
:iconjekjekyll:
JekJekyll Featured By Owner Feb 15, 2016  Hobbyist Traditional Artist
OMG thanks alot! I fixed it and it works just fine! thanks alot for the tips!!!
Reply
:icongasara:
Gasara Featured By Owner Feb 21, 2016
No problem at all:iconcocoloveplz:
Reply
:iconcuppiegoku:
CuppieGoku Featured By Owner Dec 21, 2015  Professional 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  Student 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 General 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
:iconcocoriniti:
Cocoriniti 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
Add a Comment:
 
×





Details

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

Stats

Views
48,982 (5 today)
Favourites
2,792 (who?)
Comments
170
Downloads
779 (1 today)
×