HOME | DD

onisuu β€” Icon Tutorial (updated info)

Published: 2012-07-15 20:57:56 +0000 UTC; Views: 76190; Favourites: 2752; Downloads: 154
Redirect to original
Description NEWER TUTORIAL


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 apply 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:


zelda fan art~ hehe ^^
Related content
Comments: 247

emilyCXCII [2020-02-25 05:01:48 +0000 UTC]

πŸ‘: 0 ⏩: 0

PowerUnityARTS [2019-12-16 16:38:10 +0000 UTC]

πŸ‘: 0 ⏩: 1

onisuu In reply to PowerUnityARTS [2019-12-16 19:38:19 +0000 UTC]

The bigger your draw your art, the more detail you can include in your icon when you shrink the resolution to the final icon size~ maybe start at 300 x 300 pixels and 300dpiΒ 

πŸ‘: 0 ⏩: 1

PowerUnityARTS In reply to onisuu [2019-12-17 03:31:01 +0000 UTC]

πŸ‘: 0 ⏩: 0

cathy028 [2018-09-24 04:07:48 +0000 UTC]

hi just wondering put when I make emotes what width, height and resolution should I use? In Sai I use preset A4 witch is 210 x 297mm and resolution is 350 so when they small down its so blurry I keep trying to watch videos but they don't help also if I want to make a profile pic for Xbox one they said It atlest has to be 1080 x 1080 so how would I do that? sorry for the questions just so lost Β 

πŸ‘: 2 ⏩: 1

onisuu In reply to cathy028 [2018-09-24 15:57:47 +0000 UTC]

hi! When you are drawing the sketch and you shrink it smaller, the bigger the sketch and the smaller the final size, the blurrier your image will be.

For pixel art, you have to work at the exact size that you want the final image to be - or else it will be blurry when you shrink/expand the pixel art. This is why I will shrink my sketch to the size I want the final pixel art to be, and then I draw over it with the pixel brush on its own layer in SAI.

I wouldn't recommend pixel art for a profile pic if you need the final size to be 1080 Γ— 1080 pixels, because that's a huge canvas to be doing pixel art on ^^
Usually, pixel icons are used for sizes like 50 x 50 pixels up to 300 x 300 pixels.

πŸ‘: 0 ⏩: 1

cathy028 In reply to onisuu [2018-09-30 02:50:07 +0000 UTC]

Ok what would u recommend the canvas be when i draw the emotes im useing paint tool sai ALSO TYSM for responding ty 😊

πŸ‘: 0 ⏩: 1

onisuu In reply to cathy028 [2018-10-02 03:42:27 +0000 UTC]

if I made emotes, usually I'd use 50 x 50 or 100 x 100 pixels for the size

πŸ‘: 0 ⏩: 0

HeyItsBloodcloud [2018-08-09 20:06:57 +0000 UTC]

if i made the final pixel image 100x100, will it blur if i still upload it as a profile pic? since its supposed to be 50x50, i dont know if it will lessen the quality ;-;

πŸ‘: 0 ⏩: 1

onisuu In reply to HeyItsBloodcloud [2018-08-09 20:54:12 +0000 UTC]

hi! yes, if a pixel art is resized, it will become blurred! I'd pixel it at 50 x 50 separately from a version at 100 x 100 if you need both sizes for different sized icon uses~

Another thing you can do is zoom in on a pixel art and then screenshot it so you can save it as a bigger version with "bigger pixels" but it'll be smooth and unblurred

πŸ‘: 1 ⏩: 1

HeyItsBloodcloud In reply to onisuu [2018-08-09 23:36:48 +0000 UTC]

okay, thanks

πŸ‘: 0 ⏩: 0

PastelChocolates [2018-07-26 19:17:11 +0000 UTC]

Thank you for the tutorial! Also, I use FireAlpaca, sooo, what size brush to use?

πŸ‘: 0 ⏩: 1

onisuu In reply to PastelChocolates [2018-07-26 19:31:32 +0000 UTC]

for the sketch, just use a size that you're comfortable with Β -- I used a size 5 brush cause i like thicker lines for sketches

