Shop Mobile More Submit  Join Login
×

:iconhyanna-natsu: More from Hyanna-Natsu





Details

Submitted on
August 11, 2012
Submitted with
Sta.sh
Link
Thumb

Stats

Views
5,225 (1 today)
Favourites
189 (who?)
Comments
71
×

Animation in Pixel Art

Journal Entry: Sat Aug 11, 2012, 9:53 PM


Oh, many people asked for it, so, I'll do ~ i hope that it'll be good, because I'm not good with explanations.

Well. First:
Which the program that I use?
Gimp 2.8 (you can download it in the site, it's free! www.gimp.org/downloads/ )
But you can use Photoshop too, because GIMP looks like with Photoshop, but it's free, more simple and more "light".

I'll explain of a mode that is possible make in Photoshop or GIMP, not much detailed, I wait that you know the basic of the program.

Ah! Have many many patience >//<
The images about what I saying are in the right of the text.

:bulletblue: Start with a document of size 100x100 px.
And create a "border" (in other layer) with the size 50x50 so you know that your pixel art is in the size correct.

:bulletblue: Now you can make the sketch with the pencil tool. Is good if you have some reference, or know how you want do it.
References¹ that I recommend I'll put in the end of the "tutorial".

:bulletblue: Right, start the lineart in a new layer. I do it with the correct colors, not only black or one unique color, if the hair is green, the lineart of hair is dark green.
And oh yes, without clothes.
The eyes will to blink, so, I make in a separate layer. And yes, I love do it, so is the first thing!

:bulletblue: Start the coloring. I LOVE IT ~nyaa
Basic colors first! I use many layers for do all, so, yes, the skin is in a layer and the hair is in other.

:bulletblue: Shading. I make it in wrong mode x) not is real pixel art, is only "beautiful" pixel art.
For correct mode, see tutorials, like this: Pixel Art Tutorial - Human and luvpixel Pixel Art Tutorial.
For shadows, I select the color, and use the brush tool, with lights are the same, but with a light color,  and finally little white points with pencil tool.

:bulletblue: For finally, darken or lighten the lineart when is necessary and add a white stroke with 1px (also in a new layer,  bellow of all). - I correct little problems in this part.

:bulletblue: And save the finished image without the white background, and cut the image for the correct size (50x50px)
Now how I animate this in GIMP
For how animate in Photoshop see here: fav.me/d3iz0mj
:bulletpink: Now, duplicate the layer of eyes. Hide the first layer of eyes and redraw the eyes and save the image with different name (I use "1", "2"...). Thus:


:bulletpink: Make more two versions (in other two layers), so you will have four images:


:bulletpink: Animate now! :la: Open the four images in a new document. Right?
Ok, now, put the milliseconds in the layers, thus:

You can see she's blinking in the menu Filters > Animation > Playback
"But she's blinking much... mechanical and blergh D:"
No problem ^w^
Duplicate some layers, and change the velocity, and TADAM she's blinking much better! See:

Click in the Gumi for see how many layers I use.

:bulletpink: Exportation and optimization.
You need export as a animated gif:

But the deviantART don't accept for avatar gif with more 15KB ¬_¬'
So you need optimize this! In the same menu Filters > Animation > Optimize (for GIF) and save again as a animated gif.
Gumi was 27,3 KB now is 5,1 KB!

Finished! :iconknittingpandaplz:
You should have many questions for me, I KNOW I explain VERY BAD D: ask whatever you want >//<

I hope it helped you, and thanks!


¹ Good references:
:iconorichie: :icongetanimated: :iconicy-rain: :iconmelodeiia: :iconxx-kk-xx: :iconthe-fry-bat:

Add a Comment:
 
