HOME | DD

Riukkii — Pixel Tutorial

Published: 2014-06-18 02:19:52 +0000 UTC; Views: 111155; Favourites: 8323; Downloads: 1422
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-04-21 19:27:16 +0000 UTC]

You can't use it because the anti-aliasing of the eraser tool will mess up your pixels. In that step when I talk of eraser I refer to pixel eraser, you can find the settings at the top of the tutorial. 

👍: 0 ⏩: 0

KittyTheColonel In reply to ??? [2015-04-06 13:02:28 +0000 UTC]

This si a good guide! I'll try that out this evening ;u; Always wanted to learn how to pixel O:
Just one question: It seems that I don't ahve any options when I save a file as .png... where are these options you told about? o:

👍: 0 ⏩: 1

Riukkii In reply to KittyTheColonel [2015-04-12 03:41:07 +0000 UTC]

Thank you! ^u^)/ I hope it helps
When you save an image as .png this window pop up 
i731.photobucket.com/albums/ww…
Then you choose the second option for transparency
If it doesn't appear you should try updating your SAI, ver 1.1.0 support transparent PNG files

👍: 0 ⏩: 1

KittyTheColonel In reply to Riukkii [2015-04-12 07:12:03 +0000 UTC]

Hmmm, guess I need an update xD
But thank you cx ❤

👍: 0 ⏩: 0

MariPocket In reply to ??? [2015-03-29 16:34:44 +0000 UTC]

this is so helpfull, I'll draw something in pixels thanks to this tutorial
I have a Question, which font did you use for the title and subtittles (for the steps) I just love it

👍: 0 ⏩: 1

Riukkii In reply to MariPocket [2015-04-12 03:43:14 +0000 UTC]

Glad to hear that! ^u^)/
ahh I love that font too, I have been using it for years now <3
It's "Cookies", here you can download it www.dafont.com/es/cookies.font

👍: 0 ⏩: 1

MariPocket In reply to Riukkii [2015-04-13 21:02:42 +0000 UTC]

thanks a lot

👍: 0 ⏩: 0

Genisay In reply to ??? [2015-03-27 05:39:46 +0000 UTC]

Thank you! I'll have to try this out some time!

👍: 0 ⏩: 0

IAmBobbolie In reply to ??? [2015-03-26 23:17:53 +0000 UTC]

thanks for tutorial.  I've always wanted to give pixel art another try.  ^__^

👍: 0 ⏩: 1

Riukkii In reply to IAmBobbolie [2015-04-12 03:45:56 +0000 UTC]

You're welcome~ You should totally go for it ^^

👍: 0 ⏩: 0

YuiYamana In reply to ??? [2015-03-21 20:56:00 +0000 UTC]

Could you please elaborate more on step 5? How exactly do you color the lines that are already there? Do you go over them in a different layer? Is it on the same layer? How did you do it?

👍: 0 ⏩: 1

Riukkii In reply to YuiYamana [2015-04-12 03:52:33 +0000 UTC]

I lock the opacity of the lineart layer and color it
I always work lineart and coloring on different layers so shading and coloring the lineart is easier

👍: 0 ⏩: 0

un-machined In reply to ??? [2015-03-21 10:27:52 +0000 UTC]

Thanks great tutorial! I'm no good at pixels but it's fun to try!

👍: 0 ⏩: 0

14iv19 In reply to ??? [2015-03-21 03:12:44 +0000 UTC]

I want to learn pixel! o_o *determined* Thanks for the tuto!

👍: 0 ⏩: 1

Riukkii In reply to 14iv19 [2015-04-12 03:55:55 +0000 UTC]

That's great, pixeling is really fun <3 You're welcome, I hope it helps you ^^

👍: 0 ⏩: 0

cookietsune [2015-03-19 21:25:29 +0000 UTC]

this tutorial is really helpful, thank you ^v^

👍: 0 ⏩: 1

Riukkii In reply to cookietsune [2015-04-12 03:56:18 +0000 UTC]

Glad to hear that, you're welcome <3

👍: 0 ⏩: 1

cookietsune In reply to Riukkii [2015-04-12 13:13:44 +0000 UTC]

<3

👍: 0 ⏩: 0

FuwaFuwaPrince In reply to ??? [2015-03-19 12:00:38 +0000 UTC]

Thank you for this tutorial
It looks so easy now! ^3^
I'm definitely going to try this!

👍: 0 ⏩: 0

MintyMiDraws In reply to ??? [2015-03-19 03:04:50 +0000 UTC]

*A* This is very useful~ Thank you for making this tutorial, I'll refer to it when I start pixelling again. <3

👍: 0 ⏩: 0

Bakatoria In reply to ??? [2015-03-18 12:27:29 +0000 UTC]

This tutorial is awesome I will use it ;D

👍: 0 ⏩: 1

Riukkii In reply to Bakatoria [2015-03-19 02:41:03 +0000 UTC]

Thank you! <33

👍: 0 ⏩: 1

Bakatoria In reply to Riukkii [2015-03-19 08:06:13 +0000 UTC]

I thank you  

👍: 0 ⏩: 0

tablet-kun In reply to ??? [2015-03-17 06:51:01 +0000 UTC]

soooo useful!
here:orig06.deviantart.net/9188/f/2…

👍: 0 ⏩: 1

Riukkii In reply to tablet-kun [2015-03-19 02:40:16 +0000 UTC]

Cute~! <33
I'm glad you think so ^^

👍: 0 ⏩: 0

Ike-SCD In reply to ??? [2015-03-13 20:38:01 +0000 UTC]

You're tutorial is completly amazing x_x
I followed him like a "robot" and... I understand how to make pixel art.

I read lots of tutorial and yours is perfect ♥
Thanks a lot !!!
Really QAQ

👍: 0 ⏩: 1

Riukkii In reply to Ike-SCD [2015-03-19 02:38:31 +0000 UTC]

aww you're very welcome!<33 I'm glad you found it helpful ^u^

👍: 0 ⏩: 0

iiCat3 In reply to ??? [2015-03-10 22:09:07 +0000 UTC]

Is there a way to do this without SAI or Photoshop?

👍: 0 ⏩: 1

Riukkii In reply to iiCat3 [2015-03-19 02:35:52 +0000 UTC]

You can use the pencil tool on MSpaint, but this program doesn't work with layer s so it may be more difficult
I've never used any other art programs so I'm not sure ;v;

👍: 0 ⏩: 0

FancyFox02 In reply to ??? [2015-03-05 00:23:58 +0000 UTC]

This is super helpful! Thanks for making it!

👍: 0 ⏩: 1

Riukkii In reply to FancyFox02 [2015-03-19 02:29:25 +0000 UTC]

You're welcome! <3 I'm glad it was helpful

👍: 0 ⏩: 0

DoodleDonutt In reply to ??? [2015-03-04 23:52:45 +0000 UTC]

THANK YOU!!!
I used this to make this: Pixel chibi

👍: 0 ⏩: 1

Riukkii In reply to DoodleDonutt [2015-03-19 02:28:39 +0000 UTC]

You're very welcome! <33

👍: 0 ⏩: 1

DoodleDonutt In reply to Riukkii [2015-03-19 02:36:11 +0000 UTC]

:>

👍: 0 ⏩: 0

NightSummerRain In reply to ??? [2015-03-03 20:52:01 +0000 UTC]

Thank you so much ^3^

👍: 0 ⏩: 1

Riukkii In reply to NightSummerRain [2015-03-19 02:27:13 +0000 UTC]

My pleasure! ^//u//^

👍: 0 ⏩: 0

HetalianHearts In reply to ??? [2015-02-27 02:12:06 +0000 UTC]

This is very helpful, thank you! 

👍: 0 ⏩: 1

Riukkii In reply to HetalianHearts [2015-03-19 02:26:18 +0000 UTC]

You're welcome! I'm glad you found it helpful ^^

👍: 0 ⏩: 0

ClockupFlowers In reply to ??? [2015-02-12 07:16:08 +0000 UTC]

This was extremely helpful. Thank you very much! 

👍: 0 ⏩: 1

Riukkii In reply to ClockupFlowers [2015-02-17 05:07:45 +0000 UTC]

I'm happy it was helpful ^^ My pleasure!

👍: 0 ⏩: 0

Kladdelic In reply to ??? [2015-01-30 16:20:06 +0000 UTC]

Beautiful!  

👍: 0 ⏩: 1

Riukkii In reply to Kladdelic [2015-02-02 05:49:22 +0000 UTC]

Thanks!

👍: 0 ⏩: 0

XxJadeSilver In reply to ??? [2015-01-30 02:49:36 +0000 UTC]

Hola! Una pregunta, todo lo haces en una misma capa??

👍: 0 ⏩: 1

Riukkii In reply to XxJadeSilver [2015-02-02 05:48:49 +0000 UTC]

Hola! ^^ No, uso diferentes capas para el lineart y los colores, a veces tambien uso una capa diferente para las sombras.

👍: 0 ⏩: 1

XxJadeSilver In reply to Riukkii [2015-02-02 15:53:29 +0000 UTC]

Muchas gracias!! Me ayudo mucho tu tutorial

👍: 0 ⏩: 1

Riukkii In reply to XxJadeSilver [2015-02-02 22:18:01 +0000 UTC]

Que bueno que haya sido de ayuda <3

👍: 0 ⏩: 0

Akiko1024 [2015-01-28 15:09:56 +0000 UTC]

Which type if pen to use for the sketch ?

👍: 0 ⏩: 1

Riukkii In reply to Akiko1024 [2015-02-02 05:46:06 +0000 UTC]

I used the pencil tool for the sketch but you should use the one you are more comfortable with ^^

👍: 0 ⏩: 1

Akiko1024 In reply to Riukkii [2015-02-02 20:46:29 +0000 UTC]

Thx ^^

👍: 0 ⏩: 0

Gladiatore79 In reply to ??? [2015-01-28 07:23:07 +0000 UTC]

Congratulations great job !! Sent you to add your work in my group, thank you: game-art-pixel.deviantart.com/

👍: 0 ⏩: 0


<= Prev | | Next =>