for the pixelling, use a size 1 brush! it should draw out 1 pixel

πŸ‘: 0 ⏩: 0

Iormi [2018-07-14 18:09:39 +0000 UTC]

Oh this is really nice tutorial ^ ^
I always try to make detailed pixel icon, thank you so much for sharing OvO)/

πŸ‘: 0 ⏩: 0

Sirbeary [2018-07-08 23:59:56 +0000 UTC]

How do you resize things?

πŸ‘: 0 ⏩: 1

onisuu In reply to Sirbeary [2018-07-09 02:36:54 +0000 UTC]

in SAI, you can resize the entire canvas by going to menu > canvas > change resolution > and type in Pixel Height/Width (with Pixels as the unit measure)

Or, if you are just resizing a portion of your image, you can use a selection tool (rectangle or lasso so you can manually outline the selection) and hold down CTRL+T to activate the resize box, and hold SHIFT and one of the corners of the selection box to shrink/grow the selected area.

πŸ‘: 0 ⏩: 0

Mineash1239 [2018-06-23 21:33:35 +0000 UTC]

Sorry, uh, what's the Firealpaca equivalent to the binary brush...?

πŸ‘: 0 ⏩: 1

onisuu In reply to Mineash1239 [2018-06-24 04:22:42 +0000 UTC]

hi! sorry I have never used fire alpace before. check your tool box if there is a pencil brush. when you draw a line with it, it should have pixelly edges...and a size 1 brush of it will make a single pixel when you click on the screenΒ 

πŸ‘: 0 ⏩: 1

Mineash1239 In reply to onisuu [2018-06-24 04:27:10 +0000 UTC]

Ooh the pixel brush! Thanks, i uh wasn't sure what it was. XD

πŸ‘: 0 ⏩: 0

Gl4ss3S [2017-08-31 03:07:06 +0000 UTC]

How can you make this on deviantart muro?

πŸ‘: 0 ⏩: 1

onisuu In reply to Gl4ss3S [2017-08-31 04:09:31 +0000 UTC]

I haven't used muro, I'm not sure if you can shrink sketches on muro, but you can try! XD

πŸ‘: 0 ⏩: 0

anthonytoney [2017-07-05 23:39:43 +0000 UTC]

How do you make them free to use?

πŸ‘: 0 ⏩: 1

onisuu In reply to anthonytoney [2017-07-07 05:38:27 +0000 UTC]

i put the links to them in the description so you can save the images and use them as your icon on deviantart

πŸ‘: 0 ⏩: 0

Tyoka-ARPG [2017-06-13 18:06:19 +0000 UTC]

Hopefully your still active...haha...
does this work for group banners as well?

πŸ‘: 0 ⏩: 1

onisuu In reply to Tyoka-ARPG [2017-06-13 18:23:56 +0000 UTC]

Yes it does!

