Photoshop Tutorial - Basic Animation

[tutorialcasts]

I remember doing these sort of things back in the day. Totally forgot about animation in Photoshop.

[IDOFILM]

great great now i know more than i did and made a start with your very easy to follow tutorial thankyou.using win7 and photoshop 7 and it worked! thankyou very much

[tedsef]

when i draw on the 2nd frame it also does it on the 1st one why?

[SaveMySanctuary]

@tedsef I have that issue as well

[undertaker5063]

nice video plz tell me in which format should i save it so that i could download in mobile am saving it in GIF and downloading it in mobile but i cant see animation in mobile .

[MattyBoy7777]

@undertaker5063 GIF sounds like the correct format, it could be your device that doesn't support the animated variety.

[ronjrandall]

Outstanding video nice and slow so I could follow along, fantastic.

Than You

[thehoneybun234]

GOD I LOVE YOUR ACCENT xD

yes this is interesting o u o

[MattyBoy7777]

@thehoneybun234 Thanks ;0)

[ktf17]

now i am interested in learning photoshop again =) thank you for the free tutorial =)

[MrsPortgas]

great tutorial!!! thank you!

[bmj14772]

Great beginner tutorial! Thank you

[obsidialord]

how do u turn on image ready in cs5?

[WakeWorkRepeat]

good stuff, thanks.

[REWINDandREPLAYit]

thanks mate!

[AveNoctis]

LOL CC couldn't understand XD

[sollidball]

Thanks, MattyBoy! Beautiful language, and easy to follow for an animation novice. I am tempted to ask you (cos I havent been able to find out on my own): how do I save it, including the "forever" loop...?

[MattyBoy7777]

@sollidball

Thanks for your comment. You can save as a PSD if you want to come back to edit it, or a GIF if you want to display the graphic on the web etc. If you want more information, go to my website which has an extended version of this video. Hope that helps.

[SuperHASBY]

can i do it on my photoshop version 7.0 ?

[revisorius]

Excellent tutorial. Thanks much!

[KopaleKopale]

@PochamaThePiplup make me shut up SUCKER! Not ONLY you fail to recognize accents but ALSO you are so fuckin dumb u cant click his profile and see where is he from...

[KopaleKopale]

@PochamaThePiplup duuuuuuuuuuuuuuuuuuhhhhhhhhhhh­hhhhhhhh

[mrbunnylovespancake1]

:)

[MattyBoy7777]

@PochamaThePiplup

Nope, I'm in England!

[Iglitchlife]

@MattyBoy7777 WOOO ENGLAND!!!

[FuriSkills]

I'm sure this is a great tutorial but my stupid neighbor is having a party with music fully blown

[skydogwhoowhoo]

can i do this in cs5?

[BlachZombeh]

@skydogwhoowhoo

I think you can. Ver. 4 has animation so Ver, 5 most definitely should,

[BlachZombeh]

@skydogwhoowhoo

I think you can. Ver. 4 has animation so Ver. 5 most definitely should.

[skydogwhoowhoo]

@BlachZombeh okay! thank you :3

[MrWilliam82000]

Thanks mate, tat was very helpful. I wanna know how to open the optimize palette because i am using adobe photoshop cs5 but i can't get the palette. can you tell me how to get it. It's also not under the windows tab either.

[beedbox]

Thanks :)

[joyedwards100]

Thanks Matty that was informative and useful, I had imageready idle on my pc for years and I just did something useful on it.

[cpbimal]

Simple and very informative

[JesusRemix]

what version are u using

[MattyBoy7777]

@JesusRemix

I recorded this in CS2

[MultiMoonkitty]

What if you have Photoshop Elements?

I'm pretty sure there should be a animation panel on Elements...

[MattyBoy7777]

@MultiMoonkitty

It doesn't have an animation panel but you can find some controls for creating frames inside the 'Save for Web' option.

[fantasy101girl]

THX! It helpt :D i asked soo many people but they coudn't explain how it's done... I'm happy that i found this tutorial ;)

[hypercon64]

Yes! Before I saved loads of pics and used movie maker, my friend, you rule! I will subscribe, add to favs and rate 5 star. :)

[MattyBoy7777]

@hypercon64

Thanks, I'm glad it helped!

[Justinbieberhawtxx]

Is it possible to animate your drawings that you did on paper and scenes to your laptop??

[celinioidd]

great tutorial

[sareaza]

