How to Animate a Still Image in Photoshop

Поделиться
HTML-код
  • Опубликовано: 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 RUclips (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 RUclips.
    👉 Social Media:
    Instagram: / cristikerekes
    Twitter: / cristikerekes
    Facebook: / cristikerekes
    #Photoshop #PhotoshopTutorial #PhotoshopAnimation

Комментарии • 115

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

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

  • @avisionthroughchrist
    @avisionthroughchrist 8 месяцев назад

    Awesome tutorial ☀️ Thank you much for sharing 🙏

  • @maryon-vj1rm
    @maryon-vj1rm 2 года назад

    THIS IS SO USEFUL, THANK YOU

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

  • @DrawwithTii
    @DrawwithTii 2 года назад

    Thank you so much for this. Great vid.

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

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

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

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

  • @CP-ue8qt
    @CP-ue8qt 2 года назад

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

  • @er.tariqalamfarooqi4771
    @er.tariqalamfarooqi4771 Год назад

    Amazing, Thanks buddy

  • @fearless7004
    @fearless7004 Год назад

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

  • @khayeoo8842
    @khayeoo8842 2 года назад

    so amazing...thanks a lot

  • @emeraldstream
    @emeraldstream 2 года назад

    Excellent!

  • @CristiKerekes
    @CristiKerekes  3 года назад +3

    How to animate *clouds* in Photoshop using a still photo:ruclips.net/video/ipHlZ-EzEnI/видео.html

  • @deeper_soundfy5528
    @deeper_soundfy5528 3 месяца назад

    Muy práctico. Buen trabajo.

  • @ziggyvibes
    @ziggyvibes 2 года назад

    Good tutorial thank you

  • @yulzgaming624
    @yulzgaming624 3 года назад

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

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

  • @illustrator-humayunchowdhury
    @illustrator-humayunchowdhury Год назад

    Just Awesome♥♥

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

  • @snkinnovativesolution7736
    @snkinnovativesolution7736 3 года назад

    it is very effective ,, thanku very much

  • @elisabethredlig512
    @elisabethredlig512 2 года назад

    Brilliant tutorial!

    • @CristiKerekes
      @CristiKerekes  2 года назад

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

  • @peculiarone2278
    @peculiarone2278 3 года назад

    thank you for this tutorial.
    quite amazing

  • @imperialebeachbellaria5260
    @imperialebeachbellaria5260 3 года назад

    thank you soooo much!!really coool stuff!

  • @harsh_yadavrao
    @harsh_yadavrao Год назад

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

  • @Dragos.Murarasu
    @Dragos.Murarasu 3 года назад

    This so easy and cool!

    • @CristiKerekes
      @CristiKerekes  3 года назад

      Thanks! Photoshop has become really amazing these days.

  • @CristiKerekes
    @CristiKerekes  3 года назад +9

    How to make a CINEMAGRAPH in Photoshop: ruclips.net/video/Jvpgfob2X-0/видео.html

  • @uvindumayuranga8375
    @uvindumayuranga8375 2 года назад

    Superb sir
    Keep up the good work

  • @balsidhu4621
    @balsidhu4621 3 года назад

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

  • @beingdistinctive9328
    @beingdistinctive9328 3 года назад

    Excellent presentation

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

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

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

  • @akashadearg-due1435
    @akashadearg-due1435 3 года назад +1

    Gorgeous

  • @sanpls
    @sanpls 2 года назад

    Beautiful video

  • @spudmack1
    @spudmack1 2 года назад

    awesomw

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

  • @Bittersweet5875
    @Bittersweet5875 2 месяца назад +1

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

  • @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 RUclips. I enjoy helping others!

    • @lineasdessertdiary
      @lineasdessertdiary 3 года назад

      Wonderful 😊

  • @rootlessriver
    @rootlessriver 6 месяцев назад

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

  • @Jivolt
    @Jivolt 3 года назад

    Cinemagraphs are the coolest of animated gifs.

    • @CristiKerekes
      @CristiKerekes  3 года назад +1

      I will make a cinemagraph tutorial as well.

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

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

  • @SastaProgrammer
    @SastaProgrammer 3 года назад

    Keep Making :)

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

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

  • @royshekhar1214
    @royshekhar1214 3 года назад

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

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

  • @naviivan
    @naviivan Год назад

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

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

  • @kelechichukwu9943
    @kelechichukwu9943 2 года назад

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

  • @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: ruclips.net/video/ipHlZ-EzEnI/видео.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.

  • @ricardoeldiablo3537
    @ricardoeldiablo3537 2 года назад

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

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

  • @aroosajavaid4921
    @aroosajavaid4921 Год назад

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

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

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

  • @mauwiks
    @mauwiks 2 года назад

    Can we combine a photo with video in photoshop?

  • @axelfoley7234
    @axelfoley7234 2 года назад

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

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

  • @uzuripictura4973
    @uzuripictura4973 3 года назад

    Thank you sir, subscribe and like

  • @solemanoffi
    @solemanoffi 2 года назад

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

  • @demolution325
    @demolution325 3 года назад

    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." :(

  • @georem57
    @georem57 13 дней назад

    too complicated

  • @themysticmoon2864
    @themysticmoon2864 2 года назад

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

    • @CristiKerekes
      @CristiKerekes  2 года назад +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 2 года назад

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