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

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 มิ.ย. 2017
  • 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

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

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

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

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

  • @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 😊 👍🏻

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

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

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

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

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

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

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

      Thanks my friend 😊 👍🏻

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

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

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

    Thank you! I learned so much from this!

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

    Great! Always look forward to your Thursday tutorials

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

      Thank you Ken 🙃👍🏻👌🏻

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

    Really perfect tutorial. Interesting showing important details. Keep watching

  • @ImdadulHassan
    @ImdadulHassan 3 ปีที่แล้ว +7

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

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

    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.

  • @bettercallphil1629
    @bettercallphil1629 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🙃

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

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

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

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

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

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

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

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

  • @ClaudioLessa1955
    @ClaudioLessa1955 6 ปีที่แล้ว +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  6 ปีที่แล้ว +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 3 ปีที่แล้ว

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

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

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

    Thank you, I'm going to try this.

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

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

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

    Thank you very much for this professional tutorial.

  • @mariannagurgenyan2106
    @mariannagurgenyan2106 5 หลายเดือนก่อน

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

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

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

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

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

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

      You're very welcome. Have a great day.

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

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

  • @matrixanu
    @matrixanu 3 ปีที่แล้ว +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  3 ปีที่แล้ว +2

      You're very welcome. Good luck!

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

    Great tutorial Nemanja. Very useful!

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

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

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

    Thank you much for this tutorial.

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

    BEST TUTORIAL EVER!!!

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

    WOW! This is so clear! Thank you!

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

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

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

    My photoshop guru!!

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

      Beyond Bay Studios 🙃👍🏻

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

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

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

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

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

    thank you very much for this detailed explanation!

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

      valeriassecrets You're welcome 😉

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

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

    Perfect!

  • @pavelkogut948
    @pavelkogut948 11 หลายเดือนก่อน

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

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

    Just what I needed!

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

    That's one amazing guide. So simple!

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

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

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

    thank you so much. great job.

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

      Mohammad H. almughrabi You're welcome 😊

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

    this helps me a LOT!! THANKS

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

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

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

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

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

    Great demonstration. Thanks very much!

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

    wonderful tutorial thank you for this!

  • @techetees587
    @techetees587 4 ปีที่แล้ว +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!!!!!!!

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

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

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

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

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

    This is actually very helpful to learners

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

    5 years later: thank you very much!

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

    Awesome and to the point, thank you.

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

    Wonderful tutorial thank you so much!

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

      Gayatri Panchal You're welcome 😉

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

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

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

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

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

      tight jones You're welcome 😉 👍🏻

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

    Thank you, this is a great tutorial!🙂

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

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

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

    Great tutorial!
    Thanks

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

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

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

    thank you for this video!

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

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

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

    Very helpful. Thank you!

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

    Thanks for the tutorial, very helpful!

  • @jfarsonify
    @jfarsonify 5 ปีที่แล้ว +4

    great easy guide for newbies....

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

    Thank you!

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

    Thank you so much about this video! 😊

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

    Love this video thank you for sharing

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

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

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

    Very helpful tutorial. Thank you. :)

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

    Thank you Mr. Nemanja

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

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

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

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

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

    verrry helpful thank you ! 🙋🏻‍♂️

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

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

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

    BRILLIANT!

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

    THANK YOU

  • @annyajohn
    @annyajohn 6 หลายเดือนก่อน

    Thank you ☺

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

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

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

    thankyou so much!!

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

    thank you ! so helpful!

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

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

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

    So helpful! thanks!

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

    Brilliant video by the way!

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

    thank you, great vid

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

    Thank you

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

    Ok ! Thank you !

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

    youre a good teacher

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

    How awesome is this!!!

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

    Thank you.

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

    Thanks a lot very helpfull tutorial

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

    Thank you - very informative and easy to follow. Success.

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

      You're very welcome.

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

      @@NemanjaSekulic Why when i move something on the 2nd layer it also modify the 1st one, PLS HELP ME!

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

      In this form of animation you can't move things like it. You need to create a new instance.

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

    Majstore! Svaka čast, hvala vam.❤️

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

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

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

    Amazing Tutorial!! 🔥🔥

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

    Much appreciated! Great video

  • @vassilikiboulerou945
    @vassilikiboulerou945 3 ปีที่แล้ว +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?

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

    Thank you Nemanja, very cool.