Shop Mobile More Submit  Join Login
Pixel Tutorial by Riukkii Pixel Tutorial by Riukkii
:new: Added a FAQ list~

F.A.Q.
♦ Q: How do you make the background transparent in SAI?
A: When you save as .png a window should pop up. It will look like this:
Png by Riukkii 
You have to select the second option and then hit ok.

♦ Q: The window with the .png options doesn't appear.
A: If that window doesn't pop up, you may have to update your SAI. Older versions don't support transparency (32bbp).

♦ Q: Do you work in one layer?
A: No, I use different layers for lineart, base colors and shading.

♦ Q: How do you recolor the lineart?
A: You should keep the lineart in a separated layer. To color it, just lock the opacity of the lineart layer and color with a darker color than the shading.

♦ Q: I can't make an eraser brush that's binary.
A: Don't use the eraser tool. Instead set a new binary tool and change the opacity from the predetermined settings to 0.

♦ Q: Does only SAI have a binary tool?
A: No, Photoshop pencil tool or MSPaint pencil are the same as the binary tool.

---

Edit - I have the spanish version of SAI so the tools and settings were in spanish too. I downloaded the english ver and took new screenshots of the toolbar, now you have the tutorial entirely in english hehe xD Also corrected some writing mistakes ;;

---

Huge file! > A <

Okay, this is a tutorial basically of how I pixel everything. That chibi is a bit old, I've improved a little since then but it's a simple character and I think it's easier to understand the tutorial that way.
The image of the chibi used here is enlarged.
Here's the original: Kouki by Riukkii

If you have any questions feel free to leave a comment, I'll try my best to answer them~ 
Oh and if you find any grammar/spelling mistake please tell me ;; hehe

Featuring some guides about the basics of pixel art:
Pixel Art Tutorial- What the heck is pixel art? v1 by Pix3M Pixel Blending + Shading Tips by BluE3 DO's and DON'Ts Guide for Pixels-Unlimited! by Drache-Lehre

Also you should read this amazing topic about creating pixel art: Topic: The Pixel Art Tutorial

Please don't copy, edit, repost or reupload this tutorial.
Art and character © Riukkii
Add a Comment:
 
:iconnakuruh:
NakuruH Featured By Owner Jan 27, 2016
Thank you so much! It helped me a lot~ Llama Emoji-23 (Shyness) [V1]

Here is the result: nakuruh.deviantart.com/art/Ann… >w<~ <3
Reply
:iconriukkii:
Riukkii Featured By Owner Jan 28, 2016
Glad to hear that!
It looks so cute! <3 Great job ^^
Reply
:iconcheshlytheepic:
CheshlyTheEpic Featured By Owner Edited Jan 9, 2016  Student Digital Artist
Reply
:iconbluesilverbells:
BlueSilverBells Featured By Owner Jan 4, 2016  New Deviant Hobbyist Digital Artist
Thank chu! Learned a lot from this
Reply
:iconriukkii:
Riukkii Featured By Owner Jan 4, 2016
You're welcome! I'm glad to hear that~ ^V^
Reply
:iconbluesilverbells:
BlueSilverBells Featured By Owner Jan 4, 2016  New Deviant Hobbyist Digital Artist
Umn, if I want to make them move, I mean making it into a GIF, then can I use GIMP?
Reply
:iconriukkii:
Riukkii Featured By Owner Jan 4, 2016
Yes, you can use Gimp for the animation (I cannot help you any further in this because I have never used Gimp to animate) ;v;
Reply
:iconbluesilverbells:
BlueSilverBells Featured By Owner Jan 4, 2016  New Deviant Hobbyist Digital Artist
Yap thanks I ended using an internet gif animator but I think it turned out okay for a first :iconthank-youplz: 
Also also, thanks for the llama-kun 
Reply
:iconbluesilverbells:
BlueSilverBells Featured By Owner Jan 4, 2016  New Deviant Hobbyist Digital Artist
Also btw thanks for the tutorial
Reply
:iconhollow-chan:
Hollow-chan Featured By Owner Jan 3, 2016  Student General Artist
Thank you X3
You helped me make this guy ^w^/
Pixel Birb by Hollow-chan  
Reply
:iconriukkii:
Riukkii Featured By Owner Jan 3, 2016
Ahh really? He looks amazing! *V*
I'm glad my tut was helpful ^^
Reply
:iconhollow-chan:
Hollow-chan Featured By Owner Jan 3, 2016  Student General Artist
Thank you >w<
And it really was ^v^/
Reply
:icontakokat:
TakoKat Featured By Owner Jan 3, 2016   General Artist
THANK YOU I WAS JUST LOOKING FOR A TUTORIAL 
Reply
:iconriukkii:
Riukkii Featured By Owner Jan 3, 2016
You're welcome! ^^ I hope you find it helpful~
Feel free to show me what you make~
Reply
:iconcr3mb-pon-y:
CR3MB-PON-Y Featured By Owner Jan 1, 2016  Student Digital Artist
omf thanks!!
i did one 
Pixel doll by CR3MB-PON-Y
im so proud ;-;
//btw you need to click it xD its just the preview
Reply
:iconriukkii:
Riukkii Featured By Owner Jan 3, 2016
Ahh it turned out really good! Great work ^^
I'm glad my tutorial was helpful <3
Reply
:iconcr3mb-pon-y:
CR3MB-PON-Y Featured By Owner Jan 3, 2016  Student Digital Artist
hnggg thx! ;v;
it was really helpful .3.
Reply
:iconn-i-k-z-n-e-i-l-l:
N-i-k-z-n-e-i-l-l Featured By Owner Edited Dec 5, 2015  Student Digital Artist
ah! i like to do this ---Nahh ill do this later on xD
Reply
:iconninjakrista:
ninjakrista Featured By Owner Nov 28, 2015  Student General Artist
ty
Reply
:icondeathhomework:
deathhomework Featured By Owner Nov 21, 2015  Hobbyist General Artist
hahahaah i need the spanish version of SAI ;-;  
Reply
:iconn-i-k-z-n-e-i-l-l:
N-i-k-z-n-e-i-l-l Featured By Owner Edited Dec 5, 2015  Student Digital Artist
;-;
------HOI IM TEMMIE 
Reply
:iconmaniactenshi:
ManiacTenshi Featured By Owner Nov 9, 2015  Student General Artist
Thank you so much!
Reply
:iconriukkii:
Riukkii Featured By Owner Nov 10, 2015
My pleasure~ I hope you find it helpful ^^
Reply
:iconkamcaramel:
kamcaramel Featured By Owner Nov 2, 2015  Hobbyist Digital Artist
how to change the png option. i dont understand. can you show me how?
Reply
:iconriukkii:
Riukkii Featured By Owner Nov 2, 2015
When you save as .png a window should pop up. It will look like this:
Png by Riukkii
You have to select the second option and then hit ok.

