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

КОМЕНТАРІ • 460

  • @ktphoto4587
    @ktphoto4587 7 років тому +9

    Great! Always look forward to your Thursday tutorials

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

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

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

  • @LOSTtoLEGENDARYNelsonMartinez
    @LOSTtoLEGENDARYNelsonMartinez 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 UA-cam tutorials do not consider. This is what helps people understand easy and quick. It is greatly appreciate brother. Keep up the great work!

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

  • @alaaamin6870
    @alaaamin6870 4 роки тому +1

    Really perfect tutorial. Interesting showing important details. Keep watching

  • @alfduncan7824
    @alfduncan7824 2 роки тому +1

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

  • @jesterarts734
    @jesterarts734 4 роки тому +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!

  • @flyfisher8475
    @flyfisher8475 4 роки тому

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

  • @billhartlove8917
    @billhartlove8917 5 років тому +2

    Thank you! I learned so much from this!

  • @FinanceFairytales
    @FinanceFairytales 6 років тому +16

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

  • @MelissaJetzt
    @MelissaJetzt 4 роки тому +1

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

  • @CorinneIsIn
    @CorinneIsIn 4 роки тому

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

  • @ImdadulHassan
    @ImdadulHassan 4 роки тому +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.

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

  • @rebeccameades9929
    @rebeccameades9929 4 роки тому

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

  • @xiarso
    @xiarso 5 років тому +5

    Thank you very much for this professional tutorial.

  • @kanikasharma1047
    @kanikasharma1047 4 роки тому +1

    Thank you much for this tutorial.

  • @mariannagurgenyan2106
    @mariannagurgenyan2106 6 місяців тому

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

  • @nelsonrealegeno1305
    @nelsonrealegeno1305 4 місяці тому

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

  • @grantwriter7777
    @grantwriter7777 4 роки тому

    WOW! This is so clear! Thank you!

  • @stanleykho3865
    @stanleykho3865 5 років тому +1

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

  • @ItalianMama52
    @ItalianMama52 4 роки тому

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

  • @IndoonaOceans
    @IndoonaOceans 3 роки тому

    Brilliant video by the way!

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

  • @DarkPrincessOfLight
    @DarkPrincessOfLight 4 роки тому

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

  • @SingoMinsk1
    @SingoMinsk1 5 років тому +2

    Great demonstration. Thanks very much!

  • @JurijFedorov
    @JurijFedorov 5 років тому +1

    That's one amazing guide. So simple!

  • @ericluster7424
    @ericluster7424 7 років тому +4

    Great tutorial Nemanja. Very useful!

  • @thiagobstavares
    @thiagobstavares 4 роки тому

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

  • @bh8365
    @bh8365 4 роки тому

    Thank you, I'm going to try this.

  • @invosingularity7120
    @invosingularity7120 6 років тому +1

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

  • @sutheekshnaanegondi7874
    @sutheekshnaanegondi7874 5 років тому +4

    Thank you. The video is very informative. You have made things very simple for us. All the best to 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....

  • @snghshub
    @snghshub 3 роки тому +1

    Great tutorial!
    Thanks

  • @TheGilayan
    @TheGilayan 4 роки тому +1

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

  • @cwpradeep1
    @cwpradeep1 4 роки тому

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

  • @dianamariamagi
    @dianamariamagi 4 роки тому +1

    Braaavo decko! Thats just I needed! Thanks!

  • @speedyprofessor406
    @speedyprofessor406 3 роки тому

    Excellent work!

  • @peanutz23
    @peanutz23 3 роки тому

    wonderful tutorial thank you for this!

  • @Dillypicklepie
    @Dillypicklepie Рік тому

    Thanks for the tutorial, very helpful!

  • @lamagusie3865
    @lamagusie3865 5 років тому +1

    Majstore! Svaka čast, hvala vam.❤️

  • @Bmutation
    @Bmutation 4 роки тому

    How awesome is this!!!

  • @joqueiroz148
    @joqueiroz148 4 роки тому +1

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

  • @BystrovaValeria
    @BystrovaValeria 7 років тому +1

    thank you very much for this detailed explanation!

  • @miki02miki
    @miki02miki 7 років тому +4

    Perfect!

  • @alisonhickeynz
    @alisonhickeynz Рік тому

    Thank you, this is a great tutorial!🙂

  • @UsoTaTino
    @UsoTaTino 5 років тому +2

    Love this video thank you for sharing

  • @LisaMRoberti
    @LisaMRoberti 3 роки тому

    thank you ! so helpful!

  • @pashko-k6h
    @pashko-k6h Рік тому

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

  • @pratikshinde6320
    @pratikshinde6320 2 роки тому

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

  • @Krp006
    @Krp006 2 роки тому

    Amazing Tutorial!! 🔥🔥

  •  4 роки тому +1

    Hvala ti Nemanja!

  • @Sasquatch10
    @Sasquatch10 3 роки тому

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

  • @ArtsySpinch
    @ArtsySpinch 5 років тому +1

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

  • @Fresheve1
    @Fresheve1 4 роки тому

    Just what I needed!

  • @misslyss4401
    @misslyss4401 4 роки тому

    Much appreciated! Great video

  • @alee54322
    @alee54322 5 років тому +1

    Awesome and to the point, thank you.

  • @katjaharvala457
    @katjaharvala457 Рік тому

    Thank you so much about this video! 😊

  • @ibnhisham
    @ibnhisham 7 років тому +2

    thank you so much. great job.

    • @NemanjaSekulic
      @NemanjaSekulic  7 років тому

      Mohammad H. almughrabi You're welcome 😊

  • @BeyondBayStudios
    @BeyondBayStudios 7 років тому +6

    My photoshop guru!!

  • @mags339847
    @mags339847 4 роки тому

    Very helpful. Thank you!

  • @asikzoo4668
    @asikzoo4668 4 роки тому

    Very helpful tutorial. Thank you. :)

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

  • @dongjulee6989
    @dongjulee6989 4 роки тому +2

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

  • @RosaMorena74
    @RosaMorena74 5 років тому +2

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

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

  • @GP-mu7mp
    @GP-mu7mp 6 років тому +1

    Wonderful tutorial thank you so much!

  • @irvansyahalbathony5242
    @irvansyahalbathony5242 6 років тому +2

    this helps me a LOT!! THANKS

  • @pussific2582
    @pussific2582 3 роки тому

    BEST TUTORIAL EVER!!!

  • @EXPthis
    @EXPthis 6 років тому +1

    BRILLIANT!

  • @heyyparah
    @heyyparah 4 роки тому +3

    verrry helpful thank you ! 🙋🏻‍♂️

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

  • @LALATheClown
    @LALATheClown 3 роки тому

    thank you, great vid

  • @cleftturnip7774
    @cleftturnip7774 2 роки тому

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

  • @gothiclink2009
    @gothiclink2009 2 роки тому

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

  • @SoloTrip59
    @SoloTrip59 4 роки тому

    So helpful! thanks!

  • @rownwaltr3668
    @rownwaltr3668 5 років тому +1

    Thank you Nemanja, very cool.

  • @s.durbar1294
    @s.durbar1294 5 років тому +1

    veeeeeeeeeeeeeeeeeeery helpful! Thank you so much!

  • @tightvisualz3367
    @tightvisualz3367 7 років тому +1

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

    • @NemanjaSekulic
      @NemanjaSekulic  7 років тому +1

      tight jones You're welcome 😉 👍🏻

  • @balajiganesh4246
    @balajiganesh4246 4 роки тому

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

  • @mahoutondin
    @mahoutondin 3 роки тому

    very usefull tutorial thank you!

  • @BassmanRiyadh
    @BassmanRiyadh 4 роки тому

    toooop, very thanks

  • @keylamusky
    @keylamusky 3 роки тому

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

  • @JabJab5050
    @JabJab5050 5 років тому

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

  • @sorateal12
    @sorateal12 2 роки тому

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

  • @codepulze
    @codepulze 4 роки тому

    This is actually very helpful to learners

  • @Aldrindesilva
    @Aldrindesilva 5 років тому +3

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

  • @aleksaprtenjaca5009
    @aleksaprtenjaca5009 7 років тому +1

    Odlican video!

  • @Max-rf1xs
    @Max-rf1xs 4 роки тому +1

    Awesome your really informative and helpful thank you!

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

  • @mikaelrandhem
    @mikaelrandhem 4 роки тому +1

    Thanks for a great tutorial!

  • @wizekingz1439
    @wizekingz1439 5 років тому +1

    thank you for this video!

  • @mahendradas8386
    @mahendradas8386 3 роки тому

    Thank you Mr. Nemanja

  • @vannick_
    @vannick_ 4 роки тому

    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!

  • @anafernandez1975
    @anafernandez1975 5 років тому +1

    Thanks for making it so easy.