How to Create an Animated GIF in Photoshop CC

Поделиться
HTML-код
  • Опубликовано: 11 сен 2024

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

  • @jacquelyn4374
    @jacquelyn4374 4 года назад +167

    8:30 is the animation tutorial, skipping the drawing process

  • @beergnomedc
    @beergnomedc 5 лет назад +67

    By the way, on the Timeline window, the right side with the three lines, there is an option to make an animation from the layers. Makes it easier than adding each individual one.

    • @tutvid
      @tutvid  5 лет назад +13

      Good tip! Thanks for sharing!

  • @HarryBalsak
    @HarryBalsak 5 лет назад +5

    Finally, a good instructional video on animating GIFS - the other tutorials assume too much and don't show how to access all of the menus, leading to more frustration. Thank you!

  • @lsinner80
    @lsinner80 5 лет назад +52

    This channel is everything. Been lovin' it since.... forever. Thank you.

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

      Nathaniel is a beast! I'd like to think I am a baby beast in training and would love to have you take a peek at only one of my videos - no obligation, and the best part, its FREE! 🙏💪

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

      Thank you so much!

  • @momentarilysomeone
    @momentarilysomeone 5 лет назад +2

    I watch Illustrator and Photoshop tutorials to help me sleep. Relaxing and informative!

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

      Thanks, Nicole! :D

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

    I just discovered you and just wanted to say this was the most helpful tutorial I’ve seen in a really long time. Great work!

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

    Thank you for your organized and straight to the point videos!!! Im so grateful, You rock!

  • @pankajg2370
    @pankajg2370 5 лет назад +10

    You are my favourite RUclipsr... love your videos very helpful..

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

      Can I be your second favorite?🙏(It never hurts to ask, right?)

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

      Thank you so much!

  • @crys.
    @crys. 3 года назад +2

    Been looking everywhere for this effect! Thank you!!!

  • @GKOALA7
    @GKOALA7 5 лет назад +2

    I have always LOVED, LOVED, LOVED this style of animation! It just looks cool and alive. Thanks for this awesome tutorial. 😎

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

      Haha, thank you!

  • @MarkLongos
    @MarkLongos 5 лет назад +2

    the technique is a big help! great job on the tutorial!

  • @angelnande7963
    @angelnande7963 5 лет назад +5

    When I save it it doesn’t preview like a gif it just shows the frames on the left side of my Mac, how do I fix this?

  • @TheRealApocalypseCowboy
    @TheRealApocalypseCowboy 7 месяцев назад

    EXACTLY what I needed to learn. Thank you bromeo!

  • @weirdave1
    @weirdave1 5 лет назад +2

    The most underrated youtuber for real...... I enjoy your tutorials man

  • @TantuBeats
    @TantuBeats 5 лет назад +6

    My photoshop keeps creating layers called 'Frame 1' etc. when I click the new frame button. Haven't seen this in any tutorial. Anyone else?

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

      Me too. Did you figure it out?

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

      You go the the hamburger icon on the rigth side of timline window and then click onmakes frames from layers, hope this helps

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

      @@danishzeshan4093 Hamburger! LOL, yep same issue. And your comment helped.

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

    I believe that if you hit 'create layers from frames' then it will create 1 frame for each layer rather than having to hide and unhide layers individually to create each frame!

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

    Ok, so saved mine through legacy , and it doesn't work. Iv'e done it 6 times now. Every time I try to preview it, the gif comes up as a photo, and all the motions are saves as individual images along the side of the preview. Hopefully this makes sense. I have no idea what went wrong.. Can anyone help!?

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

      I have the same problem, what do we do??

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

    Great video! Always explained simply and to the point where anyone can understand!

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

    Thanks for the speedy delivery!!! Engaging and informative. 12 minutes flew by! :)

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

    very nice video - learned just what I was coming here for. Thank you!

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

    Hey, Nathaniel. I've been watching your vids for over ten years now, and I just want to say thanks for sharing your knowledge. You've not only taught me how to do cool things like this, but also watching you calmly figure out why something wasn't working and fixing it taught me how not to rage at the computer over my own ignorance and/or impatience, haha!

    • @tutvid
      @tutvid  5 лет назад +2

      I always rage when I'm not recording 😂

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

      @@tutvid We need a video of this! XD

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

    Thank you for this! Inspirational and i love the way you give the keyboard shortcuts for Mac and PC

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

    Very nicely described

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

    Thank you for the videos 😍 , this is the best one yet , looking forward in seeing much more of the animated graphics !!!!!!

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

      Thank you so much, emmanuel augustine!

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

    my animation shows as an image if I were to put it in premiere pro is there a way around that

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

    this set me free. bravo

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

    ND, I've not seen every video in your library, but did you know you can now export animated Gifs from After Effects - for the longest time this wasn't available for Mac users, and it makes me happy as I find AE more robust for complex animated gifs!

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

      I made a tutorial on animated GIFs over 5 years ago. Before I had Mac.

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

    Very clear and concise instructions. ty

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

    Amazing tutorial

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

    Thank you!

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

    THANKS! Your speedy but so helpful :)

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

    Awesome tutorial. Thanks for making it! Your instructions are always on point.

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

    A very cool and easy thing. With your tip, I have created a few people a gif and made it a pleasure! - Thank you -

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

      Glad to hear, Ralph! Thanks for watching!

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

    This is amazing. Your video is so helpful.

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

    nice effect
    thanks for the tip

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

    everything is fine until i save the file. once i save i get this weird white outline on my layers, (i turned of the background to make it a png) please help...

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

    Awesome, thanks

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

    Awesome tutorial! Thank you for sharing 👍🏻

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

    Thanks for sharing a very useful video.

  • @jsunshine4
    @jsunshine4 5 лет назад +2

    Every time I watch one of your Vids, I open up Adobe and start trying to Create my own version - Thanks for continually posting Great projects - @ James Burke 4 Photos

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

      Thanks for the love, man!

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

    Youre the man!! Love your tutorials.. kinda worried since you haven't posted in a while.. hope all is well.. :)

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

    Thank you so much! I was able to do a dope logo sketch animation with my fraternity logo!

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

    lovely brilliant kudOS

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

    Thank you so much for this tutorial! :)

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

    Bravo Tutvid! Another assignment for me! Weesh mi luq...lol

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

      Thanks for the love!

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

    I can't thank you enough for this!!

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

    Thanks for your video, I will start to animate my hand writing in my videos ! It will be cooool ♥

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

    I love variations on my strokes

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

    This was really easy to follow! Thanks :)

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

    I love this. Can we alter frame rate in this...is that how the delay works?
    pls do more tutorials on animating on photoshop. thanks :D

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

    Nice! thanks

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

    BRO WHAT CAMERA ARE YOU USING? THAT IS THE CLEANEST CAMERA AND LIGHTING IVE EVER SEEN

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

    awesome video! Also great length! Thank you

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

    Nailed it! thanks!

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

    I just subscribed to your channel and everytime i watch one of your video it really amazed me! Bless you!

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

    i cant find this stock image can anyone share a link to it?

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

    Great job! Your videos have been helping me a lot. Tx!

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

    Good Video as always

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

    Thanks.

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

    cool! thank you for the tutorial

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

    Is it possible to precompose the animation to use it in another file? Like to be able to drag the bull into a larger ad, where the only animation is the bull...?

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

    Thank you so much, you are always helping

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

    thank you so much! you've earned one more subscriber today

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

    Thanks very much for this!

  • @mansis.9722
    @mansis.9722 5 лет назад

    that was very easy and helpful. thankyou!

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

    much love for sharing the knowledge....your bull looks badass

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

    amazing thanks for this so much

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

    May want to retitled this tutorial to "How to Create Cool Sketch Effect in Photoshop CC" as that's what 90% of the video is about.

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

    Is there a higher quality option than 256 colors?

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

    Thanks for this. Totally helped me out.

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

    can you tell me how to set up the workspace like your is cos its kinda hard to follow when you dont know where the tool for what ur doing is. like maybe make a video or something?

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

    Cool video!

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

    thank you so much!!

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

    Thx man

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

    Easy to follow . Good work bro

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

      Glad to hear, mallesh! Thanks for the kind words.

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

    You could liquify the gradient it hepls a lot

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

    what photoshop version are you using in this video?

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

    ty

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

    Thanks for the knowledge bruh !!

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

    Really helpful, Thank you!

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

    Thank you!
    I just made my first gif!

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

    Thanks, was helpful.

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

    Your Best thing which I like I teach fast with out wasting time (y)

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

    Thanks SO much man , Listen I am an Old school user of Image ready And Was wondering where it went ,, This Seems Basically like that, And so I appreciate this Video greatly.

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

    Amazing! Gotta try it

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

      Thanks, Ercella Wyre! I hope you enjoy it!

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

    That’s pretty neat

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

    Question: When I export it as I follow the video, the gif comes into its individual frames in preview mode on my computer, rather than in the exported GIF. Any thoughts on what could be going wrong?

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

    Sleek work! Good job!

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

    GREAT HELP!

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

    Exporting isn't working for me. Help. Exported SAVE FOR WEB > Selected GIF > Animated FOREVER > GIF saved to desktop, but not animating when clicking on it. Why? :(

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

    i want next layer to have opacity transition when appearing on top previous layer. how can i do that in photoshop?

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

    8:30 - for all those who want the actual answer.. window ---> timeline.

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

    This is super cool, I will be looking for a drawing pad soon. Was wondering if you could recommend what kind I could buy.

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

    Hey inspirer 😍

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

    HI! What camera are you using to record your video?

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

    I found this to be very helpful but had slow the video to be able to follow you move thought pretty fast.

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

    Windows>Timeline, File>export. Thanks.

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

    I'd missed that one. Thanks for the tut. Useful. I had not worked out there was a Frame Animation in the timeline. What would be coll is seeing whether an animated GIF can be imported in Photoshop with the frame animation. I know opening a GIF does preserve layers, but not sure if you have to do the whole frame animation manually again. I'll give it a try and see. Thanks again.

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

      And replying to myself to save anyone the trouble of checking: it does preserve the frame animation in the timeline even when animated GIFs come from other sources. Excellent.

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

    i love it ! thank you for this lesson! i cant wait to do mine :)

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

    QUESTION: if I wanted to make an animated file and then use it in a video (Premiere) I know it won’t be transparent if it’s a gif (I’ve tried), so how would I do that? Basically, how do I take an animated Photoshop file and export it in a format that would work for video with a transparent background? Is there a way?

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

      When you go to export the gif in photoshop, there should be a checkbox to export the gif with transparent background- you may need to use the legacy save for web?