Shop Forum More Submit  Join Login
Photoshop Animation Tutorial by Sitraxis Photoshop Animation Tutorial by Sitraxis

:dummy:Download .PSD file here!:dummy:


Final Result:


EDIT.2//M-M-MY GOODNESS?! A DAILY DEVIATION?!?!? Thanks so much :iconvampy-note: for suggesting and :iconfantasystock: for featuring! :hug: You guys really made day! :heart: /end edit

EDIT.// F-F-FRONT PAGE IN BROWSING "PHOTOSHOP ANIMATION TUTORIAL" ALREADY?! You guys are too much. *____* /end edit

OHMYGOODNESS!!!:faint: HEY GUESS WHAT?! I just came from the Photoshop Battlefield! :dummy: AND this tutorial TOOK ME FOREVER!!!! :faint:

The UNGODLY number of hours/ DAYS that took me to finish this comprehensive tutorial were hellish for sure! :ohnoes: Don't get me started on how I did the desktop screenshots. @w@

When I was in the middle of doing the Tween part, I was like "No more, NO MORE!!!!!!" T_____________T

I wanna take a break but I have commissions and gifts to do. T____T However, I also have to attend my neglected messages. T____T My summer;s almost over.

I made sure everything I said there is straight to the point and I tried not to beat around the bush. D8 If you managed to stay awake throughout the whole tutorial, I congratulate you for that. :clap: It must have been too long for you to read. :ohnoes:

You know, what really entertained me about this tutorial is the Photoshop boxes, because some boxes are like "Desk..", "Desktop Scree...","Desktop Screensh..." ,"Desktop Screensho...", "Desktop Screenshot.ps" and so on. >u>


I dedicate this SUPER long tutorial to the following:
:iconibitecandy:-You got me started on it since 2009! :glomp: Oh and Happy Birthday~!!! :huggle: So, you finally got yourself a long stick that teaches you how to animate in Photoshop. (I kid, I better start on that gift for you *slapped for it* )
:icontajii-chan:- this is LITERALLY HOW LARGE I wanna thank you for making my days with your loving personality and awesome artwork. <3 NO, I think it's even larger than that; It spreads infinitely! :la: (BTW, I'm still working on that thing)
:iconalzrith:-I dare you to rival me! XD I'm kidding! :hug: and thanks for extending my sub TWICE! @w@ Seriously, I should get started on your commissions. ^^; I feel so bad for being so busy with life.
:iconkoneko-star:-You were there when this tutorial was in the making. @u@ I thank you for making my days perkier when you're around (especially when I was super irritated finishing this tutorial). I miss you. :huggle: Let's have a sleepover again when it's Sem Break! OuO

Also, this tutorial's a belated THANK YOU to EVERYONE who recently watched, commented, and faved my works (again) AND greeted me on my birthday ;u; ! :heart:

...Also Thanks for the awesome gifts I recently received. ;u;

from :iconkoneko-star:
from :iconrogue-of-the-night:



Here's what got me started on PS Animation:
by :iconquisik:
If it wasn't for this tutorial, I don't know where I'll be with my art. :huggle:


________________________________________
Pikachu (c) Nintendo
Tutorial (c) :iconkokueiyaki:


...Kay, Good night! I need to sleep! It's past 3 AM over here. @u@
Add a Comment:
 

Daily Deviation

Given 2011-06-12
Suggester's words: Photoshop Animation Tutorial by *KokueiYaki will amaze you! This has to be one of the best photoshop animation tutorials on the web. The artist has taken so much time to construct the perfect tutorial that is great for everyone! It is easy to understand and so informative! This needs to be a DD!! ( Suggested by Vampy-note and Featured by FantasyStock )
:iconcareas:
careas Featured By Owner Apr 4, 2017
Errgg thaaannnkkk yooouuuuu.................... I was literally dying with PS animation complexity..... ^^;
Reply
:iconbasilart23:
basilart23 Featured By Owner Dec 1, 2016
Nice Work!
Here is my work posted on
www.psd2html5.co/
Reply
:iconaf20cartoons:
AF20cartoons Featured By Owner Nov 7, 2015  Student Filmographer
Hey, one question! Does Animation can work with Photoshop CC?

Because I searched there and there was no animation thing!
Reply
:iconbillynikoll:
BillyNikoll Featured By Owner Jul 18, 2015  Hobbyist General Artist
Thanks for the tutorial!
Reply
:iconshadoweses:
Shadoweses Featured By Owner Jun 9, 2015  Hobbyist General Artist
It's extremely helpful! Thank you for sharing! You have a talent for taching, everything's clear and I had no problem with understanding what to do (and I usually have a problem) :heart:
Reply
:iconkaguraria:
KaguraRia Featured By Owner May 29, 2015
wow X3 how many layers you used to do it?
Reply
:iconaffyre:
Affyre Featured By Owner Mar 27, 2015
What photoshop are you using? I'm using CC 2014 and I can't seem to find the animation window.
Reply
:iconmoriturii:
Moriturii Featured By Owner Apr 18, 2015
you should have a window called 'timeline' i am not sure but i think thats the window you need now. you can also change to frames from there.
Reply
:iconrudami:
Rudami Featured By Owner Mar 2, 2015  Hobbyist General Artist
So should I probably have the frames drawn before trying this >3>?
Reply
:iconcarullina:
Carullina Featured By Owner Jan 15, 2015  Student Interface Designer
WoW *-* thanks !!
Reply
:iconsikhy:
Sikhy Featured By Owner Jan 3, 2015  Student General Artist
Amgg thank you so much for this!! Needed it ^u^ Lavs u
Reply
:iconkandaharuka:
KandaHaruka Featured By Owner Dec 21, 2014  Student General Artist
Would this work with Photoshop CS5?
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jan 1, 2015  Hobbyist General Artist
Yup, it would work with any Photoshop software above CS2
Reply
:iconkandaharuka:
KandaHaruka Featured By Owner Jan 2, 2015  Student General Artist
Thank you.
Reply
:iconourshellves:
Ourshellves Featured By Owner Nov 9, 2014  Hobbyist Digital Artist
Thank you! :la:
This really helped me a lot, especially the part about .psd --> .gif conversion. I've finally recognized where's the mistake in my work! 
Truly useful tutorial. Clap 
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jan 1, 2015  Hobbyist General Artist
No problem! I'm really glad this helped. :love: :heart:

Feel free to ask me questions anytime. :>
Reply
:iconjolin-chan:
Jolin-chan Featured By Owner Nov 7, 2014
lol...a wild animation window appeard!!! xD
great tutorial ^^
can i add music to the animations ?
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jan 1, 2015  Hobbyist General Artist
It's been a while since I made this tutorial. :> I could never get over that joke. :giggle:

I don't think you can in Photoshop but I think you can in other softwares such as After Effect, I believe? :o
Reply
:iconwerehorse89:
Werehorse89 Featured By Owner Sep 14, 2014  Hobbyist General Artist
Awesome tutorial, thank you!! :heart:
Reply
:iconcerys16:
cerys16 Featured By Owner Jan 15, 2014
help! i use cs6 and i cant find the animation thing on the first step!
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jan 15, 2014  Hobbyist General Artist
From what I saw in Google, the animation window can be activated by clicking Timeline. You can choose to use Frame animation from there. ^7^ ( forums.adobe.com/thread/100115… )
Reply
:iconcerys16:
cerys16 Featured By Owner Jan 16, 2014
o, thx!
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jan 19, 2014  Hobbyist General Artist
No problem. ;p
Reply
:icond-awesome:
d-awesome Featured By Owner Dec 16, 2013  Hobbyist General Artist
audio tutorial for photoshop?
Reply
:iconiamanelebiscarra:
iAmAneleBiscarra Featured By Owner Nov 26, 2013  Hobbyist General Artist
I'm creating an article for %projecteducate and I need some examples of Photoshop tutorials. Can I use a thumb of this deviation for my article? Thanks! :D
Reply
:iconsitraxis:
Sitraxis Featured By Owner Dec 4, 2013  Hobbyist General Artist
You are welcome to use it. ThedeviantArt  thumbnail does link back to me so I really don't mind. :D I'm really honored. :huggle: Thank you very much. :tighthug:
Reply
:iconcrazymarti:
CrazyMarti Featured By Owner Aug 30, 2013  Hobbyist Digital Artist
awww god thanks! used it here cuz I was almost about to throw my comuter agains the wall : fav.me/d6kaa11
Reply
:iconnevelichka:
Nevelichka Featured By Owner Jul 4, 2013  Hobbyist Digital Artist
Sounds like fun! Thanks for the tutorial ^-^
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jul 4, 2013  Hobbyist General Artist
No problem. :huggle: I'm looking forward to the animations you make. :dummy:
Reply
:iconthepineappleeater:
ThePineappleEater Featured By Owner Jul 1, 2013
Cool! This helped alot!
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jul 3, 2013  Hobbyist General Artist
You're most welcome. :huggle:
Reply
:iconshaman-anna:
shaman-anna Featured By Owner Jun 4, 2013  Student Artisan Crafter
soooooooooooooo cool thnx!!!!
at last i found a tutorial!
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jun 30, 2013  Hobbyist General Artist
Sure, no problem. ;p
Reply
:iconxpopfloss:
xPopFloss Featured By Owner May 27, 2013  Hobbyist General Artist
do you have one of these for mac? thanks! :D
Reply
:iconsitraxis:
Sitraxis Featured By Owner May 27, 2013  Hobbyist General Artist
The Photoshop program is available for Mac, if that's what you mean. :D
Reply
:iconxpopfloss:
xPopFloss Featured By Owner May 27, 2013  Hobbyist General Artist
actually, i have photoshop, but i don't know how to animate on it, its different on mac ^^;
Reply
:iconsitraxis:
Sitraxis Featured By Owner May 27, 2013  Hobbyist General Artist
Could you kindly clarify what version of Photoshop it is? :D
Reply
:iconxpopfloss:
xPopFloss Featured By Owner May 27, 2013  Hobbyist General Artist
CS6
Reply
:iconsitraxis:
Sitraxis Featured By Owner May 27, 2013  Hobbyist General Artist
I'm sure that it's just up there on the uppermost tab. Window>Animation. :D The one with the apple symbol on its left.

All right so this coming from a Windows user so perhaps, you could give me a screenshot. :')
Reply
:iconxpopfloss:
xPopFloss Featured By Owner May 27, 2013  Hobbyist General Artist
i looked, doesnt work :( but oh well, i'll try on gimp later :D
Reply
:iconelysianimagery:
ElysianImagery Featured By Owner Apr 3, 2013  Professional Digital Artist
OMG THANK YOU THANK YOU THANK YOU THANK YOU.
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jun 30, 2013  Hobbyist General Artist
You're most welcome. :iconiloveyouplz:
Reply
:iconfinder647:
finder647 Featured By Owner Mar 12, 2013  Hobbyist Digital Artist
big thanks! this will help me. a lot
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jun 30, 2013  Hobbyist General Artist
No problem. :love: I'm really glad it helps. :huggle:
Reply
:iconkyderart:
KyderArt Featured By Owner Mar 9, 2013  Hobbyist Digital Artist
Great tut but the PSD file link is down. :(
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jul 24, 2013  Hobbyist General Artist
Thank you! :D I'm glad it helped. ;p I'll try to provide another one when I have the time. The original file got corrupted after my last computer crashed. ^^;
Reply
:iconyilin123456732:
yilin123456732 Featured By Owner Mar 2, 2013   Digital Artist
thxs for the tutorial!! Pretty useful! :D
Reply
:iconsitraxis:
Sitraxis Featured By Owner Jul 24, 2013  Hobbyist General Artist
No problem! :D I'm happy to help. ;p
Reply
:iconcosmicdusty:
CosmicDusty Featured By Owner Feb 19, 2013  Student General Artist
Um, hello... I was wondering what I should do, because I have Photoshop 8.0, but I can't seem to find the animation choice anywhere ^^;
Reply
:icontalia-wolffang:
Talia-WolfFang Featured By Owner Jan 25, 2013
This is amazing! So simple to understand for everyone. :D Thank you so much for this tutorial!
Reply
Add a Comment:
 
×




Details

Submitted on
June 4, 2011
Image Size
3.6 MB
Resolution
480×13050
Link
Thumb

Stats

Views
63,676 (3 today)
Favourites
3,336 (who?)
Comments
379
Downloads
1,800