How to Animate a Still Image in Photoshop

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ต.ค. 2020
  • This tutorial shows you how to animate a still image in Photoshop and export it as a GIF or video file. This 6-step Photoshop tutorial teaches you how to bring to life a candle by using the timeline panel, adding keyframes and manipulating them to create a seamless animation.
    Burning Candle Image
    unsplash.com/photos/KY6NHtBWJB8
    You can support the channel by using the affiliated links below:
    ⭕ Photoshop Free Trial
    prf.hn/l/jX4e8Bn
    ⭕ Latest Adobe CC Offers & Discounts (choose your region)
    bit.ly/Adobe-CC-Plans
    ↓ Unlimited stock photos and videos
    1.envato.market/c/2657494/298...
    ↓ Get 10 Free Photos from Adobe Stock
    adobe.prf.hn/click/camref:110...
    🎹 MUSIC FOR CREATORS:
    Epidemic Sound (free trial) share.epidemicsound.com/38jRVj
    📢 Favorite tool for finding the best titles and keywords for my videos on TH-cam (TRIAL):
    Tubebuddy: www.tubebuddy.com/pricing?a=c...
    Gear I use to make videos:
    📢 Gear I use to make my videos:
    Main camera: amzn.to/3S0KvaW
    Second camera: amzn.to/48POJt8
    Main lens: amzn.to/3S52Fsu
    Main light: amzn.to/3tRhI0K
    Secondary light: amzn.to/41WHMUB
    External monitor: amzn.to/4216mE6
    External recorder: amzn.to/4aQ1xS1
    Main microphone: amzn.to/47uQJFP
    Second microphone: amzn.to/3vxKXWX
    Audio interface: amzn.to/4aTKX3C
    Favorite gimbal: amzn.to/3HjvcW3
    Motorized slider: amzn.to/41XUPFj
    Tripod: amzn.to/3vHFUmx
    Tripod fluid head: amzn.to/48y1vg0
    Pen Tablet: amzn.to/41WoUVO
    Teleprompter: amzn.to/4aStGYC
    DISCLAIMER:
    Some of the listed links may be affiliated links. This means I earn a comission every time someone buys a service/product or signs up to a platform using my links. This is not costing you anything extra, instead it's a good way to support what I do here on TH-cam.
    👉 Social Media:
    Instagram: / cristikerekes
    Twitter: / cristikerekes
    Facebook: / cristikerekes
    #Photoshop #PhotoshopTutorial #PhotoshopAnimation

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

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

    ⇢ Unlimited stock photos and videos geni.us/VosB
    ⇢ Try Photoshop for FREE geni.us/GetAdobe
    ⇢ Get 10 Free Photos from Adobe Stock geni.us/oeDqAIt
    Use my affiliated links above if you want to support my channel. You are NOT paying extra, but I receive a commision. Thanks a lot guys!

  • @joyandpeacefullaughter5307
    @joyandpeacefullaughter5307 3 ปีที่แล้ว +21

    I've been looking for this for months and begging people to teach me 🥺. Thank you so much.

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

      You’re very welcome! Enjoy it :)

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

    Great tutorial. Right to the point, and clear explanations with good results
    Thx!

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

    Awesome video. Thank you! Helped me complete a project!

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

    Awesome tutorial ☀️ Thank you much for sharing 🙏

  • @Joonudschi
    @Joonudschi 3 ปีที่แล้ว +2

    Thank you for sharing this, Cris! Great tutorial.

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

      Thank you! It's a really good feeling when someone leaves feedback like this.

  • @maryon-vj1rm
    @maryon-vj1rm 2 ปีที่แล้ว

    THIS IS SO USEFUL, THANK YOU

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

    Thank you so much for this. Great vid.

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

    Thanks, Cristi! I was waiting for this! 🙌🏻

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

      I worked a lot on this one, to be honest. Glad you like it!

  • @CP-ue8qt
    @CP-ue8qt ปีที่แล้ว

    omg.. thanks so much! this is super helpful and your explanation can't be that clearrrr! I love it!, subscribed and liked the video! :)

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

    so amazing...thanks a lot

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

    Your videos are very useful thank you sir i learned something new

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

    love this idea! and thank you for the video! It looks great.

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

      I took me a while to find out how to animate it properly, lots of trial and error, but in the end I think it looks nice. Thanks a lot for watching!

  • @er.tariqalamfarooqi4771
    @er.tariqalamfarooqi4771 ปีที่แล้ว

    Amazing, Thanks buddy

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

    This really is one of the best tutorials on ps animations. I would have used blender, to model it as a 3D scene and animate , or AE to simulate what you just brilliantly did. Thank you!

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

    Good tutorial thank you

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

    Excellent!

  • @deeper_soundfy5528
    @deeper_soundfy5528 26 วันที่ผ่านมา

    Muy práctico. Buen trabajo.

  • @ProfessionalSeaOfTeaSwimmer
    @ProfessionalSeaOfTeaSwimmer 3 ปีที่แล้ว +2

    Thank you so much, you're a great teacher and motivated me to return to photoshop! Thanks

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

      That's awesome! But why did you "quit" Photoshop in the first place?

  • @Bittersweet5875
    @Bittersweet5875 19 วันที่ผ่านมา +1

    This helped me sm but how do i add the wind effect and blinking

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

    oh my..thanks for this video..it helps me allot as a beginner in photoshop..

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

    thank you for this tutorial.
    quite amazing

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

    I made my Diwali photo glow...
    Thank you very much...this video is very clear

  • @illustrator-humayunchowdhury
    @illustrator-humayunchowdhury ปีที่แล้ว

    Just Awesome♥♥

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

    it is very effective ,, thanku very much

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

    Great .. exactly what i was looking for. thanks.!

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

      You’re welcome! I assume the last part with the exporting options was helpful too!

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

    Superb sir
    Keep up the good work

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

    Brilliant tutorial!

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

      Thank you, Elisabeth! Is this your first time when you try a Photoshop animation?

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

    I think i need to watch this Again when i'll work on Photoshop. Thanks for this amazing tutorial.

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

      Please let me know if you have any questions. Have a great weekend!

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

    I SPENT WEEKS LOOKING FOR THIS KIND OF ANIMATION TUTORIAL IN PHOTOSHOP 🗿🗿 YOU'RE A LIFE SAVER 😭✨✨✨ THANK YOU VERY MUCH

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

      And I'm so happy to hear you solved your problem! Thanks for the feedback, Sammy!

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

    thank you soooo much!!really coool stuff!

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

    Excellent presentation

  • @Dragos.Murarasu
    @Dragos.Murarasu 3 ปีที่แล้ว

    This so easy and cool!

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

      Thanks! Photoshop has become really amazing these days.

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

    Thank you so much for this!

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

      So happy this was helpful to you!

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

      @@CristiKerekes It really was. Your instructions were so easy to follow. I tried out 3 other videos and yours was the best. I successfully finished my very first Photoshop project because of you!

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

      @@lineasdessertdiary Wow! This is really nice for me to hear. It motivates me to create more content here on TH-cam. I enjoy helping others!

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

      Wonderful 😊

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

    Thank you so much sir! Your keyframe explanation alone lead me to a direction. I have been so lost because I don't know how to navigate the keyframe

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

      That's nice to hear! You're welcome!

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

    wow, this is perfect, susbcribed. thanks a lot for teaching this method

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

      Thanks for the sub! I'm so happy that slowly people find this video and leave feedback in the comments.

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

    Hi Cris, thank you for this awesome tutorial. I have a q, do we need to merge all the layers before exporting/saving it? Thank you again.

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

      My pleasure! You don't need to do that.

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

    Very nice very easy way.. Thank you so much..

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

      You’re welcome! Have fun with it!

  • @akashadearg-due1435
    @akashadearg-due1435 3 ปีที่แล้ว +1

    Gorgeous

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

    Your tutorials are too good. Love from India❤❤ 🇮🇳

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

      Thank you so much 😀 Love from Romania too!

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

      @@CristiKerekes you replied sir wow😲

  • @rootlessriver
    @rootlessriver 4 หลายเดือนก่อน

    Thanks for the video. I am trying to learn hoe to make a sea shore with moving waves. Any thoughts?

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

    Beautiful video

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

    Te felicit! Ai o engleza impecabila si faci continut de foarte buna calitate!

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

      Mersi frumos Mircea! Asta da incurajare :)

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

    Hi Cristi, excellent work is it possible few small gif. you can put so we can do more practice...

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

    Ouuw ,,, great tutorial. I usually use DP Animation Maker software. just found out now, it turns out we can use photoshop 👍👍👍

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

      And this is only the beginning with what you can do in Photoshop! Glad you loved this video :)

  • @GodBlessHipHop
    @GodBlessHipHop 3 ปีที่แล้ว +2

    It doesnt work for me, i click stop watch start the position at the beginning, then move the line, and choose transform, i move the image and the yellow dot does not appear on its own, so i press enter to lock the new position and press the yellow dot for the second position and press play, it just stays in the same position on both yellow dots. what am i doing wrong?

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

    Can we add small gif in to big picture? Like place that candle in the corner of a picture?

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

    I've been looking at this exact tutorial and you hit me with this. Thank you! Can photoshop animate also a fireplace and to generate a video out from the tool?

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

      With the same technique you could animate multiple flames for the fireplace. Thanks for the feedback!

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

    awesomw

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

    Keep Making :)

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

    Cinemagraphs are the coolest of animated gifs.

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

      I will make a cinemagraph tutorial as well.

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

    Im using ps cc .and i dont have the format H.264 .and can't save the video.pls can you help me with this? Which format will made my photo into a video? Help me pls 😢

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

    I can't rotate selection in a frame. When I apply rotation, it applies on all frames but I want to apply rotation to the last frame and add tweening between 1st and last frame to animate rotation.

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

    Can we combine a photo with video in photoshop?

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

    Pls do more vedio for us🙏🏿🙏🏿🙏🏿

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

    hi! thank you for your content! is it possibile to export a stop motion in 4k?

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

      You're welcome! Of course, you just need to use the proper resolution of a 4k format and of course have footage that is close to 4k or higher.

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

      @@CristiKerekes oh! i meant stop motion from pictures! thanks for your answer!

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

      @@malavida13 Yes, sorry. I wrote "footage". You can export stop motion at any resolution. However, I would use Premiere Pro for stop motion clips.

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

    how do you know exactly what shade of colour you want to add and manipulate?

  • @CristiKerekes
    @CristiKerekes  3 ปีที่แล้ว +9

    How to make a CINEMAGRAPH in Photoshop: th-cam.com/video/Jvpgfob2X-0/w-d-xo.html

  • @CristiKerekes
    @CristiKerekes  3 ปีที่แล้ว +2

    How to animate *clouds* in Photoshop using a still photo:th-cam.com/video/ipHlZ-EzEnI/w-d-xo.html

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

    Very interesting and creative, thanks! I have Photshop 2021 with all updated Software
    When I do this, I run into some bumps:
    When I choose the pentool to pen / select the flame, PS seems to not let me select the flame next step (shortly) later
    in order to move it via the " box" selection to move it with the arrows. Plus, when I hit "Command J" on mac, it also adds a duplicate layer instead of a new layer with just the flame ------- All these problems do not happen when I use the quick selection tool instead of the pen tool. Maybe something in the pentool settings I need to check - - ?
    BTW, when I use the Timeline, the original full candle image is added, not just the added layers --- On yours the timeline seems to just show the new added layers automatically, and does not include the orig candle background image.
    In the Timeline - - - It won't copy and paste the keyframe settings. I am following your instructions on my mac. When it does copy and paste, it is not aligned timewise (vertically). Can't seem to figure these out so far. Seems I also hit shift on Mac to select all the keyframes I am new to PS, so Any thoughts would help ? Maybe (only part) of the mistakes are sometimes pc vs mac keys - ? But not all
    Thanks in advance for any help,

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

      Sorry for having those issues. They could be Photoshop issues, or it could be that you are missing some crucial steps. I recommend watching the video again, because by missing simple steps could lead you to unwanted results.
      Unfortunately I can only imagine what is happening on your screen, otherwise it's hard for me to offer a solution from distance. I have another animation tutorial on the channel, maybe you should try with that one, it's easier: th-cam.com/video/ipHlZ-EzEnI/w-d-xo.html

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

      My timeline doesn't look like the video either. I think we are using the same version of Photoshop. Having a hard time following the exact steps or even modifying to achieve the desired outcome.

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

    Upon creating the timeline, a box appears in the left side with my image inside. No bars like on yours??

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

    Plz can u do a vdo on indesign
    (Mbl or desktop interface)

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

      Sorry pal, I can't understand what is "vdo".

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

    Ok new challenge, make animation look good at 400x150 @ 70kb. My pain.. as someone who designs signatures for people..
    This video was fun to watch!

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

    Can anyone guide me what to do for making a gif for same flame picture

  • @therelaxation-music7106
    @therelaxation-music7106 2 ปีที่แล้ว

    any tool to edit videos without payment?

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

    File>Export>Render Video> Adobe Media encoder option is greyd out. I only see photoshop image sequence option. Help?

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

    0.46 second I don't Do ...I do do duplicate please help me

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

    Thank you sir, subscribe and like

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

    Didnt know photoshop had a animate feature like flash
    I guess since flash is no longer supported.

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

    Mine takes FOREVER To render!!!!!

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

      I assume your PC is a bit slow, or the resolution of the image is higher than 1920x1080.

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

      @@CristiKerekes Thanks. 32GB of RAM. I switched over to Adobe CS6 and it rendered quick. Adobe CC, doesn't even give me a pop-up window to pick render settings when I click "Render." :(

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

    doesn't work..doen't animate..followed every step carefully. I bet you didn't tell all the details,did you?

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

      Sorry you can't succeed with this. PS: if you'd bet, you'll definitely lose, haha. I didn't hide anything.

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

      @@CristiKerekes but you didn't convert the layer in smart object..I have double checked this..if i use convert into smart object to the layer ,then set those animated frame the animation works and all other things have done same as you