If that window doesn't appear, you may have to update your SAI. I've read that older versions don't support transparency.

I hope this helps! Please let me know if it worked~
Reply
:iconkamcaramel:
kamcaramel Featured By Owner Nov 2, 2015  Hobbyist Digital Artist
ahhh i see... thanks for the information,it works! PeriLa 
Reply
:iconriukkii:
Riukkii Featured By Owner Nov 2, 2015
Glad to hear that! :D
Reply
:iconfangrust:
Fangrust Featured By Owner Oct 31, 2015   Artist
tysm! this helped so much :D
Reply
:iconriukkii:
Riukkii Featured By Owner Oct 31, 2015
My pleasure~ I'm glad to hear that! ^7^
Reply
:iconfangrust:
Fangrust Featured By Owner Oct 31, 2015   Artist
i used thes tips for a contest entry ^^ i cant believe how well it turned out since ive never really done good hair or shading on a person
Reply
:iconstellarburst:
StellarBurst Featured By Owner Oct 26, 2015  Student Digital Artist
I'm confused on how you recolor the lineart?
Reply
:iconriukkii:
Riukkii Featured By Owner Oct 26, 2015
You should keep the lineart in a separated layer. To color it, just lock the opacity of the lineart layer and color with a darker color than the shading~
I hope this helps ^^ If you have any specific question about coloring the lineart just ask~
Reply
:iconstellarburst:
StellarBurst Featured By Owner Oct 26, 2015  Student Digital Artist
I'll check it out tomorrow and let you know how it works out!! Now I'm gonna go pass out...lol 
Reply
:iconakokorochan:
Akokorochan Featured By Owner Oct 15, 2015  Hobbyist General Artist
akokorochan.deviantart.com/art… thank you for making this!!! It was so helpful <3
Reply
:iconriukkii:
Riukkii Featured By Owner Oct 15, 2015
My pleasure~ <33 I'm glad to hear that ^^
Reply
:iconakokorochan:
Akokorochan Featured By Owner Oct 16, 2015  Hobbyist General Artist
Thanks again, you've really helped me out! >A<!! <3
Reply
:icondokjo-the-deerclops:
Dokjo-the-deerclops Featured By Owner Oct 4, 2015  Student Filmographer
Best tutorial i have seem
Reply
:iconriukkii:
Riukkii Featured By Owner Oct 6, 2015
eeep thank you! //v// Glad you think so~
Reply
:icondokjo-the-deerclops:
Dokjo-the-deerclops Featured By Owner Oct 7, 2015  Student Filmographer
No problem!
Reply
:iconice-frozen-glacia:
Ice-Frozen-Glacia Featured By Owner Oct 4, 2015  Hobbyist Digital Artist
Does it work with firealpaca? 
Reply
:iconriukkii:
Riukkii Featured By Owner Oct 6, 2015
I don't know, I haven't tried that program. But I'll download it and get back to you~ 
Reply
:icontobiuh:
tobiuh Featured By Owner Oct 1, 2015  Student Digital Artist
omg so cute rip
Reply
:iconriukkii:
Riukkii Featured By Owner Oct 1, 2015
Thank you //v//
Reply
:iconmaggy-mitchi:
Maggy-mitchi Featured By Owner Sep 12, 2015
Thanks !
Reply
:iconakari1996:
Akari1996 Featured By Owner Sep 9, 2015  Student Digital Artist
thank you so much , this helps a lot
Reply
:iconriukkii:
Riukkii Featured By Owner Sep 9, 2015
You're welcome~ I'm glad to hear that ^u^//
Reply
:iconcaeli-cecil:
Caeli-Cecil Featured By Owner Aug 19, 2015  Student General Artist
thank you so much!
Reply
:iconriukkii:
Riukkii Featured By Owner Aug 24, 2015
Of course! ^^
Reply
:iconblackmisheru:
BlackMisheru Featured By Owner Aug 7, 2015  Hobbyist Digital Artist
thank you very much!
Reply
:iconriukkii:
Riukkii Featured By Owner Aug 7, 2015
My pleasure <3
Reply
Add a Comment:
 
×




Details

Submitted on
June 17, 2014
Image Size
522 KB
Resolution
1000×4450
Link
Thumb
Embed

Stats

Views
58,321 (72 today)
Favourites
6,806 (who?)
Comments
267
Downloads
754 (1 today)
×