HOME | DD

steffne โ€” Pixel icon tutorial

Published: 2010-08-26 00:56:22 +0000 UTC; Views: 52935; Favourites: 2568; Downloads: 503
Redirect to original
Description My very first icon tutorial!

Here's the end result:


Sorry for any typos etc. It's pretty late here and I'm tired

PLEASE NOTE: This is just a pixelling tutorial. You'll have to look into animation tutorials via Google. This also applies to making backgrounds transparent as it varies with every software and some don't support either of these features.
Related content
Comments: 291

cardcaptor-eternity In reply to ??? [2011-04-07 16:54:35 +0000 UTC]

no problem

๐Ÿ‘: 0 โฉ: 0

Jajna In reply to ??? [2011-04-05 12:30:14 +0000 UTC]

*bow* thank you for this ^^-

Now I try!
The hard thing is to know what to draw now...=3=

๐Ÿ‘: 0 โฉ: 0

Rainbow-Beanicorn In reply to ??? [2011-03-27 17:25:56 +0000 UTC]

Very well done! Thanks for your hard work!

๐Ÿ‘: 0 โฉ: 1

steffne In reply to Rainbow-Beanicorn [2011-04-02 21:35:52 +0000 UTC]

Awww thankyou! I'm so happy that people are finding this useful,
I never thought I'd be able to make a tutorial that people would understand QuQ

๐Ÿ‘: 0 โฉ: 0

selena111 In reply to ??? [2011-03-15 04:46:54 +0000 UTC]

where can i find micosoft paint?

๐Ÿ‘: 0 โฉ: 0

selena111 In reply to ??? [2011-03-13 01:04:44 +0000 UTC]

yeah some time i will make a icon when i do all the things first

๐Ÿ‘: 0 โฉ: 0

selena111 In reply to ??? [2011-03-10 04:23:59 +0000 UTC]

my computer is a lenovo (new model) so how could i do it on my kind of computer

๐Ÿ‘: 0 โฉ: 1

steffne In reply to selena111 [2011-03-10 14:32:08 +0000 UTC]

Is it a PC or MAC?
If it's a PC then it should have Microsoft paint
MAC's will probably have a basic drawing application too ^__^

๐Ÿ‘: 0 โฉ: 1

selena111 In reply to steffne [2011-03-12 04:47:18 +0000 UTC]

probaly a pc not sure?

๐Ÿ‘: 0 โฉ: 1

steffne In reply to selena111 [2011-03-12 09:42:58 +0000 UTC]

I think it will be
you should ask someone you live with, I'm sure they'll know ^^

๐Ÿ‘: 0 โฉ: 0

PocoCanarino In reply to ??? [2011-03-09 22:03:16 +0000 UTC]

Thannks for the tut!

๐Ÿ‘: 0 โฉ: 1

steffne In reply to PocoCanarino [2011-04-02 22:03:55 +0000 UTC]

You my dear, are SO welcome. ;__;

๐Ÿ‘: 0 โฉ: 0

beyourpet In reply to ??? [2011-03-07 22:12:53 +0000 UTC]

very helpful, thank you!!

๐Ÿ‘: 0 โฉ: 1

steffne In reply to beyourpet [2011-03-09 14:07:18 +0000 UTC]

Aw glad you found it useful!

๐Ÿ‘: 0 โฉ: 0

Quackzz [2011-03-04 23:38:54 +0000 UTC]

can you do transparent icons in mspaint?

๐Ÿ‘: 0 โฉ: 0

MariatheSailor [2011-02-07 00:04:46 +0000 UTC]

why does everything you draw look so darn cute?

๐Ÿ‘: 0 โฉ: 0

hokorihime In reply to ??? [2011-01-28 01:36:29 +0000 UTC]

thaank you so much! this helps alot! that's a yummy drink!

๐Ÿ‘: 0 โฉ: 1

steffne In reply to hokorihime [2011-01-28 09:17:54 +0000 UTC]

Awww good I'm glad it came in useful ^___^
.. and made you thirsty too

๐Ÿ‘: 0 โฉ: 1