:iconcindymad:
CindyMad Featured By Owner Jun 28, 2014  Student General Artist
the link that has the gimp 2.8 download has an error :(
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Jun 28, 2014  Student General Artist
just search in the google "gimp" the first link is for the official website ^^
I'll change the link, thanks anyway :3
Reply
:iconcindymad:
CindyMad Featured By Owner Jun 28, 2014  Student General Artist
can you make a video tutorial on this? im sorry its kinda confusing Froggy Emoji 01 (Confused or Lost Frog) [V1] 
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Jul 13, 2014  Student General Artist
Ehhh sorry but no D:
Reply
:iconafarmaant:
AFarmaant Featured By Owner Mar 16, 2014  Hobbyist Digital Artist
Can you link to the theme you use in GIMP? It looks really nice!
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Mar 16, 2014  Student General Artist
Oh sorry but isn't a theme for the GIMP, I was using Linux Mint owo
Reply
:iconafarmaant:
AFarmaant Featured By Owner Mar 16, 2014  Hobbyist Digital Artist
that's ok! Thanks for replying!
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Mar 16, 2014  Student General Artist
No problem ^^ 
Reply
:iconinkuu:
inkuu Featured By Owner Nov 9, 2013  Student Digital Artist
; u ; ah, ty! <3 i realy needed this ; A ;
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Nov 9, 2013  Student General Artist
No problem ^^
Reply
:icondo7anii:
Do7anii Featured By Owner Feb 20, 2013  Hobbyist Digital Artist
I LOVE YOU!!! :la: THANK YOU!!
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Feb 21, 2013  Student General Artist
haha no problem dear~
Reply
:iconinilixamanga:
InilixaManga Featured By Owner Jan 18, 2013
Thank you for this helpful tutorial!
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Jan 18, 2013  Student General Artist
Aww the pleasure is mine dear :heart:
Reply
:iconxxmiki-tamaxx:
xXMiki-tamaXx Featured By Owner Jan 14, 2013  Student Digital Artist
Thank you so much x)!
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Jan 14, 2013  Student General Artist
The pleasure is mine :3
Reply
:iconmikriluna:
Mikriluna Featured By Owner Dec 29, 2012
when drawing a pixel chibi, do you have set dimensions, or do you just just any width and height you want, then shrink????
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Dec 29, 2012  Student General Artist
No, I always do in the correct size, only the icon that I make in 100px and when I finish I cut for be 50px, never I shrink or resize the pixel art.
Reply
:iconsyonan-to:
Syonan-To Featured By Owner Dec 25, 2012  Student Artist
did u figure out how to use GIMP by yourself ?
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Dec 26, 2012  Student General Artist
Oh yes ^^ the same with Inkscape (a vector program, I used it when I drawable with mouse. For do lineart).
Not is hard for learn how use it =3
Reply
:iconsyonan-to:
Syonan-To Featured By Owner Dec 16, 2012  Student Artist
Do you use a mouse to draw or a drawing tablet?
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Dec 16, 2012  Student General Artist
In this tutorial and all drawings that I posted so far I did with mouse ^^
Pixel art is very easy do without tablet :3
Reply
:iconsyonan-to:
Syonan-To Featured By Owner Dec 16, 2012  Student Artist
i can't really control the mouse properly......
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Dec 16, 2012  Student General Artist
Well, I use mouse for 4 years, not is possible be good without train ^^
Reply
:iconshiver-me-tibbers:
shiver-me-tibbers Featured By Owner Oct 16, 2012
This is a wonderful tutorial! ^^
Maybe I'll try and let you see how it comes out hehe.
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Oct 17, 2012  Student General Artist
Aww I'm glad that you liked *w*
Try! I very good if you only try~ good luck!
Reply
:iconshiver-me-tibbers:
shiver-me-tibbers Featured By Owner Oct 17, 2012
I failed so bad ;__;
see: [link]
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Oct 18, 2012  Student General Artist
Ohh, not is bad!
You only need do one pause in the blinking, and the head more like a circle, and all was be okay :squee:
Reply
:iconshiver-me-tibbers:
shiver-me-tibbers Featured By Owner Oct 18, 2012
Aww thank you >//<
I just wish I coul pixel like you *0* :heart:
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Oct 18, 2012  Student General Artist
You're welcome :meow:
awwww My avies are not very good... I'm learning yet ^^'
Reply
:iconshiver-me-tibbers:
shiver-me-tibbers Featured By Owner Oct 18, 2012
I love them :3 !
I'm sure with more practice you'll be a super amazing pixel artist :hug: :heart:
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Oct 18, 2012  Student General Artist
Nyaa!
yes yes, I want practice much much yet *W*
Reply
:iconshiver-me-tibbers:
shiver-me-tibbers Featured By Owner Oct 17, 2012
Thank you :3 !
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Oct 18, 2012  Student General Artist
you're welcome
Reply
:iconmewberry-chan:
Mewberry-Chan Featured By Owner Sep 24, 2012  Student Digital Artist
thank you so much for this :D, I am going to give it a go later, and thank you for the references too, I am bad at looking for some XD
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Sep 24, 2012  Student General Artist
Oh, no problem ^^ you're very welcome... I tried do a good tutorial, and I'm glad that some person liked ^^
Reply
:iconmewberry-chan:
Mewberry-Chan Featured By Owner Sep 24, 2012  Student Digital Artist
:iconrubcheeksplz: best tut ever :D
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Sep 24, 2012  Student General Artist
that good! :iconknittingpandaplz:
Reply
:icongalaizo:
galaizo Featured By Owner Sep 22, 2012  Hobbyist General Artist
I like the tutorial using journal way, keep going !!
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Sep 22, 2012  Student General Artist
Oh yes, in journal is more practical... and more legible too =3
Reply
:icongalaizo:
galaizo Featured By Owner Sep 22, 2012  Hobbyist General Artist
Can I request, a tutorial about Full body pixel character ?
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Sep 22, 2012  Student General Artist
Ahh, only if I have time, but today no... Many commissions for to do.
But can learn with others tutorials: [link] [link] [link]
good luck!
Reply
:icongalaizo:
galaizo Featured By Owner Sep 22, 2012  Hobbyist General Artist
Thanks a lot :)
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Sep 22, 2012  Student General Artist
no problem ^^
Reply
:iconceramicstar7:
ceramicstar7 Featured By Owner Sep 18, 2012
oh my god QwQ
thank you so much QwQ
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Sep 18, 2012  Student General Artist
haha, you're welcome honey =3
Reply
:iconiidolphinx3:
iiDolphinx3 Featured By Owner Aug 21, 2012
u drew it all in gimp 2.8 program?
Reply
:iconhyanna-natsu:
Hyanna-Natsu Featured By Owner Aug 21, 2012  Student General Artist
Pixel art yes =3
Reply
:iconiidolphinx3:
iiDolphinx3 Featured By Owner Aug 22, 2012
i got a problem, i duno how to use the program :iconheplz:

//fails
Reply
Add a Comment: