How To Create Frame Animation (GIF or VIDEO) In Photoshop

In this fun video I will show you how to create a short animated GIF in Photoshop, or how to create short animated GIF or VIDEO file to show your clients, friends, followers how did you build up your project file layer by layer.
Have fun!
P.S. I will not provide exercise file for this one, because you can practice on your own files!
➤➤➤ If you want to SUPPORT this project: / nemanjasekulic
GET IN TOUCH:
Website: nemanjasekulic.com/
Instagram: / ns_photography
Facebook: / nemanjasekulicphotography
Twitter: / sekulicnemanja
➤Here is the list of equipment that I use:
Tablet: amzn.to/2CI9nM0
Camera for tutorial recording: amzn.to/2ETBz4s
Microphone for tutorial recording: amzn.to/2FwAYmk
My MAIN camera: amzn.to/2HL5ObF
Second camera: amzn.to/2HL5XvJ
LENSES: amzn.to/2CHvPoN
amzn.to/2opbgJm
amzn.to/2FyhgXG
GoPro: amzn.to/2ET6mOX
My Everyday camera bag: amzn.to/2GF0LZ5

[@MuhammadQasim-oo7yq]

Animation Frame by Frame In Photoshop Steps 1- Import a Ball 2- make selection and separate it from picture 3-adjust size by Control T 4- go to Window Menu and Select Timeline 5- now select "Create Frame Animation (in Timeline Panel 6-Adjust 1st Picture Place 7- take new Layer 8-Now select two Layers by pressing Control Key 9- and click on "Tween Animation Frames" 10- Choose Frames for Animation and 11-Make Sure that your "Tween with Current Selection " then ok 12-now see the Animation 13-now create new Layer Frame after last layer and Move the Ball to out/End of the Frame 14-now select the (last and new one Layer) and Make them Tween it again by choosing the Frames in dialogue box and Click ok 15- now see the Ball going to out of the frame 16- now change the Looping Option from Once to (three Times, Forever or Other Custom Times) 17- you can change the speed low or high all Selection should be made through Shift button For Saving As gif Save for Web For Saving as Video ... Render Video

[@flyfisher8475]

First animation tutorial that I have understood from front to back. Excellent. Thank you for teaching properly.

[@renzopinedacabrera2903]

This was so cool, I just started using CC 2018 and it's been so much easier watching your videos! Thanks a lot!

[@LOSTtoLEGENDARYNelsonMartinez]

GREAT VIDEO! You explain the procedures very well and in precise detail. You actually put some thought in the teaching process that most KZbin tutorials do not consider. This is what helps people understand easy and quick. It is greatly appreciate brother. Keep up the great work!

[@NemanjaSekulic]

Thanks a lot 👌🏻

[@fizzaiftikhar]

I've been looking for this since a long time and finally found this tutorial which have explained everything in detail. Thanks alot.

[@NemanjaSekulic]

You're very welcome 😊 👍🏻

[@andreav2125]

You are awesome. I can't thank you enough for this tutorial! I used it today in a pinch for work - perfect directions!!!

[@alaaamin6870]

Really perfect tutorial. Interesting showing important details. Keep watching

[@ClaudioLessa1955]

Nemanja, excellent work! I have a question, though: let's say that instead of the football, I have a starfish and I want it to rotate slightly as it moves along from one side of the screen to the other. How do I accomplish that? I tried going frame by frame and rotating the picture as I advanced the animation, but once I rotated it and clicked OK, all the previous frames also rotated and I did not get the slight rotation effect I wanted. Thanks in advance for any help/hint on this one!

[@NemanjaSekulic]

Thanks. I'm glad that you like it. You need to make a copy of a layer for each rotation. That way you will keep the previous effects intact. Hope this helps.

[@crypticsecret5543]

@@blakedarryl I think you just right-click the layer (on the layers panel) and select duplicate layer. I think you can duplicate a layer in the menu, too, under the layers tab. I'm not sure if you have tried either of those, but maybe it could help?

[@crypticsecret5543]

@@blakedarryl That's strange that it wouldn't work that same way as it did in the video. But, I am glad to hear that you figured it out!

[@sarag8925]

thank you so much! this is THE BEST tutorial on Photoshop animation ever! Best explained one, and the most complete and clear. Thanks for sharing your knowledge :) have a great day.

[@alekztonkes4598]

I love the Leopard 2 and Abrams RC tanks at the intro, is so true!

[@ktphoto4587]

Great! Always look forward to your Thursday tutorials

[@NemanjaSekulic]

Thank you Ken 🙃👍🏻👌🏻

[@ImdadulHassan]

Absolutely loved how simple this was and easy to follow through. Had no difficulty whatsoever. :) Thank you!

[@jesterarts734]

"That's nice" lol. Thanx man. Much needed help.

[@NemanjaSekulic]

You're welcome.

[@mariannagurgenyan2106]

Thank you soo much for your tutorial! I absolutely loved the way you explained the whole process , it was easy to follow through! 🌹

[@alfduncan7824]

Brilliant! Just what I was looking for. Thank you so much.

[@rebeccameades9929]