hokorihime In reply to steffne [2011-01-28 13:00:36 +0000 UTC]

awww yeah haha

๐Ÿ‘: 0 โฉ: 0

SqueegyButt In reply to ??? [2011-01-14 18:44:21 +0000 UTC]

Very helpful tutorial
I shall indeed be using it to do my first pixel icon
Thanks a lot hun!

๐Ÿ‘: 0 โฉ: 0

IncessantDoodling In reply to ??? [2011-01-01 02:55:38 +0000 UTC]

Thank you for this!

๐Ÿ‘: 0 โฉ: 0

IncessantDoodling [2011-01-01 02:55:37 +0000 UTC]

Thank you for this!

๐Ÿ‘: 0 โฉ: 0

KH-Guardians In reply to ??? [2010-12-31 09:04:45 +0000 UTC]

Hi, I have a question. How do you remove the background? I have photoshop. I've been trying to figure out how to make my icons blend in with the DA background.

๐Ÿ‘: 0 โฉ: 2

markos040122 In reply to KH-Guardians [2011-01-08 04:04:18 +0000 UTC]

saved it as a PNG image

๐Ÿ‘: 0 โฉ: 0

steffne In reply to KH-Guardians [2010-12-31 12:38:21 +0000 UTC]

Double-click on the first layer called Background.
A pop up will appear renaming it as Layer 0, Click OK
Then after this you can click the symbol of the eye on this layer to hide it,
or you can delete it if you wanted to aswell

Hope that helped ^__^

๐Ÿ‘: 0 โฉ: 0

DoctoramalL In reply to ??? [2010-12-21 19:50:15 +0000 UTC]

Thank you so much for this helpful tutorial! I'm a n00b at pixeling so this was a huge help

I made an icon using this tutorial and I was wondering if you could critique it c: I know you're a very busy person, and I'm sorry for bothering you, but I just wanted to know if I'm stepping off in the right path with pixeling so far.

[link]

Many many thank yous and love!!

๐Ÿ‘: 0 โฉ: 0

Vilshanka In reply to ??? [2010-12-16 11:16:13 +0000 UTC]

I use MS Paint, and I have a problem...

How do you make blank background?

๐Ÿ‘: 0 โฉ: 0

Nerdy-Hamster In reply to ??? [2010-11-26 18:59:39 +0000 UTC]

How's this for a third try?: [link]

๐Ÿ‘: 0 โฉ: 0

RockyGargoyle In reply to ??? [2010-11-18 12:17:36 +0000 UTC]

its a really great tutorial.. but I have one problem..
What do you mean by "use clean lines"
I dont know how to get these lines.. mine are everytime like in your example how they should not be x_x

๐Ÿ‘: 0 โฉ: 1

steffne In reply to RockyGargoyle [2010-11-18 18:17:56 +0000 UTC]

Clean lines are when you go back over your lines with the eraser tool,
and delete any of the pixels that make the line appear messy
That's what it means in the tutorial where it says "no more than 3pixels should touch each other at the same time unless you need to"
Hope that helped a little bit, if you're still stuck let me know

๐Ÿ‘: 0 โฉ: 1

RockyGargoyle In reply to steffne [2010-11-18 18:31:36 +0000 UTC]

thank ya
I thougt first it would be a pen setting xD
Iยดll try it :3

๐Ÿ‘: 0 โฉ: 0

DarkAreodu In reply to ??? [2010-11-15 20:17:51 +0000 UTC]

Can I have your opinion?
Is this alright for a first try: [link]
I new to pixelling so I wanted an experts opinion. Oh, and I did this before I read your tutorial XD
And another thing (sorry) but, how do you remove backgrounds on Paint?

๐Ÿ‘: 0 โฉ: 1

steffne In reply to DarkAreodu [2010-11-15 21:31:46 +0000 UTC]

Oh wow! For a first try that's reaalllly good
& you can't remove backgrounds on paint D:
but I have heard of people managing to do it on paint.net if that's any use ^^
Keep up the good work!

๐Ÿ‘: 0 โฉ: 1

