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

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

ความคิดเห็น • 458

  • @NelsonkMartinez
    @NelsonkMartinez 6 ปีที่แล้ว +8

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

  • @matrixanu
    @matrixanu 4 ปีที่แล้ว +3

    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
      @NemanjaSekulic  4 ปีที่แล้ว +2

      You're very welcome. Good luck!

  • @MuhammadQasim-oo7yq
    @MuhammadQasim-oo7yq 5 ปีที่แล้ว +60

    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

  • @fizzaiftikhar
    @fizzaiftikhar 6 ปีที่แล้ว +6

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

    • @NemanjaSekulic
      @NemanjaSekulic  6 ปีที่แล้ว +1

      You're very welcome 😊 👍🏻

  • @FinanceFairytales
    @FinanceFairytales 7 ปีที่แล้ว +16

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

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว +2

      Thanks my friend 😊 👍🏻

  • @flyfisher8475
    @flyfisher8475 4 ปีที่แล้ว

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

  • @techetees587
    @techetees587 5 ปีที่แล้ว +1

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

  • @aleksandrapetrovikj972
    @aleksandrapetrovikj972 6 ปีที่แล้ว +3

    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
      @NemanjaSekulic  6 ปีที่แล้ว

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

  • @samwesley5086
    @samwesley5086 3 ปีที่แล้ว

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

  • @mariannagurgenyan2106
    @mariannagurgenyan2106 ปีที่แล้ว

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

  • @imdad_barbhuyan
    @imdad_barbhuyan 4 ปีที่แล้ว +7

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

  • @Aldrindesilva
    @Aldrindesilva 5 ปีที่แล้ว +3

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

  • @renzopinedacabrera2903
    @renzopinedacabrera2903 7 ปีที่แล้ว +2

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

  • @pashko-k6h
    @pashko-k6h ปีที่แล้ว

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

  • @jesterarts734
    @jesterarts734 5 ปีที่แล้ว +24

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

  • @alekztonkes4598
    @alekztonkes4598 3 ปีที่แล้ว

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

  • @sutheekshnaanegondi7874
    @sutheekshnaanegondi7874 6 ปีที่แล้ว +4

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

    • @NemanjaSekulic
      @NemanjaSekulic  6 ปีที่แล้ว

      You're very welcome. Have a great day.

  • @pratikshinde6320
    @pratikshinde6320 3 ปีที่แล้ว

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

  • @sarag8925
    @sarag8925 4 ปีที่แล้ว

    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.

  • @alaaamin6870
    @alaaamin6870 4 ปีที่แล้ว +1

    Really perfect tutorial. Interesting showing important details. Keep watching

  • @andreav2125
    @andreav2125 4 ปีที่แล้ว

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

  • @RosaMorena74
    @RosaMorena74 5 ปีที่แล้ว +2

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

  • @joqueiroz148
    @joqueiroz148 4 ปีที่แล้ว +1

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

  • @ktphoto4587
    @ktphoto4587 7 ปีที่แล้ว +9

    Great! Always look forward to your Thursday tutorials

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว +1

      Thank you Ken 🙃👍🏻👌🏻

  • @lamagusie3865
    @lamagusie3865 5 ปีที่แล้ว +1

    Majstore! Svaka čast, hvala vam.❤️

  • @filorenziano
    @filorenziano 7 ปีที่แล้ว +25

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

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว +2

      filippo di grazia You're welcome🙃

  • @Krp006
    @Krp006 3 ปีที่แล้ว

    Amazing Tutorial!! 🔥🔥

  • @cleftturnip7774
    @cleftturnip7774 2 ปีที่แล้ว

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

  • @alfduncan7824
    @alfduncan7824 3 ปีที่แล้ว +1

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

  • @SingoMinsk1
    @SingoMinsk1 6 ปีที่แล้ว +2

    Great demonstration. Thanks very much!

  • @nelsonrealegeno1305
    @nelsonrealegeno1305 10 หลายเดือนก่อน

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

  • @darronsadventures
    @darronsadventures 3 หลายเดือนก่อน

    Great video Nemanja. really helpful and I know what I am doing now ))) kind of

  • @balajiganesh4246
    @balajiganesh4246 4 ปีที่แล้ว

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

  • @kanikasharma1047
    @kanikasharma1047 4 ปีที่แล้ว +1

    Thank you much for this tutorial.

  • @Sasquatch10
    @Sasquatch10 4 ปีที่แล้ว

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

  • @ClaudioLessa1955
    @ClaudioLessa1955 7 ปีที่แล้ว +9

    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
      @NemanjaSekulic  7 ปีที่แล้ว +7

      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
      @crypticsecret5543 4 ปีที่แล้ว

      @@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
      @crypticsecret5543 4 ปีที่แล้ว

      @@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!

  • @keylamusky
    @keylamusky 3 ปีที่แล้ว

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

  • @ArtsySpinch
    @ArtsySpinch 5 ปีที่แล้ว +1

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

  • @invosingularity7120
    @invosingularity7120 6 ปีที่แล้ว +1

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

  • @AbdullahKhan-tf4zc
    @AbdullahKhan-tf4zc 2 ปีที่แล้ว

    Easy to understand,Sir🥰🥰

  • @MelissaJetzt
    @MelissaJetzt 4 ปีที่แล้ว +1

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

  • @IndoonaOceans
    @IndoonaOceans 3 ปีที่แล้ว

    Brilliant video by the way!

  • @gothiclink2009
    @gothiclink2009 2 ปีที่แล้ว

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

  • @heyyparah
    @heyyparah 5 ปีที่แล้ว +3

    verrry helpful thank you ! 🙋🏻‍♂️

  • @latasrinivasan8001
    @latasrinivasan8001 4 ปีที่แล้ว +1

    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....

  • @jovan_spasovic
    @jovan_spasovic 5 ปีที่แล้ว +1

    Hvala ti Nemanja!

  • @rebeccameades9929
    @rebeccameades9929 4 ปีที่แล้ว

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

  • @n0ddy6
    @n0ddy6 5 ปีที่แล้ว +1

    Great tutorial, very clear.

  • @xiarso
    @xiarso 6 ปีที่แล้ว +5

    Thank you very much for this professional tutorial.

  • @stanleykho3865
    @stanleykho3865 5 ปีที่แล้ว +1

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

  • @dianamariamagi
    @dianamariamagi 5 ปีที่แล้ว +1

    Braaavo decko! Thats just I needed! Thanks!

  • @cwpradeep1
    @cwpradeep1 4 ปีที่แล้ว

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

  • @speedyprofessor406
    @speedyprofessor406 4 ปีที่แล้ว

    Excellent work!

  • @ericluster7424
    @ericluster7424 7 ปีที่แล้ว +4

    Great tutorial Nemanja. Very useful!

  • @ebiakuthompson6756
    @ebiakuthompson6756 5 ปีที่แล้ว

    youre a good teacher

  • @mikaelrandhem
    @mikaelrandhem 5 ปีที่แล้ว +1

    Thanks for a great tutorial!

  • @shanuka_nuge
    @shanuka_nuge 4 ปีที่แล้ว

    This is actually very helpful to learners

  • @tagg747
    @tagg747 7 ปีที่แล้ว +1

    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
      @NemanjaSekulic  7 ปีที่แล้ว +1

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

  • @mahendradas8386
    @mahendradas8386 3 ปีที่แล้ว

    Thank you Mr. Nemanja

  • @irvansyahalbathony5242
    @irvansyahalbathony5242 6 ปีที่แล้ว +2

    this helps me a LOT!! THANKS

  • @TheGilayan
    @TheGilayan 5 ปีที่แล้ว +1

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

  • @thiagobstavares
    @thiagobstavares 4 ปีที่แล้ว

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

  • @Blackcatgfxx
    @Blackcatgfxx 3 ปีที่แล้ว

    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.

  • @CorinneIsIn
    @CorinneIsIn 4 ปีที่แล้ว

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

  • @anafernandez1975
    @anafernandez1975 5 ปีที่แล้ว +1

    Thanks for making it so easy.

  • @MisterWorx
    @MisterWorx 4 ปีที่แล้ว

    great tutorial. The only thing is why did you need the first layer if you just cover it up with the clouds/smoke?

  • @Kelly-ps7oi
    @Kelly-ps7oi 4 ปีที่แล้ว +11

    everytime I make an animation, the new position is applied to all the frames. Why does this keep happening? All my settings are the same as yours

    • @mootcourt3
      @mootcourt3 4 ปีที่แล้ว

      I get that too! :( Not sure how to solve it.

    • @SaadKhan-mf9mg
      @SaadKhan-mf9mg 4 ปีที่แล้ว +1

      @@mootcourt3 try not moving the object in the first frame... move the object to the next position in the next frame , this will not effect the rest of the frames but moving the object in the first frame is going to effect it on all frames...hope that helped

    • @BakrxKiNG12
      @BakrxKiNG12 4 ปีที่แล้ว

      :( i get tooo

    • @mootcourt3
      @mootcourt3 4 ปีที่แล้ว

      @@SaadKhan-mf9mg thanks! I'll try this

    • @adoptedrobot
      @adoptedrobot 4 ปีที่แล้ว +1

      I always move my objects with "Ctrl+T", and I was getting the same result as urs, all you need to do is actually move it, with the move tool [V]. hope that helped

  • @mahoutondin
    @mahoutondin 4 ปีที่แล้ว

    very usefull tutorial thank you!

  • @amanbisht6815
    @amanbisht6815 5 ปีที่แล้ว +1

    Really nice explanation

  • @rownwaltr3668
    @rownwaltr3668 6 ปีที่แล้ว +1

    Thank you Nemanja, very cool.

  • @cleargoalmarketingtips6269
    @cleargoalmarketingtips6269 4 ปีที่แล้ว

    brilliant video thank you for sharing

  • @oyedilours1228
    @oyedilours1228 5 ปีที่แล้ว +1

    Thanks for the knowledge bruh !

  • @tightvisualz3367
    @tightvisualz3367 7 ปีที่แล้ว +1

    Thanks 🙏 been trying to figure this out forever 😀life saver 👌👌

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว +1

      tight jones You're welcome 😉 👍🏻

  • @ajuajimad6927
    @ajuajimad6927 3 ปีที่แล้ว

    thanks for the tutorial man

  • @Razzmus
    @Razzmus 5 ปีที่แล้ว +1

    Big like to you. This ball is very cool made.

  • @nlj881
    @nlj881 2 ปีที่แล้ว +1

    I've watched the video multiple times. The sequence at 2:20, (copying the layer and adjusting second movement) both layers keep adjusting. They do not stay in separate actions. I'm on CC PSD 2022. Is there a different action to keep actions separate to develop the animation sequence. Thank you!

  • @Bmutation
    @Bmutation 4 ปีที่แล้ว

    How awesome is this!!!

  • @grantwriter7777
    @grantwriter7777 4 ปีที่แล้ว

    WOW! This is so clear! Thank you!

  • @DarkPrincessOfLight
    @DarkPrincessOfLight 4 ปีที่แล้ว

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

  • @Max-rf1xs
    @Max-rf1xs 5 ปีที่แล้ว +1

    Awesome your really informative and helpful thank you!

  • @sorateal12
    @sorateal12 2 ปีที่แล้ว

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

  • @xxnozeyxx4243
    @xxnozeyxx4243 4 ปีที่แล้ว

    I got digital art and had to do a little animation this helped

  • @BeyondBayStudios
    @BeyondBayStudios 7 ปีที่แล้ว +6

    My photoshop guru!!

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว +2

      Beyond Bay Studios 🙃👍🏻

  • @UsoTaTino
    @UsoTaTino 6 ปีที่แล้ว +2

    Love this video thank you for sharing

  • @LisaMRoberti
    @LisaMRoberti 4 ปีที่แล้ว

    thank you ! so helpful!

  • @UncleRena
    @UncleRena 5 ปีที่แล้ว +1

    thanks for helping me pass my digital art class lol

  • @arthurshahverdyan9236
    @arthurshahverdyan9236 5 ปีที่แล้ว +1

    Thank you so much! Just made my first animation 👍👍

  • @Mister.Psychology
    @Mister.Psychology 5 ปีที่แล้ว +1

    That's one amazing guide. So simple!

  • @MPOfficial-jy8je
    @MPOfficial-jy8je 2 ปีที่แล้ว

    nice lesson
    i love it

  • @Hashkeh
    @Hashkeh 7 ปีที่แล้ว +2

    Another awesome, easy to follow tutorial! Thank you so much! I have a question about doing animation with 3D objects: When I try to use the "FRAME" animation option, when I try to change my 2nd image position, the 1st one changes as well, if I change the 1st one, the 2nd one changes as well ... Can you tell me what I'm missing?

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว

      Thanks. I'm glad that you like it 😊
      If you want to create a frame animation, you need to do it layer by layer. So first frame is first layer. If you want to change the position you need to do it on another layer, and so on... Hope this helps.

    • @Hashkeh
      @Hashkeh 7 ปีที่แล้ว

      Yes, I did create a new layer before I moved the subject, but I'm wondering if the image being in 3D is the problem, I was going to try to convert to Smart Object and try it again - Thanks so much for your knowledge and time!

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว

      You're welcome.

  • @vassilikiboulerou945
    @vassilikiboulerou945 4 ปีที่แล้ว +1

    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?

  • @billhartlove8917
    @billhartlove8917 6 ปีที่แล้ว +2

    Thank you! I learned so much from this!

  • @misslyss4401
    @misslyss4401 4 ปีที่แล้ว

    Much appreciated! Great video

  • @pix6483
    @pix6483 2 ปีที่แล้ว

    5 years later: thank you very much!

  • @masood4012
    @masood4012 5 ปีที่แล้ว +1

    behind the scenes was awesome 😂

  • @mags339847
    @mags339847 4 ปีที่แล้ว

    Very helpful. Thank you!

  • @GP-mu7mp
    @GP-mu7mp 7 ปีที่แล้ว +1

    Wonderful tutorial thank you so much!

    • @NemanjaSekulic
      @NemanjaSekulic  7 ปีที่แล้ว

      Gayatri Panchal You're welcome 😉

  • @asikzoo4668
    @asikzoo4668 4 ปีที่แล้ว

    Very helpful tutorial. Thank you. :)

  • @ItalianMama52
    @ItalianMama52 4 ปีที่แล้ว

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

  • @eunicemaduhu484
    @eunicemaduhu484 3 ปีที่แล้ว +1

    very nice