HOME | DD

Riukkii — Pixel Tutorial

Published: 2014-06-18 02:19:52 +0000 UTC; Views: 109185; Favourites: 8343; Downloads: 1420
Redirect to original
Description 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:
 
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: 

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:
   

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
Related content
Comments: 321

Riukkii In reply to ??? [2015-08-25 02:21:01 +0000 UTC]

Of course! ^^

👍: 0 ⏩: 0

BlackMisheru In reply to ??? [2015-08-07 14:45:13 +0000 UTC]

thank you very much!

👍: 0 ⏩: 1

Riukkii In reply to BlackMisheru [2015-08-07 22:11:50 +0000 UTC]

My pleasure <3

👍: 0 ⏩: 0

LieutenantPrank [2015-08-02 15:04:13 +0000 UTC]

does only Sai have a binary tool?

👍: 0 ⏩: 1

Riukkii In reply to LieutenantPrank [2015-08-03 01:42:10 +0000 UTC]

Nope, Photoshop pencil tool or MSPaint pencil are the same as the binary tool

👍: 0 ⏩: 1

LieutenantPrank In reply to Riukkii [2015-08-03 02:23:13 +0000 UTC]

oh, thank you so much!

👍: 0 ⏩: 1

Riukkii In reply to LieutenantPrank [2015-08-03 02:33:03 +0000 UTC]

You're welcome! ^v^

👍: 0 ⏩: 0

Lessandrant In reply to ??? [2015-07-24 19:27:04 +0000 UTC]

 Thank you!  



👍: 0 ⏩: 1

Riukkii In reply to Lessandrant [2015-07-28 01:57:20 +0000 UTC]

My pleasure!

👍: 0 ⏩: 0

RazielTheRiddler In reply to ??? [2015-07-21 21:04:10 +0000 UTC]

ive been trying to do pixel art for a long time, thank you so much for this tutorial i really appreciate it, your amazing :3!

👍: 0 ⏩: 1

Riukkii In reply to RazielTheRiddler [2015-07-28 01:57:07 +0000 UTC]

Cool! You're welcome (゚∀゚)ノ゙
And thank you! ♥

👍: 0 ⏩: 0

marindalechat In reply to ??? [2015-07-16 15:56:29 +0000 UTC]

thanks for tutorial! now I get it! 

👍: 0 ⏩: 1

Riukkii In reply to marindalechat [2015-07-28 01:56:10 +0000 UTC]

Great~! You're welcome! ^^

👍: 0 ⏩: 0

thighsoks In reply to ??? [2015-07-15 20:58:23 +0000 UTC]

This was very helpful! Thank you so much, I will totally use this~

👍: 0 ⏩: 1

Riukkii In reply to thighsoks [2015-07-28 01:55:39 +0000 UTC]

I'm glad to hear that~ ( ´ ▽ ` )ノ You're welcome!

👍: 0 ⏩: 0

PonuryGrajek [2015-07-08 23:50:18 +0000 UTC]

Thank you so much! Your tutorial is so helpful ;u;

👍: 0 ⏩: 0

StillnessTolls In reply to ??? [2015-06-26 16:47:37 +0000 UTC]

^^ thank you for the tutorial! I used ms paint for my doll~ but the explanation on eye shading was extremely helpful!! 
My doll is here> fav.me/d8ycsri ;^; all my thumbnails art broken and I don't know why!

👍: 0 ⏩: 0

Alja15 [2015-06-20 16:52:17 +0000 UTC]

Thanks so much for this awesome tutorial!

👍: 0 ⏩: 1

Riukkii In reply to Alja15 [2015-06-20 23:09:37 +0000 UTC]

You're welcome, glad you think so <3

👍: 0 ⏩: 0

DayonXVIII In reply to ??? [2015-06-19 22:47:29 +0000 UTC]

Thank you so much for this great tutorial! I followed your instructions and these are the results
(my 1st attempt) 

GIF No Preview

 

👍: 0 ⏩: 1

Riukkii In reply to DayonXVIII [2015-06-20 23:24:21 +0000 UTC]

oh my for your first attempt is really amazing ^7^ I'm glad this tutorial was helpful~

👍: 0 ⏩: 1

DayonXVIII In reply to Riukkii [2015-06-20 23:27:21 +0000 UTC]

Haha, Thank you! Guess I was lucky xD but all credit goes to your tutorial really, I was so happy that I found one with SAI, since its the only program I know how to use. 

👍: 0 ⏩: 1

Riukkii In reply to DayonXVIII [2015-06-20 23:30:41 +0000 UTC]

Same here, I only know how to use SAI //u// I've tried Photoshop but I just-- no TvT

👍: 0 ⏩: 1

DayonXVIII In reply to Riukkii [2015-06-20 23:31:58 +0000 UTC]

Ikr? PS is great...but too complicated for me...with all those fancy brush settings..indeed nope. 

👍: 0 ⏩: 0

SurprisePop [2015-06-19 02:03:00 +0000 UTC]

Very clear, and will help in the future! Thanks so much! <3

👍: 0 ⏩: 1

Riukkii In reply to SurprisePop [2015-06-20 23:09:10 +0000 UTC]