DarkAreodu In reply to steffne [2010-11-16 20:26:47 +0000 UTC]

Thanks!

๐Ÿ‘: 0 โฉ: 0

cerebus360 In reply to ??? [2010-11-08 12:31:57 +0000 UTC]

EEH, I want to make one now. D:
Curious, would I have to use a tablet for this?
I have one but I tend to get bored at school (Computer Graphics class ) but their tablets have no pen pressure. To achieve clean lines, can I just use a mouse to do this?

๐Ÿ‘: 0 โฉ: 1

steffne In reply to cerebus360 [2010-11-08 13:28:45 +0000 UTC]

You'll be pleased to hear that you don't need one!
infact most people find it easier to use it without one
Although if you really wanted to, you could use it ^__^

๐Ÿ‘: 0 โฉ: 1

cerebus360 In reply to steffne [2010-11-08 13:31:39 +0000 UTC]

Alright! XD
Thanks a bunch! :>

๐Ÿ‘: 0 โฉ: 0

Furana In reply to ??? [2010-11-07 07:47:26 +0000 UTC]

I just want your opinion.

Hows this for a first try: [link]

Do you think its pillow shading? or not?

Sorry for asking so many questions.

๐Ÿ‘: 0 โฉ: 1

steffne In reply to Furana [2010-11-07 12:36:00 +0000 UTC]

Aw you've done really well
Your line's are super clean - most people don't understand that part on their first go
and you haven't pillow shaded either!
Well done <333

๐Ÿ‘: 0 โฉ: 1

Furana In reply to steffne [2010-11-07 19:57:45 +0000 UTC]

Thanks I'm glad you like it!

๐Ÿ‘: 0 โฉ: 0

Furana In reply to ??? [2010-11-07 06:34:18 +0000 UTC]

And how do you remove the background on paint?

๐Ÿ‘: 0 โฉ: 0

Furana In reply to ??? [2010-11-07 06:04:21 +0000 UTC]

In paint what should you scetch it with?

๐Ÿ‘: 0 โฉ: 1

steffne In reply to Furana [2010-11-07 12:42:27 +0000 UTC]

Aw sorry I never answered this in time, I was in bed
In paint here's a little handy trick that I don't know if you'll already know,

*Sketch in light blue first
*Then go over your lines with a black making it all clean looking
* Once ready to get rid of your blue sketch lines, select that exact same light blue colour again.
*Now RIGHT-click the colour white in the colour panel.
*Go to the eraser tool, and hold down a RIGHT-click when you rub out.

It'll only rub out the blue sketch lines and leave your black ones intact
I found it super handy ^__^
.. Sorry if that sounded confusing

๐Ÿ‘: 0 โฉ: 1

Furana In reply to steffne [2010-11-07 20:00:06 +0000 UTC]

Thats not confusing at all Thanks!

๐Ÿ‘: 0 โฉ: 0

Furana In reply to ??? [2010-11-07 06:03:50 +0000 UTC]

Great tutorial I've wanted to pixel for a while just didn't know how!

๐Ÿ‘: 0 โฉ: 0

puckrietveld In reply to ??? [2010-10-29 08:01:05 +0000 UTC]

freakin awesome, i make a great icon with this , freakin awesome tutorial! thanks so much. 8D

๐Ÿ‘: 0 โฉ: 0

starfire-wolf In reply to ??? [2010-10-19 11:32:33 +0000 UTC]

This seems really useful, thanks XD

๐Ÿ‘: 0 โฉ: 1

steffne In reply to starfire-wolf [2010-10-19 11:40:19 +0000 UTC]

Aw thankyou!

๐Ÿ‘: 0 โฉ: 1

starfire-wolf In reply to steffne [2010-10-19 11:45:02 +0000 UTC]

No problem C:

๐Ÿ‘: 0 โฉ: 0

Heart4Skies In reply to ??? [2010-10-19 00:24:30 +0000 UTC]

i make it on gimp the only hard thing for me is shading

๐Ÿ‘: 0 โฉ: 1


<= Prev | | Next =>