HOME | DD

steffne — Pixel icon tutorial

Published: 2010-08-26 00:56:22 +0000 UTC; Views: 52932; 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

MissMarifire In reply to ??? [2011-11-15 20:20:14 +0000 UTC]

Your avatars are cute, but sadly i can't buy stuff off the internet unless if it's ebay

👍: 0 ⏩: 0

NeRdy-BAt In reply to ??? [2011-11-07 02:31:41 +0000 UTC]

YAY! THANK YOU STEFFNE! (sorry for caps)

👍: 0 ⏩: 0

AlphaMusician In reply to ??? [2011-11-05 13:39:28 +0000 UTC]

THANK YOU SO MUCH!
I've been wanting to try pixel icons for a while, but I was totally lost on how to do it!
So, thank you~! (My icon now is the first one I made!!!)

👍: 0 ⏩: 0

May204 [2011-11-03 03:23:55 +0000 UTC]

now, what do you use to animate them? QuQ

👍: 0 ⏩: 1

eeveejolteonfan In reply to May204 [2011-12-19 19:54:58 +0000 UTC]

Try on Iaza.com and choice frame animation

👍: 0 ⏩: 0

RainbowMittens101 In reply to ??? [2011-11-02 22:19:00 +0000 UTC]

Thank you for giving me a link to this. I see the light now. :3

👍: 0 ⏩: 0

SaphireLilly [2011-11-01 05:40:01 +0000 UTC]

this is really cool, ive been wanting to make my own pixel art for a very long time, but had no idea how to go about it. this is really awesome, and im going to try it right now. also, do you think you could make a tutorial for how to make an animated pixel art? just curious is all, and thank you again!

👍: 0 ⏩: 0

LeeyaLeena [2011-10-31 12:34:28 +0000 UTC]

I'll try to make art pixel now...

👍: 0 ⏩: 1

LeeyaLeena In reply to LeeyaLeena [2011-10-31 12:34:53 +0000 UTC]

but has to download something?

👍: 0 ⏩: 0

Surrendered-Hero [2011-10-30 02:29:10 +0000 UTC]

I just tried this. Here's the end result: [link]
It's so small, yet cute!

Props for being able to draw small and cute, WITH DETAIL! It takes quite a lot of talent, I realize. Great job!

👍: 0 ⏩: 1

steffne In reply to Surrendered-Hero [2011-10-30 14:27:02 +0000 UTC]

Aw that's turned out great!

👍: 0 ⏩: 1

Surrendered-Hero In reply to steffne [2011-10-31 01:06:32 +0000 UTC]

Thanks so much!

👍: 0 ⏩: 0

NekoGirl29 In reply to ??? [2011-10-28 16:52:14 +0000 UTC]

I've been wanting to do pixel art for a while now, this looks like it will help me a lot with that.

👍: 0 ⏩: 0

MJtheMushroom [2011-10-25 19:36:25 +0000 UTC]

I used this to help me with my icon! Even though I didn't do a very good job of the shading, I think it came out well! Thanks for this tutorial!

👍: 0 ⏩: 0

shrouded-kitty [2011-10-24 18:02:01 +0000 UTC]

lovely tutorial, me personally I just start pixelling in ms paint without even sketching. sometimes it takes a while, but i've become pretty used to it, lol.
hrrmm...maybe i should start sketching..

👍: 0 ⏩: 0

akatsukifangirl8894 [2011-10-24 01:57:59 +0000 UTC]

Thank you soooooooooooooo much!!!!!!!!! !!! This helped me a LOT!!!!!

👍: 0 ⏩: 0

maeriiu In reply to ??? [2011-10-22 15:47:34 +0000 UTC]

It helped me a lot ! Thank you !

👍: 0 ⏩: 0

destroyerofgalaxies In reply to ??? [2011-10-15 22:25:28 +0000 UTC]

this is what i did ---> [link]

👍: 0 ⏩: 0

aicey In reply to ??? [2011-10-13 19:27:07 +0000 UTC]

this helps a lot thanks so much!

👍: 0 ⏩: 0

KaraNari In reply to ??? [2011-10-09 01:00:38 +0000 UTC]

I found this VERY useful and I made an ugly cat icon, lol! But thanks a lot for your tutorial, pixel art is so time consuming!

👍: 0 ⏩: 0

MidnasFire500 In reply to ??? [2011-10-02 13:29:39 +0000 UTC]

I love it

👍: 0 ⏩: 0

shieonn [2011-09-28 14:10:53 +0000 UTC]

THANK YOU!!!

👍: 0 ⏩: 0

kuroyuri-kun In reply to ??? [2011-09-17 11:03:13 +0000 UTC]

OMG THANK YOU THANK YOU THIS IS SO VERY USEFUL.
what program u used to make this one?

👍: 0 ⏩: 0

DreamyCrowdy In reply to ??? [2011-09-15 08:44:20 +0000 UTC]

how do you remove the background without photoshop?

👍: 0 ⏩: 0