Such a helpful video thank you, went through a few other videos but this one helped me the most!

[@FinanceFairytales]

You should have at least 1m subs, well done - always interesting!

[@NemanjaSekulic]

Thanks my friend 😊 👍🏻

[@CorinneIsIn]

Great tut! Thank you! Gave me a good overall idea of how to create gifs and/or videos with photoshop.

[@pashko-k6h]

discovered this vid just now but still highly relevant - helped me created my gif for a project - thank you

[@techetees587]

Wow you are awesome!!! I have been searching for a video that explains the difference between frame animation and video timeline. Thanks so much!!!!!!!

[@NemanjaSekulic]

You're very welcome.

[@nelsonrealegeno1305]

Thank you, i've been looking for a video like this for something i want to do

[@cleftturnip7774]

i didn't know you could do this in photoshop. Cheers, great video

[@billhartlove8917]

Thank you! I learned so much from this!

[@DarkPrincessOfLight]

Thank you so much! Your video was SO helpful :) definitely subscribing

[@MelissaJetzt]

Thanks for this! I used this to create custom countdowns for my videos.

[@aleksandrapetrovikj972]

Watching your video in class in NYC - just now:). Our professor has chosen your video for our work today - 👌🏼Napravio odlican izbor, Super video 📸 pozdrav iz Njujorka 👋🏼

[@NemanjaSekulic]

E baš mi je drago da to čujem. Veliki pozdrav!

[@latasrinivasan8001]

This was an amazing explanation! I am really glad I found your video. Thank you so much for this detailed well done tutorial! Thumbs up for you....

[@NemanjaSekulic]

You're very welcome.

[@bettercallphil1629]

you're a genius! thanks a bunch for making easy something hard for me.

[@NemanjaSekulic]

filippo di grazia You're welcome🙃

[@thiagobstavares]

Thanks so much. You really saved my time and my job too! Again, thank you so much!

[@cwpradeep1]

Hey, thank you so much for in detail explanation of creating gif. Thanks again. It will help me a lot.

[@samwesley5086]

Awesome.... Your English is also good enough and getting better by the minute, great video

[@invosingularity7120]

Super cool man.awesome.first time I see tutor that makes it simple and clear.big thanks

[@NemanjaSekulic]

You're very welcome 😊

[@stanleykho3865]

this tutorial is fun and informative...how wonderful, Nemanja..Cool.

[@NemanjaSekulic]

I'm glad that you like it.

[@RosaMorena74]

Thank you very much! You save my life! I didn't know that Photoshop could export mp4 videos.

[@NemanjaSekulic]

You're very welcome.

[@kanikasharma1047]

Thank you much for this tutorial.

[@pratikshinde6320]

so simply and crisply explained ..... really great

[@MattyBoy23]

Thanks for the video! Any idea how to save them as a vertical format? I just created my own vertical time frame animation but it exported horizontally with black on the sides

[@sutheekshnaanegondi7874]

Thank you. The video is very informative. You have made things very simple for us. All the best to you.

[@NemanjaSekulic]

You're very welcome. Have a great day.

[@gothiclink2009]

Thank you, I had my school tutorial but this one made it even simpler...

[@Sasquatch10]

Very cool! I'm going to use this to try and make a product slideshow for facebook ads

[@dongjulee6989]

I couldn't find tween tool in my timeline tool, where can I find it?

[@Krp006]

Amazing Tutorial!! 🔥🔥

[@joqueiroz148]

Thank you so much for this video! It was very helpful and you are a very good teacher. Cheers!

[@NemanjaSekulic]

You're very welcome.

[@grantwriter7777]

WOW! This is so clear! Thank you!

[@vassilikiboulerou945]

Great tutorial! How can I animate more than one ball simultaneously? If I want to make them appear in the screen in different time phase and reach the ground in a different time and point?

[@lamagusie3865]

Majstore! Svaka čast, hvala vam.❤️

[@NemanjaSekulic]

Hvala!

[@11paulreeve11]

could you tell me if this is possible, when just changing the blending options, ie I am changing the levels but when ever I add another frame the previous frame is now the new level. so all frames are the same visual.

[@ItalianMama52]

Thank you!! This is just what I needed!!

[@ClaudiaWollny]

Thank you, your tutorial is very clear and helpful. Is it possible to animate an objekt on a curved path in Photoshop?

[@keylamusky]

Love you....i appreciate the explanation..well understood sir

[@peanutz23]

wonderful tutorial thank you for this!

[@Dillypicklepie]

Thanks for the tutorial, very helpful!

[@SingoMinsk1]

Great demonstration. Thanks very much!

[@NemanjaSekulic]

You're very welcome

[@Aldrindesilva]

Bravo.. very nice explanation...I'll try this tutorial...for my first time project..keep the good work...

[@NemanjaSekulic]

Thanks. Have a great day.

[@ericluster7424]

Great tutorial Nemanja. Very useful!

[@NemanjaSekulic]

Thank you Eric :)

[@snghshub]

Great tutorial! Thanks

[@jamz391]

I tried it and it did move but it does this “echo” or “ghost” thing where it doesn’t move from one place to another clearly. Rather, it leaves the faded copy of the image in between

[@xiarso]

Thank you very much for this professional tutorial.

[@NemanjaSekulic]

You're very welcome.

[@vannick_]

everytime I render my video the rendered file color changed, more brighter than the original. Did you have the same issue? If so, how to fix it? Thanks for the tutorial anw, really helpful!

[@ArtsySpinch]

This helped so much! I made a very good animation first try because of this video!

[@NemanjaSekulic]

Great!

[@speedyprofessor406]

Excellent work!

[@balajiganesh4246]

you are a genius bro..Thank you soooo much man

[@katjaharvala457]

Thank you so much about this video! 😊

[@alisonhickeynz]

Thank you, this is a great tutorial!🙂

[@whitelight7164]

If I were to create flames using the mesh tool, would this animation method work? (I'm struggling to use it)

[@bh8365]

Thank you, I'm going to try this.

[@asikzoo4668]

Very helpful tutorial. Thank you. :)

[@Nafssik]

Help please, every time i edit the second frame and confirm the move, it changes on all other frames as well, how can you keep changes on individual frames?

[@hentrance523]

Hi I wanted to ask if I have 2 pages I want to go from one to the other in Photoshop timline, do you know how to do that?

[@BystrovaValeria]

thank you very much for this detailed explanation!

[@NemanjaSekulic]

valeriassecrets You're welcome 😉

[@IndoonaOceans]

Brilliant video by the way!

[@matrixanu]

Wow, i have been looking for a way to animate and create videos just using pictures and thank god u made this video, my problem is solved....Nemanja...u r a life saver...P.S. I am making this video for coronavirus...it may actually save someones life....THANK YOU SO MUCH !!!!!!

[@NemanjaSekulic]

You're very welcome. Good luck!

[@TheGilayan]

great tutorial! clear and easy to understand - thank you!!

[@NemanjaSekulic]

You're very welcome.

[@JabJab5050]

I love that saying thing you have in background, I'll apply it...

[@NemanjaSekulic]

Nice

[@misslyss4401]

Much appreciated! Great video

[@amillionorangedolphins9663]

Excellent video. Is it possible to fade in a frame so that the transition between two layers become gradual and not instant?

[@foresightsystemsltd1960]

I want to do this on a desktop envorment which version of photoshop will allow me to do on it desktop.

[@spencermarshy]

Hi, when I save for web, its creating an automatic background that isn't the size file of my animation. im trying to create an iPhone shaped animation for stories and its automatically converting it to a widescreen. any suggestions on how to prevent this from happening?

[@CamilaZavala]

you can also you click the create frames from layers options too.. quick question though, how do I make a layer stay static? Let´s say i just want the words changing and the image static.

[@mahoutondin]

very usefull tutorial thank you!

[@mags339847]

Very helpful. Thank you!

[@sarahfoelske3225]

Question! When exporting a MP4 is there an easy way to make it loop forever? Or loop 14x? Thanks!

[@dianamariamagi]

Braaavo decko! Thats just I needed! Thanks!

[@NemanjaSekulic]

😊💪🏻

[@sopikoartist6484]

hi my first layer its not straing still and changing as second layer . can you pleas help me ? ( sort for my English not perfect)

[@ishitaparmar7900]

how would you save this in a video format

[@mahendradas8386]

Thank you Mr. Nemanja

[@TheGeekmierder]

What version of photoshop its? the one i use doesn't have the export video option

[@Bmutation]

How awesome is this!!!

[@sorateal12]

Thank you!! This really helped!! ^_^

[@UltraSquad]

awesome guide dude, i would like to ask for help, i added animedessin2 into PS, but issue is that if i click create frame new layer from 1 frame, it adds to video timeline at the tiniest size, and if i make video group from those 2 layers , then next layer from 1 frame adds in max size , I do not know how to solve issue, would appreciate for help.

[@joekyle314]

This is actually very helpful to learners

[@tagg747]

Well, what can i say! ..i never saw this comimg🤗 But there again,you Always Always come up with a fun surprise 👍👍 A big thank you ....as always. The Boss makes learning FUN, so so gld i Subscribed to The Best Photoshop tutorial chanal of all. 5STAR

[@NemanjaSekulic]

tagg747 Thanks my friend for the support again!!! 💪🏻 😊

[@flyb-yp5yv]

at the beggining _ how do you resize the circle while its already placed?

[@iSunner]

adobe media encoder greyed out in my PS cs6

[@JurijFedorov]

That's one amazing guide. So simple!

[@NemanjaSekulic]

I'm glad that you like it.

[@SoloTrip59]

So helpful! thanks!

[@LisaMRoberti]

thank you ! so helpful!

[@Fresheve1]

Just what I needed!

[@IndoonaOceans]

I have the same issue as Claudio - wanting to rotate an eye but it does not work automatically like a move - it rotates all the frames the same. - you would have thought a rotation is a 'move' ? Means you cannot automate a rotation like a move which seems an error on Adobe's programming?

[@GP-mu7mp]

Wonderful tutorial thank you so much!

[@NemanjaSekulic]

Gayatri Panchal You're welcome 😉