How do I Create a GIF in Photoshop - Animate your Art! | Adobe Photoshop | Creative Cloud

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 มี.ค. 2017
  • Want to learn how to create fun GIFs in Adobe Photoshop? Join us and learn how to export drawings or images from Photoshop layers and turn them into animated GIFs!
    Follow these steps below:
    rep your project:
    1. Download practice files (adobe.ly/2mCX4MR). Or, create your own!
    a. Use the practice files: Download the practice files which include 10 variations of a skull drawing.
    b. Create your own: Use the Brush tool in Photoshop to create variations of a drawing on separate layers. Include detail to show changes in ""movement"" of each drawing.
    2. Import drawing variations into one Photoshop document: Open all of the drawing files and make the first drawing (e.g., skull_Layer 1.jpg) the active document. Click the tab of the second open drawing file, Select All, Copy, make the first drawing file active, and Paste. Repeat for each drawing file. The document will have the same number of layers as drawing variations (e.g., ten layers for the skull animation).
    Create your animation:
    1. Open the Timeline panel, Window -- Timeline.
    2. Click ""Create Frame Animation"" from the dropdown in the Timeline panel.
    3. Choose ""Make Frames From Layers"" from the menu on the right of the Timeline panel.
    4. Click the first animation from in the Timeline while holding Shift, and click on the last frame to select all frames in the timeline.
    5. Click the down arrow in one frame and set the interval to 0.1 seconds.
    6. Choose ""Forever"" from the drop down below the timeline to make the animation loop continuously.
    7. Click ""Play"" to preview your animation.
    8. Export your animated GIF: Choose File -- Export Save for Web (legacy). Choose GIF as the format from the top right side of the Save for Web dialog box. Make sure Looping Options is set to ""Forever"" on the bottom right, click Save, and choose a location.
    That’s it! Happy creating!
    Get more details on Adobe Photoshop here: www.adobe.com/products/photos...
    Subscribe to Adobe Creative Cloud: th-cam.com/users/AdobeCreative...
    Download Adobe Express: adobe.ly/3rDM7M8
    Learn More: www.adobe.com/products/photos...
    About Adobe Creative Cloud:
    Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.
    Connect with Adobe Creative Cloud:
    Twitter: / creativecloud
    LinkedIn: / adobe-creative-cloud
    Facebook: / adobecreativecloud
    Instagram: / adobecreativecloud
    #AdobePhotoshop
    How do I Create a GIF in Photoshop - Animate your Art! | Adobe Photoshop | Creative Cloud
    • 10X Your Excel Skills ... omdfcGYEqPY
  • แนวปฏิบัติและการใช้ชีวิต

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

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

    1 minute tutorials?
    I'm in heaven.

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

      Yeah you are

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

      And there is intro and outro

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

      WHATS UP GUYS I'M PHOTOSHOPTUTORIAL008 AND IN THIS VIDEO

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

      @@Soskadood Don't forget to smash that like button and leave a comment down below!

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

      Didn't even have to skip the intro

  • @TrevorLaneRay
    @TrevorLaneRay 7 ปีที่แล้ว +2059

    Now THIS is how you do a tutorial, folks.

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

      true that.....

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

      What software did you make the video in? I'm looking to purchase a screen capture software any suggestions?

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

      @@wolfvr4478 Use OBS studio, its free

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

      Agree!

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

      grateful that this is the top comment

  • @mclaren911
    @mclaren911 7 ปีที่แล้ว +1316

    These quick tutorials are absolutely wonderful. Snappy, to the point, keeps audience engaged, and long enough to not skip or shy away. Well done.

    • @AdobeCreativeCloud
      @AdobeCreativeCloud  7 ปีที่แล้ว +104

      We are really glad that you liked these short videos. We hope to bring you more of these in the future.

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

      I love this.I want more.

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

      I WISH these beautiful videos could replace adverts on the youtube. These are productive, they give someone a skill, and WTF needs marketing when trying to watch an interest. This is pure enjoyment from start to end

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

      i think your selling it short by simply saying wonderful its far better than wonderful

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

      they didn't say "wonderful", they said "absolutely wonderful", which is better than wonderful. You didn't even come up with an adjective, just criticized.

  • @etykespeer2230
    @etykespeer2230 4 ปีที่แล้ว +354

    Im so confused that I've learned so much in such short time

  • @lamprey4598
    @lamprey4598 7 ปีที่แล้ว +66

    Straight to the point with no pointless filler information, I was able to watch your video and then immediately export my Gif that I had made in layers.
    Thank you.

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

    Short and simple, and I now have a working gif. Mega huge bonus points: I didn't have to listen to a five-minute ramble explaining that this is only how the tutorial author does it and there are other ways out there. Thank you!!!

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

    wow! this is simple and on point! I love it!

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

    Tutorials like this are so useful! I was able to use this method the create a gif recently. After doing a bit of background research, I made each frame in Illustrator with images of different dragons and their animated adversaries from video games of the last couple decades. These got brought into photoshop to produce the final gif using the method displayed above. The original concept for my initial gif was simply nostalgia, because of the 8-bit video game feel i was going for. I added the aesthetic category of evolution, using the different images from separate video games to show how the manner of animation and development has changed over time. I find the final result compelling because of how brutal it is. None of the characters really fit with the background. It’s a super harsh, raw sort of effect.

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

    Fantastic tutorial. Straight to the point. No frills. No pointless commentary. 10/10

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

    this is the best tutorial I've ever seen. So quick, so simple, so easy to catch and learn. I wish all tutorials were like this

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

    This video taught me everything I needed to make a GIF in photoshop in less than a minute. Well done, and thank you!

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

    I must have looked through 15 different GIF tutorials on TH-cam and they're all over 20 minutes & I didn't learn a thing. *THIS* was 1 minute and it taught me everything I needed.. THANK YOU so much!

  • @jurrelatour1569
    @jurrelatour1569 7 ปีที่แล้ว +57

    Really love the new tutorial shorts!!! Please make more

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

    OMG, I LOVE YOU!!! Thank you for making a quick video boiled down to the essence and saving lifetime!

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

    Finally, a clear straight to the point tutorial without 10+mins of unnecessary talking

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

    Perfect tutorial! Quick and easy without someone talking for 10 minutes! Thanks!!

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

    Ive seen so many and this is BY FAR the best explanation and run through of this. Thank you!

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

    Thanks for sharing this step-by-step in a quick format. I was able to pause as needed to switch back and forth btwn windows to complete by first GIF!

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

    there should be a law all tutorials must be like this, no ranting and raving just to the point with some soft fluffy music in the background.

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

    Simple, to the point, amazing. Surprised that the creators of a product would be the ones to make the best, detailed yet simple explanation on how it's done.
    Thanks, Adobe.

  • @mossiehj
    @mossiehj 4 ปีที่แล้ว +6

    no chatting, no rubbish, no intro = amazing

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

    I am tired of useless tutorials, THIS is EXACTLY what we need , and i think i am talking for mostly of us. Thank you, 谢谢你

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

    Everything I could ask for from a tutorial. Nice work Adobe!

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

    quick, straightforward, and simple. 10/10

  • @arturopumapillohurtado3850
    @arturopumapillohurtado3850 7 ปีที่แล้ว +8

    I need more of this is fantastic!!!

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

    Thank you for making this quick, simple and easy!

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

    quick, simple, and amazing. THANK YOU!

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

    Finally a tutorial which is easy to follow ! Thank you.

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

    Wow this is an amazing and simple tutorial. I've been going through videos for a few mins - I wish I had seen this first! Thanks Adobe CC!

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

    Omg. This is the most beautiful tutorial I have ever seen. I came for the content, but I watched it four times just for the presentation.

  • @RJ-nv6ru
    @RJ-nv6ru 4 ปีที่แล้ว +1

    Thank you for the beautiful one minute, right to the point tutorial!

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

    Whoa, this was amazingly helpful. I only knew you could import GIF images; had no clue about creating them in Photoshop.

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

    Wow! This actually is easier than I thought! Thanks for putting this tutorial out there!!

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

    finally someone who explains something in 1minute THANKS!!

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

    This is very helpful! Thanks for sharing this info. Makes me think fondly of the days when I made flip books with post-it notes

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

    AWESOME TUTORIAL! finished making mine for class :). THANK YOU !

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

    What an amazing, straight to the point, simple tutorial!!

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

    This is so well done! I wish Adobe could dedicate a channel to releasing short tutorials like this.

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

    Ah, If only all tutorials were like that. Concise and straight to the point.

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

    The way these tutorial are made is brilliant, thanks a lot!

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

    Wow... I've never seen a more perfect tutorial than this.

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

    You guys made this SO EASY. Thank you

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

    Thanks for the QUICK video tip. Exactly what I needed.

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

    Give this tutorial designer a raise! Thank you.

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

    Wow! Never thought this would be simple. Thanks a ton!!

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

    Super quick and to the point! Excellent!

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

    THIS WAS THE MOST AMAZING VIDEO TUTORIAL I HAVE EVA SEEN!!! BEAUTIFUL

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

    I like how the video goes straight to the point.

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

    TNice tutorials is just the pick up I needed, thanks man

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

    This was the most easist photoshop tutorial

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

    short, sweet and direct to the point THE PERFECT TUTORIAL VID

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

    Very well made video. Quick and efficient. Thank you!

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

    simple and straight to the point... 10/10 tutorial

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

    All tutorials should be less than 4 mins like this one!!! Amazing!!!!!

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

    thank you for this video! I have always thought animation was daunting to make! I managed to make my first animated gif using this!

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

    Simple and quick tutorial, well done! Thank you for your the video.

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

    Flippin' dynamite video right here, one minute of PURE INFORMATION. Great video :)

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

    Thank you for this tutorial! It was super easy to follow.

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

    Amazing :) !! Thanks so much !

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

      Hey Noah !!! its so weird watching your comment here lol

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

    i like how its short and easy and not a long tutorial

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

    Best tutorial ever, seriously.

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

    Well done! thank you. I made my first GIF immediately after watching this. best quick Tutorial.

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

    Love you love you love you ! Please continue this series and make one for Illustrator as well if you can !

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

    Awesome. Simple, complete and worthwhile.

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

    Thank you for this!!! Perfect tutorial!

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

    thanks for this, i almost watched a 20 minute video on this but this short video has told me everything i need

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

    love love this, thank you, perfect tutorial

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

    The best Tutorial video I ever saw! Well designed mate!!!

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

    Wonderful tutorial! Simple yet detailed, thanks ~!

  • @themoviesportal.6319
    @themoviesportal.6319 4 ปีที่แล้ว

    man this is just amazing all in just one minute

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

    Thank you for this quick concise tutorial. Bravo

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

    HOT DAMN! That tutorial was an experience! I feel like I could learn anything now!

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

    Thank You very much for quick and easy to understand tutorial!

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

    I love you, Adobe.

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

    Quick, simple and understandable
    Love it

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

    never get to your channel and get out empty handed thank buddy

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

    Love it so much, simple yet cool!

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

    Gold quality in under a minute, epic

  • @karynstudiosloane-ceramics436
    @karynstudiosloane-ceramics436 2 ปีที่แล้ว

    Watches 30 seconds of video, makes an amazing gif... DANG THAT WAS HELPFUL TY!!

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

    Thank you for making something so to the point.

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

    incredibly concise tutorial, love it!

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

    I hardly comment. But this has saved me so much time during a super mad period at work that I am just forever thankful. Cheers mate❤

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

    fastest tutorial is always the best

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

    Thank you so much for it!! Extra credit for Photoshop class, learned in a minute!

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

    This is exactly I was looking for in a tutorial!!!!!!!

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

    OMG THANK YOU!!! I went through hours of "beginner" guides before I could find tNice tutorials and at least make a simple soft... Only video I've

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

    Thank u for being a great human being and taking ti to help all of us noobs out cheers

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

    going to go make my first soft! My first soft!! Here I go! Wish luck.

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

    U gotta make it look so easy, thx bro!

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

    WOW, simpler than that I haven't seen anywhere !

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

    OMG have got to try this, lovely tutorial!!!

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

    Without the ugly faces and BS, brilliant tutorial.

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

    hey thanks for the short and useful video!

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

    beautiful, simple tutorial. thank you!

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

    TNice tutorials was great! the way you explain tNice tutorialngs and repeating it really helps. thanks for the tutorial!

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

    Thank you! I just learned how to animate in photoshop

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

    Even the editing of this video is just brillant. Good job!

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

    straight to the point, thanks!

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

    Great, fast and easy! #1 tutorial

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

    Such a useful little video! Thank you!