DreamyCrowdy In reply to ??? [2011-09-15 08:43:55 +0000 UTC]

how do you remove the background without photoshop?

👍: 0 ⏩: 0

24Stesh In reply to ??? [2011-09-07 00:43:46 +0000 UTC]

This seems simple, but I'm still getting used to my new tablet so my ladybug turned out like a fish. I'm sure with time I'll get better, though. This is very helpful, thanks a lot. :]

👍: 0 ⏩: 0

NyanQueen In reply to ??? [2011-09-02 18:36:04 +0000 UTC]

Hi! Thank you so much for this! I made use of it here [link] and would love your input!

👍: 0 ⏩: 0

xfe In reply to ??? [2011-09-01 05:37:17 +0000 UTC]

I used this to make my icon. :3 Lol as my first pixel icon ever. XD

👍: 0 ⏩: 2

steffne In reply to xfe [2011-09-01 07:57:47 +0000 UTC]

Oh wow! You've made a good job of it, well done <33

👍: 0 ⏩: 1

xfe In reply to steffne [2011-09-01 18:56:18 +0000 UTC]

Really? Thank you!! ^___^ <3

👍: 0 ⏩: 0

xfe In reply to xfe [2011-09-01 05:37:52 +0000 UTC]

Actually that was a lie. My first serious pixel icon ever. o.o;

👍: 0 ⏩: 0

bonny1011 In reply to ??? [2011-08-27 23:52:46 +0000 UTC]

;u; I was reading this, thinking the person who made this did it nicely, then I saw your icon and i was like, OMG STEFFNE MADE THIS?!?!
Its amazing~

👍: 0 ⏩: 0

PsychoBoss In reply to ??? [2011-08-24 21:45:33 +0000 UTC]

Cute!

How did you make your Coffee icon show up in your Author's Comment?

👍: 0 ⏩: 1

steffne In reply to PsychoBoss [2011-08-24 22:44:00 +0000 UTC]

I think it only works for subscribed members, but I used the :thumb: thing from that deviation n__n

👍: 0 ⏩: 1

PsychoBoss In reply to steffne [2011-08-24 22:48:20 +0000 UTC]

Dang. That figures. Thanks anyway.

👍: 0 ⏩: 0

kaxibum [2011-08-24 14:47:47 +0000 UTC]

How do you get it pixely? :3

👍: 0 ⏩: 1

houoh In reply to kaxibum [2011-08-24 21:16:15 +0000 UTC]

👍: 0 ⏩: 0

N-lovegirl99 In reply to ??? [2011-08-21 22:22:57 +0000 UTC]

This is very helpful ^.^

👍: 0 ⏩: 0

LittleGlitterTeddy In reply to ??? [2011-08-10 12:17:21 +0000 UTC]

Oh thnx sooo much this has really helped!!!

👍: 0 ⏩: 0

SapphiresFlame In reply to ??? [2011-08-06 16:08:12 +0000 UTC]

how did you remove the background? I'm using SAI and I don't know how to remove it

👍: 0 ⏩: 1

steffne In reply to SapphiresFlame [2011-08-12 21:25:02 +0000 UTC]

I've never used SAI so I wouldn't know how to,
give it a Google though~ I'm sure there'll be a hand full of tutorials that'll show you

👍: 0 ⏩: 0

CatchingCrazy [2011-08-05 01:46:24 +0000 UTC]

& do you use transparent backgrounds in photoshop, or do you use a white background?

👍: 0 ⏩: 0

CatchingCrazy [2011-08-05 01:45:26 +0000 UTC]

I'm totally going to try this, and I think my first pixel will be a starfish or something. C: If I link you, will you give me honest feedback on it? I've never done a pixel icon before. <333

👍: 0 ⏩: 0

Roiuky In reply to ??? [2011-08-04 18:48:22 +0000 UTC]

yay, thx for the tutorial, helped me make my icon^_^

👍: 0 ⏩: 0

pengos In reply to ??? [2011-08-02 13:39:56 +0000 UTC]

In MS Paint, how do you get rid of the background like in the description thing?

👍: 0 ⏩: 0

AnimeXDrawing [2011-07-29 23:29:21 +0000 UTC]

so helpful! THX!

👍: 0 ⏩: 1

steffne In reply to AnimeXDrawing [2011-08-01 20:54:26 +0000 UTC]

Aw glad you think so! <3

👍: 0 ⏩: 1

AnimeXDrawing In reply to steffne [2011-08-01 20:55:13 +0000 UTC]

XD

👍: 0 ⏩: 0

YukihanaJasumine In reply to ??? [2011-07-26 23:00:46 +0000 UTC]

Cool!

👍: 0 ⏩: 0

greendogblue In reply to ??? [2011-07-17 23:32:48 +0000 UTC]

Thanks! I used this and made my very first icon! YAY!
I would show you, but im kind of new to deviantart and im not sure how to XD

👍: 0 ⏩: 0


<= Prev | | Next =>