How To Animate a Still Photo in Adobe Photoshop

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • ⭐️ Envato Elements is the only creative subscription you need! - spoon.graphics...
    In today's video tutorial we're going to have some fun creating a motion picture effect similar to Cinemagraphs, but it's created from a single still image, rather than a video clip. It works by stretching a certain portion of the image using keyframes in the Photoshop animation timeline. Repeating this simple transformation in a loop gives the illusion that the picture is moving.
    📺 WATCH NEXT: 2.5D Parallax Photo Effect Photoshop Tutorial - • 2.5D Parallax Photo Ef...
    📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics...
    🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics...
    ► Skogafoss photo by Kym Ellis - unsplash.com/p...
    Deals & Discounts:
    ⭐ Get 20% off ANYTHING in my Spoon Graphics Shop - spoon.graphics...
    ⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics...
    ⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics...
    ⭐️ Download this Month's FREE Files from Envato - spoon.graphics...
    Tools & Resources I Use:
    ⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics...
    🛠️ Where I download the creative assets I need - spoon.graphics...
    ✍️ The graphics tablet I use: amzn.to/2GYNYEc
    🎙️ The microphone I use: amzn.to/3AdkJsp
    📢 The email newsletter service I use: spoon.graphics...
    📈 The tool I use to help grow my channel: spoon.graphics...
    Watch more of my content:
    📺 See all my Photoshop tutorials - spoon.graphics...
    📺 See all my Illustrator tutorials - spoon.graphics...
    📺 Watch my most popular videos - spoon.graphics...
    #Photoshop #PhotoshopTutorial #AdobePhotoshop
    Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
    Join my mailing list: blog.spoongraph...
    Visit my design blog: blog.spoongraph...
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

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

  • @MalickLombion
    @MalickLombion 6 лет назад +482

    I've been looking for this for SO long and youtube just randomly suggested it. Thank you!

  • @newguy32
    @newguy32 3 года назад +36

    I have watched so many videos trying to make my moving clouds seamless and this was the only technique that finally worked (or that I could manage to make work). you just saved me so many more nights of endless trial and error. Thank you!!

  • @MrFooFighter13
    @MrFooFighter13 3 года назад +6

    I thought I recognised that voice... This dude used to make GTA V custom car compilations. Nuts! Great work man!

    • @AJ-ot6xw
      @AJ-ot6xw 3 года назад

      Huh huh, you said nuts

  • @hoodedr6
    @hoodedr6 4 года назад +8

    This’ll take my insta quotes page to the next level

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

    I was looking for a tutorial and expecting it to be on after effects or premiere pro but photoshop?! That's cool.. I'll try this tomorrow

  • @CharlesMiner
    @CharlesMiner 6 лет назад +39

    Finally a complete tutorial on how to plotagraph in photoshop. You did a great job keeping it simple yet straight to the point. Thank you!

  • @itsvollx9684
    @itsvollx9684 5 лет назад +38

    BE Sure to make it to a smart object else it wont work

  • @wrus9
    @wrus9 6 лет назад +4

    This is going to transform my still photos. An awesome tutorial. Thank you so much for taking the time to put it together

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

    THANK YOU THANK YOU THANK YOU THANK YOU THANK YOU THANK YOU

  • @GaryGough
    @GaryGough 7 лет назад +194

    Great job, very impressive 👍👍

    • @spoongraphics
      @spoongraphics  7 лет назад +3

      Thanks Gary!

    • @catalinvelez9885
      @catalinvelez9885 6 лет назад +1

      Cheers for the Video! Sorry for chiming in, I am interested in your opinion. Have you tried - Riddleagan Made Masterpiece Remedy (just google it)? It is a great one off product for learning professional photo editing minus the hard work. Ive heard some interesting things about it and my buddy at very last got cool success with it.

    • @navimumbaichagrapher
      @navimumbaichagrapher 5 лет назад

      @@spoongraphics Respected Sir i have made this type of video but it is not saving as HD video as you have shown in this video. Please help me out.

  • @angryeagleegg
    @angryeagleegg 5 лет назад +97

    This isn't the most helpful for beginners, you do things too fast, use keyboard shortcuts that some people might not know yet, overall it would've been perfect if you only didn't try to speed through it.

    • @pamjones6926
      @pamjones6926 2 года назад +2

      Yes ur right. I enjoyed what I saw but, it was too fast and I don't know anything more than I did. But, still nice to watch!👍😁

    • @Cow1337Saver
      @Cow1337Saver 2 года назад +9

      You could slow the video down and pause it to see what they did

    • @WestSideMusic876
      @WestSideMusic876 2 года назад +1

      Am lost ma nigga 😣

    • @user-vc8ng2rv2k
      @user-vc8ng2rv2k 2 года назад

      lol DOH

    • @JonValtandtheEvilRobots
      @JonValtandtheEvilRobots 2 года назад +12

      This isn’t a beginner topic.

  • @zeynaamazonlu7978
    @zeynaamazonlu7978 5 лет назад +36

    thanx ..could you pls tell us how to turn ınto a gif before rendering cheers
    :)

    • @artamus73
      @artamus73 4 года назад +4

      go to file and save for web

  • @tanujmehta2240
    @tanujmehta2240 6 лет назад +30

    Hey thanks for this sweet tutorial. Just have a couple of questions: 1) How do you save the video as a gif that loops? 2) How do you export. as a video that loops? Is that even possible?

    • @artamus73
      @artamus73 4 года назад +4

      gif is possible. just go to file and then it says something like save for web, its easy from there

    • @chengchen-k9m
      @chengchen-k9m 4 года назад

      There's an iOS app named "Flow Photo Art" that handles still images while also processing video, making the motionless sky in the video motion, and supporting gif format everywhere.
      apps.apple.com/cn/app/flow-photo-art/id1435120487

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

      Mp4 to gif websito

  • @spare1981
    @spare1981 5 лет назад +1

    I've been looking for this because I wanted to animate something similar to gold Hearthstone cards - this was super helpful!!

  • @mrconcept
    @mrconcept 4 года назад

    Brilliant tutorial man thanks

  • @adriands8207
    @adriands8207 7 лет назад +1

    Nice work mate!! Amazing!!

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

    Thank you!!! Simple yet thorough tutorial!

  • @Naviral
    @Naviral 5 лет назад +1

    This was brilliant! Thanks for sharing mate.

  • @jessejustsick
    @jessejustsick 7 лет назад

    Nicely done!

  • @matthewsamaniego6647
    @matthewsamaniego6647 6 лет назад

    Wow I didn’t realized how easy this was

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

    Super Super Excellent , No Other Words to say😊

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

    Nicely done!

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

    Wow! Thank you so much sir!

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

    I like the little guy getting swept away though lol

  • @CODtpk
    @CODtpk 5 лет назад

    from gaming guy... to photographic guy.... nice work

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

    You're explanation is one of the best, but I'm messing up somewhere. 😞

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

    This absolutely genius. Thanks mate

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

    Awesome tutorial! Thank you!

  • @marelyncorrea9665
    @marelyncorrea9665 5 лет назад

    It couldn't be easier, such a good teacher. Thanks

  • @2009Tosh
    @2009Tosh 3 года назад

    Simply brilliant! Many thanks!

  • @JunPetsWorld
    @JunPetsWorld 4 года назад

    Great, thank you for this video

  • @jamiepb123
    @jamiepb123 6 лет назад

    What a master! Very nice

  • @nandasyah7269
    @nandasyah7269 4 года назад

    Nice tutorial, man !
    thanks !

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

    great instruction thank you

  • @Sal4Ro
    @Sal4Ro 6 лет назад

    Wow, he makes it look so easy!!!

  • @TamGreat
    @TamGreat 5 лет назад

    Beautifully explained!

  • @christineokumuringareports8168

    Thank you so much for this video.

  • @ryuu6117
    @ryuu6117 7 лет назад

    This is pretty awesome ! great job !

  • @tacos394
    @tacos394 4 года назад

    you are sooo AWESOME!!

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

    Super easy to follow thank you!

  • @philbo130
    @philbo130 5 лет назад

    This is so smart! Thank you for figuring this out and sharing.

  • @Fancylooks
    @Fancylooks 7 лет назад +136

    What a great tutorial and an amazing example, this is beautiful, thanks for sharing!!

  • @Rajsinghvlog77
    @Rajsinghvlog77 6 лет назад

    Wow nice idea thanks 👏

  • @NewYorkCityFiles
    @NewYorkCityFiles 7 лет назад

    Great tutorial, thanks!

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

    this is awesome tips, thanks for sharing the tutorial

  • @chida259
    @chida259 7 лет назад

    Very very informative tutorial! Thank you Chris!

  • @Brumart34
    @Brumart34 6 лет назад

    C'est génial comme effet et si facile à reproduire. Merci pour ce tuto
    (It is brilliant as effect and so easy to reproduce. Thank you for this tuto)
    Bonjour du sud de la France

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

    This is a very good tutorial

  • @estherlee2159
    @estherlee2159 5 лет назад

    Really appreciate your sharing! Thank you!

  • @lukashuettner
    @lukashuettner 6 лет назад

    Thank you very much! Wow! Good job!! Top tutorial!

  • @wackycy
    @wackycy 6 лет назад

    Wow that’s awesome thanks!!!

  • @StanleyParrishJr
    @StanleyParrishJr 6 лет назад

    Thanks for the TUT!

  • @manjitkapri1816
    @manjitkapri1816 4 года назад +2

    4:00 lmao that cracked me up

  • @youfirst.
    @youfirst. 7 лет назад

    really great tutorial, would love to follow and see more, thanks

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

    Very helpful

  • @rosstaylor1137
    @rosstaylor1137 5 лет назад

    Excellent tutorial!!!! Thank you very much

  • @HereMing
    @HereMing 4 года назад +1

    wow good

  • @amirmostaghimi7943
    @amirmostaghimi7943 6 лет назад

    Thanks for this great tutorial

  • @mariusconstantin7022
    @mariusconstantin7022 4 года назад

    Thanks, easy and simple.

  • @SveiniAsk
    @SveiniAsk 6 лет назад

    Apart from the dialect that is from time to time a little hard to understand ( for foreigners ) .... FANTASTIC :-)

  • @jdcsoft
    @jdcsoft 4 года назад

    GRACIAS

  • @TheFlyingBeeR
    @TheFlyingBeeR 5 лет назад

    Very informative and easy to learn , thank you !

  • @abdulsamad.official
    @abdulsamad.official 7 лет назад

    Awesome. Thank you

  • @nochistlanmx4350
    @nochistlanmx4350 6 лет назад +3

    Excelente!! Great example.

  • @CorndancerHawkeyes91254
    @CorndancerHawkeyes91254 5 лет назад

    Great Tutorial and Thank You!

    • @a.j.atkinsonart1082
      @a.j.atkinsonart1082 4 года назад

      Hi, check out pixamotion app for android, it's good enough for some jobs.

  • @ninetails625
    @ninetails625 5 лет назад

    awesome i love it..very helpful

  • @jmrodlu1410
    @jmrodlu1410 6 лет назад

    Thx 4 the tutorial!! i loved it

  • @graphicsnmusic719
    @graphicsnmusic719 7 лет назад

    Great job👌🏻Thank you!!

  • @ruskenluis1815
    @ruskenluis1815 6 лет назад

    Awesome!! thanks buddy

  • @anamira2908
    @anamira2908 5 лет назад +15

    O M G I've BEEN LOOKING FOR THIS FOR SO LONG

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

      Congrats on finding what you were looking for, your happiness makes me happy :D

  • @guranshsingh6643
    @guranshsingh6643 6 лет назад

    Thank you i love the tutorial💕

  • @EclipticVistaYT
    @EclipticVistaYT 6 лет назад +1

    Incredible work keep it up

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

    Holy f!! Thank you!! 😁😁🙏🙏

  • @creativeworks98
    @creativeworks98 6 лет назад

    great tutorial. thanks a lot.

  • @Sohasorouri
    @Sohasorouri 3 года назад +10

    I love how short and to the point this tutorial is.
    Kept thinking how are you gonna wrap it up in such a short time and I was surprised by how simply you solved the issues and animated this picture.

  • @lhybar
    @lhybar 6 лет назад

    Clever work

  • @ashleechan22
    @ashleechan22 5 лет назад +8

    this is one of the coolest tutorials Ive ever seen!! I have to animate slot symbols that are static images, so this will help me out alot!

  • @Ghostbuster008
    @Ghostbuster008 5 лет назад

    Thanks a lot mate!

  • @Bladeninja76
    @Bladeninja76 6 лет назад

    Thank you very much sir.

  • @DreamChhaser
    @DreamChhaser 6 лет назад +19

  • @1BigBucks1
    @1BigBucks1 6 лет назад +2

    Wish I could give this 100 Likes, great video! That Group step is *very* important. When you duplicate a Group, the Transform keyframes and fades translate over to the new Group; if you make a copy of just the layer, they do not.

  • @yoyoyonasa
    @yoyoyonasa 5 лет назад

    excellent

  • @MrRuru59
    @MrRuru59 6 лет назад

    amazing..thank you

  • @dwi9912119
    @dwi9912119 6 лет назад

    Great job

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

    EXCELLENT VIDEO just one thing at 4:15 | Alt Backspace not command* Thanks

  • @lawefilips
    @lawefilips 6 лет назад +29

    Sitting here and watching this seem like magic.
    The explanation was thorough and precise.
    Thank you.

  • @LindaTroski
    @LindaTroski 6 лет назад

    Great job

  • @anai14
    @anai14 6 лет назад

    Awesome!! Thanks for sharing :3

  • @MANMEETSINGHPHOTOGRAPHY
    @MANMEETSINGHPHOTOGRAPHY 5 лет назад

    Great

  • @pramit789
    @pramit789 6 лет назад

    Thx... Thx for sharing 👍

  • @AndreasZimmerman
    @AndreasZimmerman 5 лет назад

    Good tute

  • @CREEmusic
    @CREEmusic 4 года назад

    can you do one on how to make the wheels on a car move?

  • @MotivationManifested
    @MotivationManifested 4 года назад

    I love you

  • @maimohamed3590
    @maimohamed3590 6 лет назад

    wow, thank you ;)

  • @hansentwins9738
    @hansentwins9738 6 лет назад

    hello this is so helpful thanks.. can u make another tutorial like this, for photo with smoke ?

  • @AnthonySluissi
    @AnthonySluissi 7 лет назад

    wow!!

  • @donnag8172
    @donnag8172 6 лет назад +2

    I can get as far as opening timeline but then mine stops looking like yours. I shows a thumbnail of my original picture

  • @andikwok4927
    @andikwok4927 4 года назад +6

    how can , they pop up like "this smart object must be rasterized before proceeding" how can i do ?

    • @Maxwell-nn9jk
      @Maxwell-nn9jk 3 года назад

      top bar>object>rasterize>smartObject

  • @gjofoxster
    @gjofoxster 5 лет назад +8

    This is amazing video. I tried this bt it's very slow.
    How to increase time and speed??
    Dat you did not mention here
    Replay

    • @cybertronian7316
      @cybertronian7316 4 года назад +3

      Use a faster computer

    • @carguy1320
      @carguy1320 4 года назад +2

      @@cybertronian7316 lol your name should be Cyber Trollian!

  • @rkmartha94
    @rkmartha94 6 лет назад

    This is great. Thank you. Can you make one tutorial on Startrail Plotagraph ?