Shop Mobile More Submit  Join Login
×




Details

Submitted on
March 27, 2012
Image Size
324 KB
Resolution
1000×3220
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
11,370 (4 today)
Favourites
643 (who?)
Comments
76
Downloads
194
×
Pixel(Bit) Animation Tutorial by wangqr Pixel(Bit) Animation Tutorial by wangqr
This is my very first tutorial made, I hope it's not too hard to understand o_o But guys, please read it over slow and carefully. You need to experiment in Photoshop as much as possible! I have the basic guidelines for you here, how well you absorb the information depends on how long you spent testing things :D Good Luck!

*P.S.* In older versions of Photoshop, animation only works in a seperate program called Photoshop Elements. Thank you *Zedna7 for reminding me to tell everyone that :aww:

Final look of the blink:

Oh and please :+fav: this if it helped :la: Thanks!
Add a Comment:
 
:iconartsplasher:
ArtSplasher Featured By Owner Dec 3, 2014  Hobbyist Traditional Artist
哇,这帮助了我好多哦!谢谢您!This tutorial is AWESHUM! Clap 
Reply
:iconwangqr:
wangqr Featured By Owner Dec 6, 2014  Student Digital Artist
Yayyy, i am honored!!! :XD:  ur welcome!! :hug::love:~
Reply
:iconartsplasher:
ArtSplasher Featured By Owner Dec 6, 2014  Hobbyist Traditional Artist
:D
Reply
:iconmilachann:
MilAChaNn Featured By Owner Jul 18, 2014  Hobbyist Digital Artist
Awwwwwwww chuuuuuuz sooooooooo CUTEEEEEEEEEEE!!!
Thankssss for the tutorialllll :iconyuicheekplz:
Reply
:iconwangqr:
wangqr Featured By Owner Jul 18, 2014  Student Digital Artist
Teehee~~, npnp! :D ty for viewing my tut too!
Reply
:iconmilachann:
MilAChaNn Featured By Owner Jul 26, 2014  Hobbyist Digital Artist
awwww np
Reply
:iconmammouth55:
Mammouth55 Featured By Owner Jun 30, 2014  Professional Traditional Artist
thanks!
Reply
:iconwangqr:
wangqr Featured By Owner Jun 30, 2014  Student Digital Artist
np! :)
Reply
:iconmammouth55:
Mammouth55 Featured By Owner Jul 1, 2014  Professional Traditional Artist
yay!Woohooooo! 
Reply
:iconsaya-alphaling:
Saya-Alphaling Featured By Owner Mar 3, 2014  Hobbyist Digital Artist
我從來也不知道....Photoshop 有animation的window..OAO ......(有 Photoshop 但不常用的人)
Reply
:iconwangqr:
wangqr Featured By Owner Mar 4, 2014  Student Digital Artist
顺便说一下,新版的photoshop里面不叫animation叫timeline哦。呵呵 没事~ 反正photoshop除了pixel gif animation,也不算是正式的动画软件咩 ;P
Reply
:iconsaya-alphaling:
Saya-Alphaling Featured By Owner Mar 5, 2014  Hobbyist Digital Artist
哦 ~~ Ok :)
Reply
:iconmisscaptainalex:
MissCaptainAlex Featured By Owner Dec 19, 2013  Professional General Artist
Thank you for posting this!! :D 
Reply
:iconwangqr:
wangqr Featured By Owner Dec 19, 2013  Student Digital Artist
And thank you for reading this :D
Reply
:iconpeachberrydivision:
PeachBerryDivision Featured By Owner Dec 9, 2013  Hobbyist General Artist
好酷啊!谢啦!
Reply
:iconwangqr:
wangqr Featured By Owner Dec 10, 2013  Student Digital Artist
客气客气 :D
Reply
:iconpeachberrydivision:
PeachBerryDivision Featured By Owner Dec 10, 2013  Hobbyist General Artist
:iconyeahplz:
Reply
:icongalaizo:
galaizo Featured By Owner Jan 17, 2013  Hobbyist General Artist
Hi, what font is it ? Do you mind to share it with me. :O_o:
Reply
:iconwangqr:
wangqr Featured By Owner Jan 17, 2013  Student Digital Artist
it's called visitor, i got it off the internet, if u search it u shud find a free download ;P
Reply
:icongalaizo:
galaizo Featured By Owner Jan 18, 2013  Hobbyist General Artist
Alright !! Thanks a lot for your kindness, hehehe... :la:
Reply
:iconyilin123456732:
yilin123456732 Featured By Owner Nov 20, 2012  Student Digital Artist
very neat and neat! xD
Reply
:iconwangqr:
wangqr Featured By Owner Nov 20, 2012  Student Digital Artist
:XD: thank u~~
Reply
:icongalaizo:
galaizo Featured By Owner Sep 19, 2012  Hobbyist General Artist
Omg, the tutorial is very awesome !!
Reply
:iconwangqr:
wangqr Featured By Owner Sep 19, 2012  Student Digital Artist
Thank u for letting me know tat !! :aww:
Reply
:iconkimmy--chan:
kimmy--chan Featured By Owner Sep 15, 2012  Hobbyist General Artist
Hhhiii I love your animations there are awesome umm how do you do background invisible like not to see any background like the white background plz help me if you know plz tell me
Reply
:iconwangqr:
wangqr Featured By Owner Sep 15, 2012  Student Digital Artist
Ty dear :) If u are refering to transparent background, simply delete ur background layer or make it invisible. That way when u save it as .gif or .png the background won't be there :D
Reply
:iconkimmy--chan:
kimmy--chan Featured By Owner Sep 16, 2012  Hobbyist General Artist
Ooohhh ill try it thank you so much
Reply
:iconwangqr:
wangqr Featured By Owner Sep 16, 2012  Student Digital Artist
Nps :)
Reply
:iconnefaire:
Nefaire Featured By Owner Aug 30, 2012
Waah thanks for this tutorial, i should try that blinking! <3
Reply
:iconwangqr:
wangqr Featured By Owner Aug 31, 2012  Student Digital Artist
Awesome :D good luck!!
Reply
:iconlovelysolitude:
lovelysolitude Featured By Owner Aug 30, 2012  Professional General Artist
I'll try to create something cute by following your tuto! :D hehe! I promise I'll show it to you when it's done ^^
Reply
:iconwangqr:
wangqr Featured By Owner Aug 30, 2012  Student Digital Artist
Awesome, i wud loveee to see it~~ :la:
Reply
:iconliliideas:
liliideas Featured By Owner Aug 15, 2012  Professional Filmographer
very helpful ... i wanna try this too
Reply
:iconwangqr:
wangqr Featured By Owner Aug 15, 2012  Student Digital Artist
awesome, good luck then :D
Reply
:iconoemilythepenguino:
OEmilyThePenguinO Featured By Owner Aug 6, 2012  Student Digital Artist
for once elements saves my butt ;u;
Reply
:iconwangqr:
wangqr Featured By Owner Aug 6, 2012  Student Digital Artist
;P
Reply
:iconzedna7:
Zedna7 Featured By Owner Jul 14, 2012  Student Digital Artist
This'll come in handy when people ask me how to animate things :dummy: it's easily readible and nicely explained.

I hope you don't mind I have some minor advices :)
For older versions of photoshop, the animation window is on a separate program, Photoshop Elements (like in my photoshop 7.0), perhaps that'll be handy mentioning.

the little window where the animation is shown, should be on 'optimized' as it shows exactly how it'll be saved as :dance:

I'm putting this on my monthly feature on my page so people can see it :happybounce:
Reply
:iconwangqr:
wangqr Featured By Owner Jul 14, 2012  Student Digital Artist
Thank you for the advice, I have placed a "p.s." note in my description bar :) thank you for the feature too!! :la:
Reply
:iconzedna7:
Zedna7 Featured By Owner Jul 14, 2012  Student Digital Artist
:happybounce: you're welcome
Reply
:iconms-laika:
ms-laika Featured By Owner Jul 5, 2012   Traditional Artist
helped a lot! thanks!
Reply
:iconwangqr:
wangqr Featured By Owner Jul 5, 2012  Student Digital Artist
Tat's good to know! Ur very welcome! :)
Reply
:iconazuie:
Azuie Featured By Owner Jun 22, 2012  Student Artist
Very helpful! But should I really put the bg of the images transparent? Cause whenever I do that , the newest image I put on gets copyed onto all my other pages....
Reply
:iconzedna7:
Zedna7 Featured By Owner Jul 14, 2012  Student Digital Artist
the newest copies to all my other pages as well, but only from number one page. I manually click the others off. So, the copying is a basic feature I guess.

This should be able in cs3 as well, but you have to be aware of minor differences. The saving is still as here though :dance:
Reply
:iconwangqr:
wangqr Featured By Owner Jun 22, 2012  Student Digital Artist
hmm whenever I want a transparent background, i just delete my bg layer altogether, or else the frames will get rly messed up :(
Reply
:iconazuie:
Azuie Featured By Owner Jun 22, 2012  Student Artist
... wait... does it work on photoshop cs3 too?
Reply
:iconwangqr:
wangqr Featured By Owner Jun 22, 2012  Student Digital Artist
eh... you might have to try it and find out urself, I dun has CS3 :(
Reply
:iconazuie:
Azuie Featured By Owner Jun 22, 2012  Student Artist
Oh ok
Reply
:iconpheebadohdoh:
PheeBaDohDoh Featured By Owner May 27, 2012  Hobbyist Digital Artist
VERY HELPFUL!!

I was wondering how to make animated GIFs in photoshop cs-series.
Reply
:iconwangqr:
wangqr Featured By Owner May 27, 2012  Student Digital Artist
Tat's awesome :D!
Reply
:iconxpandarosex:
XPandaroseX Featured By Owner Apr 1, 2012  Student
wait you use photoshop to make animation or use a different program?

also i have photoshop CS5 does that animation?
Reply
Add a Comment: