Shop Mobile More Submit  Join Login
Icon Tutorial (updated info) by onisuu Icon Tutorial (updated info) by onisuu
NEWER TUTORIAL
drawing icons in SAI by onisuu



reminder: A tutorial is meant to provide tips. It's not an OK for you to copy/trace another person's work. That is just mirroring someone -- I know you are better than that and can CREATE something : )
Don't trace my art by onisuu

livestream video = livestre.am/3XcQb

notes:
~ resize by going to Image > resize
or canvas > change resolution
then input 50 by 50 pixels for the new size.
~ I did this in SAI~
~ The binary brush is also the 'Pencil tool' in some programs, like photoshop. :3
~ rather than use a soft brush you can pick a few colours and applu them with a binary brush for a true pixel art quality. I was taking shortcuts on this piece haha

with this method I also made:
OCs -- twins by onisuuOCs -- Yves pixel by onisuu

zelda fan art~ hehe ^^
skyward sword -- Link3 by onisuuwind waker -- The Pig by onisuu
Add a Comment:
 
:iconredbloomcherry:
RedBloomCherry Featured By Owner Jun 18, 2015  Hobbyist Artist
thank you so much >.<
Reply
:iconmitsui-li:
Mitsui-Li Featured By Owner Jan 12, 2015  Hobbyist General Artist
Heart Huggle! +fav 
Reply
:iconveevsi:
Veevsi Featured By Owner Aug 24, 2014  Hobbyist Digital Artist
You are a genius! I never considered drawing my Bases bigger and shrinking them to 50x50. I normally make my sketches right on my Canvas which I work with. This is really helpful, deary. Thank you! /(°v°)/
Reply
:icononisuu:
onisuu Featured By Owner Sep 1, 2014
aww I'm so glad it helps you in future pixel works!! :D <3
Reply
:iconprojectz-l:
Projectz-L Featured By Owner Jul 19, 2014  Hobbyist Digital Artist
I've been going around sai--and well, I read and all--Binary brush is supposed to be the Pen right?

Coz, I'm a bit slow---
Reply
:icononisuu:
onisuu Featured By Owner Aug 12, 2014
Nope, binary is the pencil brush ^__^
Reply
:iconprojectz-l:
Projectz-L Featured By Owner Aug 12, 2014  Hobbyist Digital Artist
Ah, yeah I found that just after I play around with Sai xD

But thanks for the feedback!
Reply
:iconxfroggiii:
xFroggiii Featured By Owner Apr 7, 2014  Hobbyist Traditional Artist
Thanks for doing this, really ;w;
It has been very helpful, you wonderful person :iconcatsnugplz:
Reply
:icononisuu:
onisuu Featured By Owner Apr 7, 2014
You're welcome! I'm happy it helps! ♥
Reply
:iconxfroggiii:
xFroggiii Featured By Owner Apr 8, 2014  Hobbyist Traditional Artist
It does ;w;
Reply
:iconsomuchfeels:
somuchfeels Featured By Owner Apr 1, 2014
soo cute ^_^ Clap 
Reply
:icononisuu:
onisuu Featured By Owner Apr 7, 2014
Thank you! ^^
Reply
:iconcrystalwaterlover08:
crystalwaterlover08 Featured By Owner Dec 29, 2013  Student Digital Artist
how can you make a un pixelized icon? Like yours. /('  0 ' ")\
Reply
:icononisuu:
onisuu Featured By Owner Dec 29, 2013
you can use any regular picture and upload it as your icon~~ ^^
Reply
:iconcrystalwaterlover08:
crystalwaterlover08 Featured By Owner Dec 29, 2013  Student Digital Artist
Low res. ?jpg? Png?
Reply
:icononisuu:
onisuu Featured By Owner Dec 30, 2013
for the thumbnail it doesn't really matter the quality of the picture since it's gonna be shrunken down no matter the size ^^
Reply
:iconcrystalwaterlover08:
crystalwaterlover08 Featured By Owner Dec 30, 2013  Student Digital Artist
it doesnt work....
Reply
:icononisuu:
onisuu Featured By Owner Jan 4, 2014
how are you uploading the picture?
Go to your home page, then on your icon, click on the pencil icon.
then click upload image
pick your image
and resize/zoom in/out as you like

then click save

It might take up to a day before dA refreshes and shows your new icon ^__^
Reply
:iconpinkduroqa:
PiNkDuRoQa Featured By Owner Dec 24, 2013  Hobbyist General Artist
<--:iconheplz:I used this tutorial for my icon..!!! Very useful thank you..!!!!Llama Emoji-58 (Up and Down) [V3] Llama Emoji-58 (Up and Down) [V3] 
Reply
:icononisuu:
onisuu Featured By Owner Dec 25, 2013
ooo well done! <3 I'm happy this helped ya! 8D
Reply
:iconpinkduroqa:
PiNkDuRoQa Featured By Owner Dec 27, 2013  Hobbyist General Artist
Thank you...>v<
It really did..!Thank you again..!
Reply
:iconcrystelite:
Crystelite Featured By Owner Dec 22, 2013  Hobbyist Digital Artist
Seriously, how do you add so much detail on such a small thing :iconasdfghplz: You inspire me so much! >.< Nice job! :3
Reply
:icononisuu:
onisuu Featured By Owner Dec 22, 2013
dawww thank you for your comment! :la: <333
hehe you can do it too! Start with simple things and then when you get comfy, adding details becomes very fun! ^u^))) <3 *grins*
Reply
:iconbeabi-chan:
beabi-chan Featured By Owner Dec 1, 2013  Hobbyist Digital Artist

why are you so perfect <3.
Reply
:iconraffaelawolf:
RaffaelaWolf Featured By Owner Sep 18, 2013  Student General Artist
This tutorial was and is very helpful thank you!
Reply
:icononisuu:
onisuu Featured By Owner Sep 18, 2013
you're welcome! I'm really happy that it was helpful for you! 8D
Reply
:iconraffaelawolf:
RaffaelaWolf Featured By Owner Sep 23, 2013  Student General Artist

it really is belive it! thank you one more time.  :)

 

Reply
:icondavidregala:
davidregala Featured By Owner Sep 15, 2013  Student General Artist
What do you use more for making your icons? Sai or Photoshop? just asking~ ^w^
Reply
:icononisuu:
onisuu Featured By Owner Sep 16, 2013
i use Sai for pixel works ^^
Reply
:iconnekonyanwat:
nekonyanwat Featured By Owner Sep 7, 2013  Student General Artist
Hi! I was wondering, how do you lock the lineart layer at the end? 
Reply
:icononisuu:
onisuu Featured By Owner Sep 8, 2013
click on 'preserve transparency' which is located above the layers box : )
Reply
:iconnekonyanwat:
nekonyanwat Featured By Owner Sep 13, 2013  Student General Artist
Oh thank you!
Reply
:iconhadaka-mitaku:
Hadaka-Mitaku Featured By Owner Aug 13, 2013  Hobbyist Digital Artist
Hi i was wondering.....when i change size into 50x50 my scratch wasnt resized,my scratch was just half shown plz help me
Reply
:icononisuu:
onisuu Featured By Owner Aug 13, 2013
hi! change the scale fron percent to pixel :) and then fill in 50.
Reply
:iconhadaka-mitaku:
Hadaka-Mitaku Featured By Owner Aug 13, 2013  Hobbyist Digital Artist
oh wait i red your notes my problem has fixed thnx
Reply
:iconxylnaeri:
Xylnaeri Featured By Owner Aug 10, 2013  Hobbyist Digital Artist
This is so adorable!
I was wondering how do you make something transparrent (like the background) in SAI?o:
Reply
:icononisuu:
onisuu Featured By Owner Aug 10, 2013
hi! I save things a .psd in sai and save as .png in photoshop for the transparency ^^
Reply
:iconhanabiiro:
Hanabiiro Featured By Owner Jul 3, 2013  Hobbyist Digital Artist
Hihi~

I'm just wondering if we worked on something at 500x500px, and resize the canvas to 50x50 as mentioned, isn't it will be so pixelated till we hardly see it? I tried it and my artwork became so pixelated unlike the one you show at here. It still looks clearly. >w< What can I do to have the lines not too pixelated once resize to smaller canvas?
Reply
:icononisuu:
onisuu Featured By Owner Jul 3, 2013
If your sketch at 500 is too detailed when you shrink it to 50 it'll be a pixellated blob ^^
So i just recommend you keep the lines as simple as you can-- be realistic about how much detail you can show at such a small size
Reply
:iconmoechiii:
moechiii Featured By Owner Jun 27, 2013  Student
waaaaait--
how did you make it lighter at the end? ;w;
Reply
:icononisuu:
onisuu Featured By Owner Jun 27, 2013
i coloured the lineart! *D
Reply
:iconmoechiii:
moechiii Featured By Owner Jun 27, 2013  Student
thank youuuuuu ♥
Reply
:icontsunyandere:
tsunyandere Featured By Owner Jun 25, 2013  Student Digital Artist
amggg cutiesss :icontearplz:
Reply
:iconelskerr:
Elskerr Featured By Owner Jun 19, 2013
hihi c:

I'm just wondering how you make something transparent in Sai? I'm not sure if I should have a brush for it or if it's a setting or what ^^'
Reply
:icononisuu:
onisuu Featured By Owner Jun 19, 2013
Hi! ^^
If your version of Sai can save transparency then anywhere you didn't colour will be transparent. :)
To save with transparency you go to file, export png (something like that) and choose the option that says opacity.
If your sai doesn't have that, let me know and I'll send you my version! :3
Reply
:iconelskerr:
Elskerr Featured By Owner Jun 20, 2013
Thank you! I followed your advice and it worked ^-^ Now I just need to practice a bit.
Reply
:icononisuu:
onisuu Featured By Owner Jun 20, 2013
awn I'm glad! <333 have fun! 8D
Reply
:iconultimatezombietoast:
UltimateZombieToast Featured By Owner Jun 10, 2013
Thanks, this is the simpliest tutorial I found for icons, but it probably explained things the best. ^_^
Reply
:icononisuu:
onisuu Featured By Owner Jun 10, 2013
Aw I'm happy it was helpful and clear! =D
Reply
:iconultimatezombietoast:
UltimateZombieToast Featured By Owner Jun 10, 2013
The only question I have is how do you add minor animations to something like this...? Sorry if this is a stupid question...
Reply
Add a Comment:
 
×




Details

Submitted on
July 15, 2012
Image Size
194 KB
Resolution
796×948
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
32,023 (16 today)
Favourites
2,208 (who?)
Comments
205
×