HOME | DD

Sitraxis β€” Photoshop Animation Tutorial

Published: 2011-06-04 19:24:16 +0000 UTC; Views: 70217; Favourites: 3172; Downloads: 1811
Redirect to original
Description Download .PSD file here!
Final Result:


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

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

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

The UNGODLY number of hours/ DAYS that took me to finish this comprehensive tutorial were hellish for sure! 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. It must have been too long for you to read.

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:
-You got me started on it since 2009! Oh and Happy Birthday~!!! 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* )
- 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! (BTW, I'm still working on that thing)
-I dare you to rival me! XD I'm kidding! 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.
-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. 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; !

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

from
from



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

________________________________________
Pikachu (c) Nintendo
Tutorial (c)

...Kay, Good night! I need to sleep! It's past 3 AM over here. @u@
Related content
Comments: 391

basilart23 [2016-12-01 09:05:52 +0000 UTC]

Nice Work!
Here is my work posted on
www.psd2html5.co/

πŸ‘: 0 ⏩: 0

AF20cartoons [2015-11-08 01:40:46 +0000 UTC]

Hey, one question! Does Animation can work with Photoshop CC?

Because I searched there and there was no animation thing!

πŸ‘: 0 ⏩: 0

BillyNikoll [2015-07-18 23:19:52 +0000 UTC]

Thanks for the tutorial!

πŸ‘: 0 ⏩: 0

Shadoweses [2015-06-09 10:49:05 +0000 UTC]

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)

πŸ‘: 0 ⏩: 0

RiaRiiRii [2015-05-29 12:54:22 +0000 UTC]

wow X3 how many layers you used to do it?

πŸ‘: 0 ⏩: 0

Affyre [2015-03-27 15:03:40 +0000 UTC]

What photoshop are you using? I'm using CC 2014 and I can't seem to find the animation window.

πŸ‘: 0 ⏩: 1

Moriturii In reply to Affyre [2015-04-18 19:00:37 +0000 UTC]

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.

πŸ‘: 0 ⏩: 0

Rudami [2015-03-02 18:37:31 +0000 UTC]

So should I probably have the frames drawn before trying this >3>?

πŸ‘: 0 ⏩: 0

Carullina [2015-01-15 12:04:55 +0000 UTC]

WoW *-* thanks !!

πŸ‘: 0 ⏩: 0

Sikhy [2015-01-03 14:08:39 +0000 UTC]

Amgg thank you so much for this!! Needed it ^u^ Lavs u

πŸ‘: 0 ⏩: 0

KandaHaruka [2014-12-21 17:27:50 +0000 UTC]

Would this work with Photoshop CS5?

πŸ‘: 0 ⏩: 1

Sitraxis In reply to KandaHaruka [2015-01-02 07:44:53 +0000 UTC]

Yup, it would work with any Photoshop software above CS2

πŸ‘: 0 ⏩: 1

KandaHaruka In reply to Sitraxis [2015-01-02 13:40:25 +0000 UTC]

Thank you.

πŸ‘: 0 ⏩: 0

Ourshellves [2014-11-09 12:06:35 +0000 UTC]

Thank you!
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.Β Β 

πŸ‘: 0 ⏩: 1

Sitraxis In reply to Ourshellves [2015-01-02 07:48:24 +0000 UTC]

No problem! I'm really glad this helped.

Feel free to ask me questions anytime. :>

πŸ‘: 0 ⏩: 0

Jolin-chan [2014-11-07 17:45:16 +0000 UTC]

lol...a wild animation window appeard!!! xD
great tutorial ^^
can i add music to the animations ?

πŸ‘: 0 ⏩: 1

Sitraxis In reply to Jolin-chan [2015-01-02 07:49:23 +0000 UTC]

It's been a while since I made this tutorial. :> I could never get over that joke.

I don't think you can in Photoshop but I think you can in other softwares such as After Effect, I believe?

πŸ‘: 0 ⏩: 0

Werehorse89 [2014-09-14 15:56:18 +0000 UTC]

Awesome tutorial, thank you!!

πŸ‘: 0 ⏩: 0

cerys16 [2014-01-15 13:59:53 +0000 UTC]

help! i use cs6 and i cant find the animation thing on the first step!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to cerys16 [2014-01-16 01:11:52 +0000 UTC]

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… )

πŸ‘: 0 ⏩: 1

cerys16 In reply to Sitraxis [2014-01-16 11:28:16 +0000 UTC]

o, thx!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to cerys16 [2014-01-20 02:39:29 +0000 UTC]

No problem.

πŸ‘: 0 ⏩: 0

d-awesome [2013-12-17 02:04:33 +0000 UTC]

audio tutorial for photoshop?

πŸ‘: 0 ⏩: 0

iAmAneleBiscarra [2013-11-27 05:41:37 +0000 UTC]

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!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to iAmAneleBiscarra [2013-12-04 17:04:45 +0000 UTC]

You are welcome to use it. ThedeviantArtΒ  thumbnail does link back to me so I really don't mind. I'm really honored. Thank you very much.

πŸ‘: 0 ⏩: 0

CrazyMarti [2013-08-30 08:06:01 +0000 UTC]

awww god thanks! used it here cuz I was almost about to throw my comuter agains the wall :Β fav.me/d6kaa11

πŸ‘: 0 ⏩: 0

Nevelichka [2013-07-04 15:32:07 +0000 UTC]

Sounds like fun! Thanks for the tutorial ^-^

πŸ‘: 0 ⏩: 1

Sitraxis In reply to Nevelichka [2013-07-05 03:56:56 +0000 UTC]

No problem. I'm looking forward to the animations you make.

πŸ‘: 0 ⏩: 0

ThePineappleEater [2013-07-02 00:48:36 +0000 UTC]

Cool! This helped alot!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to ThePineappleEater [2013-07-04 06:55:26 +0000 UTC]

You're most welcome.

πŸ‘: 0 ⏩: 0

shaman-anna [2013-06-04 14:19:04 +0000 UTC]

soooooooooooooo cool thnx!!!!
at last i found a tutorial!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to shaman-anna [2013-07-01 03:40:14 +0000 UTC]

Sure, no problem.

πŸ‘: 0 ⏩: 0

xPopFloss [2013-05-27 10:01:19 +0000 UTC]

do you have one of these for mac? thanks!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to xPopFloss [2013-05-28 00:13:23 +0000 UTC]

The Photoshop program is available for Mac, if that's what you mean.

πŸ‘: 0 ⏩: 1

xPopFloss In reply to Sitraxis [2013-05-28 01:48:19 +0000 UTC]

actually, i have photoshop, but i don't know how to animate on it, its different on mac

πŸ‘: 0 ⏩: 1

Sitraxis In reply to xPopFloss [2013-05-28 01:53:07 +0000 UTC]

Could you kindly clarify what version of Photoshop it is?

πŸ‘: 0 ⏩: 1

xPopFloss In reply to Sitraxis [2013-05-28 02:07:12 +0000 UTC]

CS6

πŸ‘: 0 ⏩: 1

Sitraxis In reply to xPopFloss [2013-05-28 02:33:17 +0000 UTC]

I'm sure that it's just up there on the uppermost tab. Window>Animation. 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. :')

πŸ‘: 0 ⏩: 1

xPopFloss In reply to Sitraxis [2013-05-28 03:18:01 +0000 UTC]

i looked, doesnt work but oh well, i'll try on gimp later

πŸ‘: 0 ⏩: 0

ElysianImagery [2013-04-03 08:13:42 +0000 UTC]

OMG THANK YOU THANK YOU THANK YOU THANK YOU.

πŸ‘: 0 ⏩: 1

Sitraxis In reply to ElysianImagery [2013-07-01 03:40:29 +0000 UTC]

You're most welcome.

πŸ‘: 0 ⏩: 0

finder647 [2013-03-13 01:56:16 +0000 UTC]

big thanks! this will help me. a lot

πŸ‘: 0 ⏩: 1

Sitraxis In reply to finder647 [2013-07-01 03:40:47 +0000 UTC]

No problem. I'm really glad it helps.

πŸ‘: 0 ⏩: 0

KyderArt [2013-03-09 22:17:30 +0000 UTC]

Great tut but the PSD file link is down.

πŸ‘: 0 ⏩: 1

Sitraxis In reply to KyderArt [2013-07-25 04:48:26 +0000 UTC]

Thank you! I'm glad it helped. I'll try to provide another one when I have the time. The original file got corrupted after my last computer crashed.

πŸ‘: 0 ⏩: 0

yilin123456732 [2013-03-03 02:24:42 +0000 UTC]

thxs for the tutorial!! Pretty useful!

πŸ‘: 0 ⏩: 1

Sitraxis In reply to yilin123456732 [2013-07-25 04:48:45 +0000 UTC]

No problem! I'm happy to help.

πŸ‘: 0 ⏩: 0

32bees [2013-02-19 21:39:12 +0000 UTC]

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

πŸ‘: 0 ⏩: 0

Talia-WolfFang [2013-01-25 23:47:26 +0000 UTC]

This is amazing! So simple to understand for everyone. Thank you so much for this tutorial!

πŸ‘: 0 ⏩: 0

kiarajareth [2013-01-08 17:27:25 +0000 UTC]

Wow Thanks for this tutorial!! I think I love you

πŸ‘: 0 ⏩: 0


| Next =>