since a group banner has a more rectangular dimension, you should probably start with a longer canvas (if banner sizes are 50 x 100 pixels, then start with a canvas that's like 300 x 600, or 400 x 800, etc. Keep the same proportions )
When you shrink the sketch to the final banner size, your sketch should give you a good guide for when you are pixelling it.

πŸ‘: 0 ⏩: 1

Tyoka-ARPG In reply to onisuu [2017-06-13 18:30:48 +0000 UTC]

ah!
thank you!
now I have to remember 300x600!
hopefully I will XD

πŸ‘: 0 ⏩: 0

koriaa [2017-04-21 19:38:32 +0000 UTC]

When I resize the image it goes blurry aaa

πŸ‘: 0 ⏩: 1

onisuu In reply to koriaa [2017-04-21 22:28:46 +0000 UTC]

it definitely will blur!
So it's important to just draw the important shapes so when you have the shrunken image, it just serves to show you the overall look of the pixel art's shape and forms. You can do your pixelling on top and figure out what details you can include when you are working with different colours ^^

πŸ‘: 0 ⏩: 1

koriaa In reply to onisuu [2017-04-21 22:31:39 +0000 UTC]

Thank you~

πŸ‘: 0 ⏩: 0

Khimi-chan [2017-02-14 07:01:46 +0000 UTC]

MAMA YA DONE IT AGAIN, I have a spiffy new icon thanks to this wonderful tutorial (Omg totally didn't read the updated Comment until after xD; )

Thank you for this lovely tutorial! <33

πŸ‘: 0 ⏩: 1

onisuu In reply to Khimi-chan [2017-02-14 07:15:22 +0000 UTC]

omg it's sooo cute riceyyy!! <33 ya done mama so proud! TT ~ TT )) <333

πŸ‘: 0 ⏩: 0

multifandom79 [2017-02-05 21:31:16 +0000 UTC]

thank you

πŸ‘: 0 ⏩: 1

Geckopizza In reply to multifandom79 [2017-02-12 14:59:32 +0000 UTC]

I need a binary pen :I

πŸ‘: 0 ⏩: 0

XxRainEyesXx [2016-12-24 20:09:23 +0000 UTC]

thanks

πŸ‘: 0 ⏩: 0

cloudysmile3424 [2016-09-03 20:23:44 +0000 UTC]

thank you for this tutorial! this is the most friendly pixel icon tutorial i found. so easy to follow the steps and the coloring tutorial is such a bonus too!

πŸ‘: 0 ⏩: 1

onisuu In reply to cloudysmile3424 [2016-09-07 04:04:02 +0000 UTC]

aww thank you! I'm so glad it was easy to follow and stuff! ^-^

πŸ‘: 0 ⏩: 0

luely6159 [2016-06-29 03:08:12 +0000 UTC]

SOO cutee !!! >O<

πŸ‘: 0 ⏩: 1

onisuu In reply to luely6159 [2016-06-29 23:46:28 +0000 UTC]

Thanks! ^-^

πŸ‘: 0 ⏩: 0

mikuhatsunevocaloidT [2016-04-30 11:34:50 +0000 UTC]

Hello I love your steps I have a question which you Use a brush
piant tool sai??

πŸ‘: 0 ⏩: 1

onisuu In reply to mikuhatsunevocaloidT [2016-05-02 02:47:30 +0000 UTC]

Hello! I used the pencil brush for the pixel art in SAI
for sketching the image, I used a marker brush and then shrunk the image to the size I wanted for the icon ^_^

πŸ‘: 0 ⏩: 1

mikuhatsunevocaloidT In reply to onisuu [2016-05-21 17:26:56 +0000 UTC]

Thank you understand now

πŸ‘: 0 ⏩: 0

RedBloomCherry [2015-06-18 08:55:31 +0000 UTC]

thank you so much >.<

πŸ‘: 0 ⏩: 0

Mitsui-Li [2015-01-13 00:53:57 +0000 UTC]

Β Β Β 

πŸ‘: 0 ⏩: 0

Veevsi [2014-08-24 07:28:18 +0000 UTC]

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Β°)/

πŸ‘: 0 ⏩: 1

onisuu In reply to Veevsi [2014-09-02 03:32:45 +0000 UTC]

aww I'm so glad it helps you in future pixel works!! <3

πŸ‘: 0 ⏩: 0

Projectz-L [2014-07-19 15:35:50 +0000 UTC]

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---

πŸ‘: 0 ⏩: 1

onisuu In reply to Projectz-L [2014-08-12 19:31:53 +0000 UTC]

Nope, binary is the pencil brush ^__^

πŸ‘: 0 ⏩: 1

Projectz-L In reply to onisuu [2014-08-13 06:06:13 +0000 UTC]

Ah, yeah I found that just after I play around with Sai xD

But thanks for the feedback!

πŸ‘: 0 ⏩: 0

xFroggiii [2014-04-07 11:46:49 +0000 UTC]

Thanks for doing this, really ;w;
It has been very helpful, you wonderful person

πŸ‘: 0 ⏩: 1

onisuu In reply to xFroggiii [2014-04-07 15:28:31 +0000 UTC]

You're welcome! I'm happy it helps! β™₯

πŸ‘: 0 ⏩: 1


| Next =>