My pleasure ^w^

👍: 0 ⏩: 0

gdpr-34445487 In reply to ??? [2015-06-18 01:50:25 +0000 UTC]

OMG! This helped me so much!

👍: 0 ⏩: 1

Riukkii In reply to gdpr-34445487 [2015-06-18 01:53:54 +0000 UTC]

I'm glad to hear that! ^7^

👍: 0 ⏩: 0

lightingvortex In reply to ??? [2015-06-14 11:06:23 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

Fehnryr In reply to ??? [2015-06-10 02:04:59 +0000 UTC]

Trying to figure this out and my lineart looks like garbage D: Hopefully it's just because i haven't colored it, but we'll see. ><

👍: 0 ⏩: 1

Riukkii In reply to Fehnryr [2015-06-10 02:38:58 +0000 UTC]

Ah that always happens to me =A=
The lineart looks awful but after adding colors, especially after coloring the lineart, it looks much better >v<

👍: 0 ⏩: 2

Fehnryr In reply to Riukkii [2015-06-10 04:08:20 +0000 UTC]

Okay, so if you can't or don't want to, I completely understand, but is there any chance you could look at my attempt and maybe give me a hint of what I could do to improve it? Obviously I need to make a base that's a little more suited to pixeling (I modified a free adoptable base) and I think maybe bigger eyes and stuff. But if you have any constructive criticism, I would super appreciate it! 

👍: 0 ⏩: 1

Riukkii In reply to Fehnryr [2015-06-13 02:34:09 +0000 UTC]

For a first attempt this looks great! *u*
I'm not really good at giving advice. All I can't think of atm is that maybe you should try to use more contrasting(idk if this is the correct word?) colors for the shading and the lines. This makes a great difference in pixel artworks because it kind of makes some details that are difficult to notice because of the small size stand out.

👍: 0 ⏩: 1

Fehnryr In reply to Riukkii [2015-06-13 03:43:24 +0000 UTC]

Thanks!!! I'll try that, it sounds like a good idea Even in my normal artwork I have that problem... I'm so scared of going too far with contrast that I always under-do it xD

👍: 0 ⏩: 0

Fehnryr In reply to Riukkii [2015-06-10 02:44:14 +0000 UTC]

It's starting to look a little better... we'll see. lol. 

👍: 0 ⏩: 0

MysticAzelf In reply to ??? [2015-06-04 20:01:20 +0000 UTC]

This is such a great tutorial~! You did a great job on it! It helped me sooo much <33

👍: 0 ⏩: 1

Riukkii In reply to MysticAzelf [2015-06-04 23:12:57 +0000 UTC]

hnng thank you! <3 I'm glad it was helpful ^u^

👍: 0 ⏩: 1

MysticAzelf In reply to Riukkii [2015-06-05 00:28:35 +0000 UTC]

You're welcome~! <3

👍: 0 ⏩: 0

DuskyTheWolf In reply to ??? [2015-05-25 18:01:34 +0000 UTC]

Me :    

👍: 0 ⏩: 1

Riukkii In reply to DuskyTheWolf [2015-06-04 23:12:19 +0000 UTC]

I was like that when I first tried pixeling xD But it turned out to be really fun~ ^^

👍: 0 ⏩: 0

joitimi In reply to ??? [2015-05-24 04:47:16 +0000 UTC]

How do you make it move?

👍: 0 ⏩: 0

AkiCinnaBun In reply to ??? [2015-05-21 19:07:56 +0000 UTC]

I hate lineart too... Great tutorial though!

👍: 0 ⏩: 1

Riukkii In reply to AkiCinnaBun [2015-05-27 03:11:15 +0000 UTC]

linearting is tiring  thank you~ ^^

👍: 0 ⏩: 0

M1KEY-SCHM1DT In reply to ??? [2015-05-11 11:45:35 +0000 UTC]

This is a wonderful tutorial! 
Would the pixel tool work the same as the binary? From what I see, they seem pretty alike.
Also, it's just too confusing for me to add new tools and stuff into my SAI. ;;

👍: 0 ⏩: 0

Powerfluff [2015-04-20 23:32:20 +0000 UTC]

WEEEE! THX! THIS HELPED SO MUCH!

👍: 0 ⏩: 1

Riukkii In reply to Powerfluff [2015-04-21 19:12:52 +0000 UTC]

Glad to hear that! ^u^

👍: 0 ⏩: 0

BluE3 [2015-04-16 16:09:37 +0000 UTC]

:3 Thanks for the feature! Great tutorial, by the way ^^

👍: 0 ⏩: 1

Riukkii In reply to BluE3 [2015-04-21 19:15:43 +0000 UTC]

No problem, your tutorial is very clear and helpful ^^
And thank you! 

👍: 0 ⏩: 1

BluE3 In reply to Riukkii [2015-04-22 17:44:39 +0000 UTC]

:3

👍: 0 ⏩: 0

EllieBracha In reply to ??? [2015-04-12 17:56:44 +0000 UTC]

Whats confusing me is cleaning up the lineart. So you can't use the actual eraser tool? 

👍: 0 ⏩: 1


<= Prev | | Next =>