For some reason, when I try to make an animation, all the slides will become whatever slide I edited. If I draw a line, all of the slides have that line. If I erase something, its erased in all of them. What am I doing wrong?

[SylphViper]

@sareaza THe problem is that you're just editing a single frame...Not different ones....

[eazymane15]

i didnt no u could make flashing pics in PS ty for the tutorial

[vlamer12]

if i save via image ready and then open up my save like you did it won't open up in windows picture but on a site:S

[vlamer12]

where do i open up iage ready in cs3?

[XxKID1xX]

Good one mate!

[JZTVProductions]

Thank you, your work is appreciated...

[Stellaanotte]

Very good lesson, thank you.

[Bloodcoverdreems]

HI um i cant get Photo shop CS2 so i was wundering if i can get some ones help for a progect im doing if eny one is interested pm me

[vlamer12]

@Bloodcoverdreems what kind of project??

[MyrandeVeen]

Thank you for this helpfull tutorial. I will look for more of you. This time i didnt have to play it over and over to listen carefully and understanding it all,.... ;-}

[MattyBoy7777]

@MyrandeVeen Thanks for the feedback!

[Stormhound930]

Is there a way to make the picture in the layer change size in the animation?

[xxcaitoxx17]

yow i dont now hauw to save

as whot do you ???

[KawaiiDarkJewel]

urr...one question...do i need image ready to do this......?

[BiGrEd2201]

@KawaiiDarkJewel itll automatically com with the Photoshop 7

[Sidslotm]

Very helpfull, very clear, but what is image ready please

[MattyBoy7777]

Thanks, Imageready is a separate application that shipped with Photoshop. I say 'shipped' because it's now integrated into Photoshop itself.

Hope that helps

[Sidslotm]

Yeah it does, all clear now thanks for the help. Maybe you will go a bit deeper into the animation technoques of PShop.

1st rate

[albert22022000]

excellent tutorial. Have you made a tut where you show surreal in ps?

[amurthan]

excellent!!,

[unknowngirl42]

ur accent is so charming =) ..

good video thx

[KZPwned]

nice

but you say this like

phtooowshopp xD!!

[I3uLLeTv2]

great sub nice one helped a lot

[DoctorClarkez]

Hi i've got about 25 photos that i want to make an animation of but i don't know how, please can you explain ?

[nindyvek]

Very good

[mrdreamers4u]

could you tell me how plz thanx :)

[kerbz108]

nice

[mrdreamers4u]

what if you already have a gif pic and you want to just and text to it? is this possible?great vid btw ;)

[MattyBoy7777]

Yeah it's possible, but you'll need to edit it frame by frame!

[lazturn]

Thanks a lot Matty Boy, this was just great for us PS noobs. Well done,

[MattyBoy7777]

Thanks, I appreciate it!

[astigxfantasticx]

can I do it in 7.0?

[LaraCroft1994]

I don't think so...

[AllOutOfGum]

nvm.

i found a way

[AllOutOfGum]

i edited the file using adobephotoshop 6.0

i then made it an animation with adobe image ready.

i want to export this file to make it a GIF. the export font is grey and unclickable. (you know, the dreaded unavailiable font)

the only saving option is photoshop PSD

HOWEVER

there is a little bar under my window for my animation that says

84.3k/13.7k GIF

does that mean its already a GIF?

if not, how do i export it to become one?

if not, i cant export it

[wayne424]

Im using photoshop 7 imageready and I cant use the export function, because its grayed out. What should I do?

[ThomasDemko]

im trying to make an animation and when i paste a muzzle flash it goes on all of the frames. please help! just message me!

[j1989o]

I have photoshop CS2 i think and have created an animation using image ready but when i try to export it using flash, a box comes up saying "could not complete this operation. An unknown error has occured." What am i doing wrong? help!

[Mcleader3]

I have problems saving it in Photoshop, I cannot use Imageready cause I have CS4, and I do not know what settings to save it as..

[MattyBoy7777]

Hmmmm fairly common problem.

Make sure propagate is turned off in the layers panel?

[spiker21s]

how to open windows explorer and navigate it ot desktop? plssss help

[MattyBoy7777]

Hold down the windows key and press E.

Hope that helps

[spiker21s]

thanks a lot....

[ShadowedValleys]

Or hold the Windows button and hit D to minimise all windows and see your directly directly.

[spiker21s]

how to navigate to windows explorer? help...

[FINHeadShot]

i have this problem too :@

[AnNn93]

THANKS for the vid! :D

I have to ask w I have done, haha! Well, in the beginning everything went well, but, when I wanted to make my secound ne i can't chane the time ( you know the time for how many seconds every fe will be shown..) o you know what fault I have done?

THANX!!

[xPurpleWhales]

What happens if you want to animate with two different pictures?

[judyrosati]

thanks a lot

[REALLIFEMAGAZINE]

very helpful, thanks

[rakeria]

Can u do this with Photoshop Elements 6.0?

[radiozoto2006]

maybe... if your Elements has an Animation pallet

[MattyBoy7777]

Unfortunately, Elements does not support animation. You either need Imageready or Photoshop CS3 or higher

Hope that helps

[aBlueUnicorn]

CS2 works too

[richpickins]

hi matt, the propagate was not highlighted because the layer was a background so i changed it to a layer then i was able to switch the propagate on and off but still does the same thing. does it matter what format the picture is in? thanks for getting back to me.

[richpickins]

hi matt, great video's...im trying to do this with an image already made but when i duplicate selected frame it duplicates but every time i change the picture it changes all of them...if u know wot i mean?? can u help?

[MattyBoy7777]

Sounds like an issue with the propagate option in the layers panel? Try switching it on and off, see if it makes a difference?

[Jakeman8091]

what if you use PNG?

[MattyBoy7777]

PNG's a great fomat but doesn't support animation

[fremmenista]

What version of photoshop is that? My 5.0 doesn't have the animation/image ready stuff... :(

[nightrobin685]

5.0? Geez your behind.

You need CS or above (version 9).

[Jakeman8091]

CS4

[MattyBoy7777]

Depends on the guidelines on the site you're trying to upload it to. Most sites have a size and dimensions policy.

[BlackIceGryphon]

this thing has saved me so many times XD thanks a lot chuckyhun!

[MattyBoy7777]

Thanks!

[Legiterize]

Thanks dude works great i favorited it and rated 5 stars and subed : )

[MattyBoy7777]

Great. Thanks very much!

[Legiterize]

whenever you save as in photoshop the video stop flashing tho.. Help?

[MattyBoy7777]

Not too sure what you mean, do you mean when you reopen the file in Photoshop?

[Legiterize]

what is your save as type?

[MattyBoy7777]

GIF using Save for Web if required

[Legiterize]

What happens if you use JPEG?

[MattyBoy7777]

You'll only save the one active layer. JPEG does not support animated files unfortunately.

[Legiterize]

Whenever i try to upload the picture it says file is to big

[MattyBoy7777]

Upload the picture to where, and what is the size?

[Legiterize]

1200x1000 is that to big?

[MattyBoy7777]

Depends what the site guidelines say?

[Freemmaann]

hi, thanks for the video, really helped :) just 1 question is it possible to save animation in .bmp? if so than how? :(.. you know that i could use it for avatars and such :)

[MattyBoy7777]

Hey there,

Nope I'm afraid not. BMP does not support frame-based files. You need to use GIF or Flash.

Good luck

[Freemmaann]

:( ok thanks for the tutorial anyway :) realy useful

[x3iLyxD]

thnxs

[MustLoveDingos]

I tryed tweening, with a circle- I made the two frames, on opposite sides, the same size and shape, and then I clicked the tweening button, clicked all layers, and clicked motion. I set it to 5 extra frames. It made 5 middle frames, but they are all the same as the first. NO change? Do you think you know whats wrong?(and i selected the two i wanted to tween)

[Rosieposie263]

Do you but photoshop in shops? I'm so confused please someone explain it to me!!

[rage123]

thank you that was very helpful.

[chaoskitty1256]

aww i don't have cs2 i have 5.5 TT-TT

is there still a way to animate stuff?

[MattyBoy7777]

Hi there,

What is TT-TT?

[DarkKingOfGames]

A Sad emoticon i think, there are many of them like:

:( or T_T or ;(

[xXRavensongXx]

The lines under the horizontal top on the T represent streams of tears. x3

Also, I've been having the same issue as a few people who've commented. Both frames change when I'm only editing the second. Propagate's turned off, but it still happens.

[det0xicated]

when i save mine

when i open it its not animating?

what will i do

sory 4 d wrong grammar

[MattyBoy7777]

Hi there,

What format are you saving to?

[DirtyMoney23]

You have to save for web and devices not save as or save.

[luckyc120]

dang and i was doing it the hard way in image ready the whole time when i have cs2

[chelynlee]

thanks, this helped a lot.

but uh, how do I have 2 different files opened at the same time? Because everytime I open a new image for the animation, my old image would disappear...

Please help. ]:

[MattyBoy7777]

Sounds like when you're opening a new image it's opening over the top of the previous one. Go to Windown>Cascade or press the letter F on the keyboard to scroll through the various screen modes. You can also use CTRL + TAB to scroll through the open images.

Good luck, and thanks for your comment!

[iHugPudding]

This tutorial helped a lot.

Thanks!

[naomixp33]

much more easy to follow..very clear explanation. TQ

[rukiafun]

how about if i want to put the animation in a picture?

Anyway thanks! It really help me alot!

[bgebmf]

yay thanks!!!

[weeg91]

at 0:50...

Im going to name the document "an-i-mation-" in a tone, kinda as if we were stupid or something xD.

[MattyBoy7777]

Or in a 'speak as I write' tone perhaps?!?

[hoonathan]

hahhahaha wow

[weeg91]

wathced this again, still LOL'd

[darknessfairy29]

wow...this is a really easy to follow tutorial!!

[MattyBoy7777]

Thanks, I try to explain the basics and work upwards!

[horseygirl0891]

Mine doesn't have either one!:(

[truertkvmsf]

I've been looking for a good tutorial for a really long time now and i've finally found it!

thank you very much ^^

[MattyBoy7777]

Thanks, I'm glad you found it helpful!

[jenniferkoy22]

omg finally found one

[jackingchan]

great tutorial, 1 question how do i see the twoup tag? i have cs3 & im wondering how to optimize the image can anyone help? thanks in advance

[MattyBoy7777]

Hey there,

Have you tried the 'save for web' command?

[tigertan005]

totally rocks

[alonmili]

excellent tutorial! Thanks

[TheBrightest]

This is an excellent tutorial. Thank you!

I love your voice, by the way!

[skunkfromtheashes]

I recognize that audio segment..

[ldycapri]

yes! thanks matty, your tutorial is so much simpler to follow along instead of the others that just speed through the process like we on speed/crack...thanks much!

[shiam35]

matty this is a good tutorial thanks man, you see people this is how a tutorial should be not with loud music.

[conneecj3]

thanx its s

so fun! haha

[tomboy511]

I have elements can i do the same thing

[bwa7015]

hi great video. but when i was doing it when i had my 2 frames when i changed the seconed one it changed both of the frames how do i stop that???

[DaanVdP1]

yeah I have the same problem! pls help

[47hitman474747]

gr8 i did it thanks.. i went to a shop to buy image ready but yes.. its in the photoshop i realized it after a bought the cd with the photoshop plugins for 20 f*** euros which i cant open ha ha :P so yea thanks :P one more thing.. i wana make the size of the gif smaller cas its like 2.9mb:/ i did the quality of the photos to 0 and they were about 175kb each but all together in the gif are 2.9Mb is there a way to make it smaller rather than zip it?

[hamburgermedost]

great tutorial! helped me alot thx man!

[Rourba]

Very nice and clear. have 5*.

[47hitman474747]

i cant save it.. i have to have imageready to save it? and 1 more thing.. how can i open the optimaze menu? i cant find it in windows.. maybe cas i have CS3?

[MattyBoy7777]

In CS3 go to the File Menu and select 'save for web and devices'

[KST4R]

hey i was wonderin can i use 2 different images 2 create my animation for exapmle a man standin wid animation of lighting comin out of his hands) if dat is possible can u tell me how plz btw nice tutorials helps alot

[Missjay96]

is there a way to make the them fade away into another?

[MattyBoy7777]

Yes, select the two frames you'd like to apply a crossfade to, then press the tweening button. Add the desired amount of frames to make the transition smooth and you're done. There's more info on tweening on the full version of this video available for free on the 3photoshop website.

[tehgooky]

omgsocool

[AlexandraStarr]

Thank you so much, I've been looking forever on how to do this, I was wondering why it wouldn't let me save.

[MattyBoy7777]

Glad it helped!

[frankskater1]

thanks a lot for ur help (Y)

[Darkspy946]

Cool thanks it helped a lot! But i just got one question: How u change the background colour?

[MattyBoy7777]

Add a layer to the bottom of the layers palette and fill with the colour of your choice, you can then play around with individual frames by selecting them and turning the new layer on or off with the eyeball control in the layers palette.

Hope this helps!

[Darkspy946]

Thanks :)

[zzZpunkZzz]

thanks a lot :)

[myspacecyber]

cool