HOME | DD

koffeelam — Pixel icon tutorial

Published: 2012-10-22 10:12:17 +0000 UTC; Views: 16561; Favourites: 1038; Downloads: 181
Redirect to original
Description My very first tutorial, well mostly I made for fun (Don't judge me T~T) But i really really hope it's helpful for some of you who doesn't know how to make animated icon.


***NOTE NOTE NOTE: To save it as a gif file: File ~> Save for web and devices XD

(Using photoshop cs4)

This is my free icon if you wanna use hehe~



YOU ARE NOT ALLOWED TO COPY/REMAKE/REPOST THIS TUTORIAL OR CLAIM IT AS YOURS!
THIS IS A RESULT OF PERSONAL WORK AND PLEASE RESPECT.

Other tut~
   

Related content
Comments: 180

Estynon [2018-01-21 07:57:15 +0000 UTC]

I made one 0w0 vivkat.deviantart.com/art/Milk…

👍: 0 ⏩: 1

koffeelam In reply to Estynon [2018-01-21 11:25:16 +0000 UTC]

Looks great, keep doing more

👍: 0 ⏩: 0

AK-CUTE [2017-12-16 21:40:06 +0000 UTC]

I learn how make that THANK YOU! 

👍: 0 ⏩: 1

koffeelam In reply to AK-CUTE [2017-12-17 10:06:28 +0000 UTC]

Glad it helps!!! <3

👍: 0 ⏩: 1

AK-CUTE In reply to koffeelam [2017-12-17 13:57:00 +0000 UTC]

YES IT IS!! I try my best your so help btw why nobody make that D: I LOVE IT

👍: 0 ⏩: 0

HanaGluskin [2017-11-12 09:31:44 +0000 UTC]

Thank you so much for the help! ^3^   

👍: 0 ⏩: 0

Hudasenpai [2017-10-27 18:45:06 +0000 UTC]

This is amazing thank you so much I thought it'd be much harder than this!   

👍: 0 ⏩: 0

FeliciaHyperdeath [2017-03-24 21:46:02 +0000 UTC]

how can I add different frames? I'ts all being the same layer

👍: 0 ⏩: 0

Xensae [2016-06-23 01:40:27 +0000 UTC]

can you make these without photoshop

👍: 0 ⏩: 1

koffeelam In reply to Xensae [2016-06-23 05:48:28 +0000 UTC]

You can make them with paint or paint tool sai, others talk about gimp but I haven't used it so I don't know

👍: 0 ⏩: 0

Mewya [2016-05-31 15:23:40 +0000 UTC]

this is me being an idiot but where is the Web and devices?

👍: 0 ⏩: 2

koffeelam In reply to Mewya [2016-05-31 16:22:17 +0000 UTC]

It's in File

👍: 0 ⏩: 1

Mewya In reply to koffeelam [2016-06-02 14:16:31 +0000 UTC]

^ thx I made my own now :3

👍: 0 ⏩: 0

Mewya In reply to Mewya [2016-05-31 15:29:59 +0000 UTC]

nvm I found out, and now I have it as my icon 0w0
thx so much for the tutorial x3

👍: 0 ⏩: 0

Lumiuu [2015-08-20 22:04:36 +0000 UTC]

Cute tutorial! It really helps  

👍: 0 ⏩: 1

koffeelam In reply to Lumiuu [2015-08-21 10:44:54 +0000 UTC]

Thank you~~ XD

👍: 0 ⏩: 0

Bambi3112 [2015-08-09 12:03:31 +0000 UTC]

Thank you Thank you, it's so helpful. I'm glad i found this tut
Translation:
Cảm ơn chị nhiều, em rất mừng khi kiếm được cái tut này

👍: 0 ⏩: 1

koffeelam In reply to Bambi3112 [2015-08-10 10:39:41 +0000 UTC]

Uh, k có chi nhé em, em cần biết thêm gì về pixel, nếu trong khả năng chỉ sẽ giúp :3

👍: 0 ⏩: 0

tenshibakaxD [2014-09-07 13:48:27 +0000 UTC]

chị ơi, làm sao vẽ cái ảnh nó mở mắt, nhắm vừa, nhắm thế ạ? Em toàn phải bôi bôi tô tô lại để vẽ con mắt đó ạ TwT Mong chị giúp em gấp

👍: 0 ⏩: 1

koffeelam In reply to tenshibakaxD [2014-09-08 08:11:01 +0000 UTC]

fav.me/d3iz0mj
Tham khảo tut này nha em, có gì khó hiểu thì hỏi chị :3

👍: 0 ⏩: 1

tenshibakaxD In reply to koffeelam [2014-09-08 12:36:11 +0000 UTC]

à chị ơi, người ta bảo copy cái mắt đó vào đâu thế hả chị? và nhấn vào đâu mới copy được thế ạ? Em cứ làm hoài mà không được ; w ;
Nếu em có làm phền chị thì cho em xin lỗi chị nhé ; x ;

👍: 0 ⏩: 1

koffeelam In reply to tenshibakaxD [2014-09-14 11:43:22 +0000 UTC]

là sao em, chị k hiểu *-*
Xin lỗi em nha, dạo này chị bận nên trả lời chậm.

👍: 0 ⏩: 1

tenshibakaxD In reply to koffeelam [2014-09-14 12:18:42 +0000 UTC]

trong TUT có bảo copy con mắt vào một cái trang vô hình, ( em dịch tầm phào thì nó ra thế này) Nhưng mà em nhấn chuột phải thì nó không có chữ copy gì hết chị ạ, và cái trang vô hình đó là cái gì?

👍: 0 ⏩: 1

koffeelam In reply to tenshibakaxD [2014-09-16 05:02:30 +0000 UTC]

Giờ em chọn vùng mắt (phần cần chuyển động) rồi bấm Ctrl J, layer đó sẽ được nhân đôi lên, em giấu (hide) 1 trong 2 layer đi (cơ bản là cả 2 giống nhau nên hide cái nào cũng được, em đặt tên để khỏi nhầm thì càng tốt) rồi em resize cái còn lại như trong Tut chỉ. :3

👍: 0 ⏩: 1

tenshibakaxD In reply to koffeelam [2014-09-16 11:48:53 +0000 UTC]

ohoho >3
Em làm được rồi >33
Tks chị ^^

👍: 0 ⏩: 0

marylovebloom [2014-07-07 13:21:27 +0000 UTC]

Em phải lưu thành 2 ảnh mới làm được chị ạ.

👍: 0 ⏩: 1

koffeelam In reply to marylovebloom [2014-07-07 15:14:21 +0000 UTC]

Trước giờ chị làm ảnh động thì cũng không lưu thành 2 file, nhưng em thấy cần thiết hoặc tiện hơn/đơn giản hơn thì làm, thành phẩm ra như nhau cả. Nói chung mỗi người có 1 cách làm khác nhau thôi em

👍: 0 ⏩: 1

marylovebloom In reply to koffeelam [2014-07-07 15:17:14 +0000 UTC]

Vâng, dù sao cũng cám ơn chị, cái icon của em là nhờ cái tut của chị đấy

👍: 0 ⏩: 0

neogalactic54 [2014-06-18 00:13:18 +0000 UTC]

The tutorial was osm Just one question, how do you make it bounce, do you redraw all the lines or do you use the transform tool?

👍: 0 ⏩: 1

koffeelam In reply to neogalactic54 [2014-06-19 14:41:20 +0000 UTC]

Well I redrew the part that needed to be changed to make movement :3

👍: 0 ⏩: 1

neogalactic54 In reply to koffeelam [2014-06-19 14:45:03 +0000 UTC]

Oh finally the answer that I've been wondering about for so longg XD THANKS A TON :3 <3<3<3

👍: 0 ⏩: 1

koffeelam In reply to neogalactic54 [2014-06-21 10:20:32 +0000 UTC]

You're welcome :3

👍: 0 ⏩: 0

AlinaKitti [2014-02-15 01:28:22 +0000 UTC]

Thanks for the tutorial! I made a really derpy heart out of it...

👍: 0 ⏩: 1

koffeelam In reply to AlinaKitti [2014-02-26 08:52:17 +0000 UTC]

You're very welcome, I'm just glad it helps >w<

👍: 0 ⏩: 0

VocaloidWings [2014-02-11 06:55:00 +0000 UTC]

I used this here: fav.me/d75zmik


I hope you don't mind. I HAD to steal this idea because it's so CUTE!!!!!!!

👍: 0 ⏩: 1

koffeelam In reply to VocaloidWings [2014-02-26 08:51:58 +0000 UTC]

Well done, keep up with the good job XD

👍: 0 ⏩: 0

renneka [2014-02-10 20:49:54 +0000 UTC]

Awwwww! This is adorable!!

👍: 0 ⏩: 0

YleniaAteYou [2014-01-26 20:42:11 +0000 UTC]

:3 I made my icon with this tutorial =w=

👍: 0 ⏩: 1

koffeelam In reply to YleniaAteYou [2014-01-27 12:18:41 +0000 UTC]

Good work XD

👍: 0 ⏩: 1

YleniaAteYou In reply to koffeelam [2014-01-27 14:53:31 +0000 UTC]

ahahah xD Thanks xD Btw i love your pixel arts..they are so cute..kawaiii *-*

👍: 0 ⏩: 0

cupcakenx [2013-12-30 12:53:08 +0000 UTC]

I made my icon with the help of your tutorial, thanks! c:

👍: 0 ⏩: 1

koffeelam In reply to cupcakenx [2013-12-31 02:36:55 +0000 UTC]

VERY CUTEEEE <3 <3

👍: 0 ⏩: 0

XxflyinglionxX [2013-12-30 12:51:28 +0000 UTC]

how do i make that i dont get it?

👍: 0 ⏩: 1

koffeelam In reply to XxflyinglionxX [2013-12-31 02:37:07 +0000 UTC]

Photoshop CS4

👍: 0 ⏩: 1

XxflyinglionxX In reply to koffeelam [2013-12-31 09:57:34 +0000 UTC]

ok

👍: 0 ⏩: 0

XxflyinglionxX [2013-12-30 12:44:20 +0000 UTC]

what proggram is that?

👍: 0 ⏩: 1

koffeelam In reply to XxflyinglionxX [2014-01-07 12:06:51 +0000 UTC]

I used photoshop CS4

👍: 0 ⏩: 0

Leshiye-Art [2013-10-26 23:04:15 +0000 UTC]

I use your tutorial for this deviation: fav.me/d6rx9cs Thanks a lot!

👍: 0 ⏩: 1

koffeelam In reply to Leshiye-Art [2013-10-27 05:54:15 +0000 UTC]

XD I'm so glad my tutorial can help, keep up with the good work <3

👍: 0 ⏩: 0

Fluffy-luve [2013-10-18 09:24:08 +0000 UTC]

I'm using CS6 but there is no animation option T.T and I dont have image ready...

Can you help me? Thank you!

👍: 0 ⏩: 2


| Next =>