How to Create an Animated GIF in Photoshop CC

[@jacquelyn4374]

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

[@Fr3akyyy]

You are god

[@zacharyfarrugia9]

Thank you so much

[@bedtimerat]

Thank you!!

[@haikii7949]

GOD

[@DrDiox]

Thanks, Dude!

[@beergnomedc]

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]

Good tip! Thanks for sharing!

[@HarryBalsak]

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]

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

[@Secondcropcreative]

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]

Thank you so much!

[@momentarilysomeone]

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

[@tutvid]

Thanks, Nicole! :D

[@gregtchertchian5727]

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!

[@pankajg2370]

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

[@Secondcropcreative]

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

[@tutvid]

Thank you so much!

[@bentheremedia3011]

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!

[@angelnande7963]

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?

[@mutafannin5259]

same issue

[@angelnande7963]

muta fannin yeah how do we fix this

[@euaggeliavountouraki1113]

Same problem here:/

[@valeryrizzo]

Same here!

[@crys.]

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

[@Secondcropcreative]

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]

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

[@funnimonkeclub1145]

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

[@rasikparmar2220]

Very nicely described

[@mukunthsudarsanan9312]

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

[@ispa21]

You could liquify the gradient it hepls a lot

[@weirdave1]

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

[@Erinski]

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]

I always rage when I'm not recording 😂

[@Erinski]

@@tutvid We need a video of this! XD

[@MarkLongos]

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

[@REJEXCOLLECTS]

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

[@dimitrio6199]

Amazing tutorial

[@GKOALA7]

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

[@tutvid]

Haha, thank you!

[@BevDrozda]

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

[@TheRealApocalypseCowboy]

EXACTLY what I needed to learn. Thank you bromeo!

[@hzubovi1]

Is there a higher quality option than 256 colors?

[@VinylSkillz]

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

[@tutvid]

Thanks for the love!

[@vanessawerder7032]

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

[@rahulvenky847]

lovely brilliant kudOS

[@aruiztech]

Thank you!

[@sum1sw]

Animation starts at 8:30

[@parkcityprinting3087]

this set me free. bravo

[@jsunshine4]

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]

Thanks for the love, man!

[@solvedplus858]

nice effect thanks for the tip

[@sedovadesign7422]

Awesome, thanks

[@Afterdarkillustrations]

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]

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

[@jackieburt5961]

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

[@thabometsing1670]

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

[@thairston1]

Love your tutorial. I have learned a lot. My question is, what do you know about NFT art?

[@filterpumpindustries2833]

Very clear and concise instructions. ty

[@FlorenceRobbiano]

Thank you for the really cool video :) The possibilities are infinite. However, if I do as you say for the export, the gif does not work (I have static images on my desktop). I have to export it by selecting Export-Render Video!

[@gerryattrik4410]

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...?

[@minxlabrada]

Thanks.

[@arshad1236]

Thanks for sharing a very useful video.

[@grace4peace82]

THANKS! Your speedy but so helpful :)

[@sorenbellamy3382]

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?

[@ezjohnny]

what photoshop version are you using in this video?

[@celsiusmi]

Actual Animated Gif Tutorial starts at 8:30

[@StudioHannah]

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]

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?

[@planetman1775]

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

[@ccuny1]

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]

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.

[@bidibibip]

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

[@traceypettis6583]

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

[@MrTschetsche]

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]

Glad to hear, Ralph! Thanks for watching!

[@IntelligentDiscussion]

Windows>Timeline, File>export. Thanks.

[@suncityvibes2016]

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

[@CryptoThorne]

Good Video as always

[@emmanuelaugustine6811]

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

[@tutvid]

Thank you so much, emmanuel augustine!

[@stress1191]

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

[@kavitakamble3669]

Cool video!

[@devanglin]

Nice! thanks

[@user-xj8de4pd3j]

Thank you for the great tutorial. But for some reason I cant save file. I get message "Could not complete this operation. An unknown error has occurred". Has anyone experienced this?

[@aunieismail2945]

This is amazing. Your video is so helpful.

[@nomessmamabear816]

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

[@SunnyMel]

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

[@reviamirah]

Thanks for this superb tutorial! Mine was successfully saved as .gif, but why can't it read as a gif in any texting apps? It automatically converted into image format. Did i mess something up during saving? Thanks a lot in advance xo

[@radukapu]

Awesome tutorial! Thank you for sharing 👍🏻

[@levinzwarg1878]

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

[@artvictim]

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.

[@Geekspeak1270]

Nailed it! thanks!

[@TantuBeats]

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]

Me too. Did you figure it out?

[@danishzeshan4093]

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

[@minxlabrada]

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

[@rodrigodemarchi1184]

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

[@WSCOMPUTER]

Could you please record a video of how to remove a paper background from a charcoal artwork, scanned at high res, 1200dpi+.

[@Secondcropcreative]

This is a fantastic video idea - feel free to leave a comment on my channel/video, and I will make a video on it!

[@WSCOMPUTER]

@@Secondcropcreative great

[@tehprotrollboi6472]

what's that zoom-in circle that u have there ? how do u do it ? does it show up on your screen ?

[@piliwi755]

Hello would you please some advice to properly adjust his tablet on photoshop cc 2019 in advance thank you

[@tutvid]

I would just tweak it until it works great

[@UngoldenBoy]

Thanks very much for this!

[@camswrldd_]

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

[@Slackw4x]

is it possible to create an animated gif with a background on everyframe that has a transperency?

[@spagolli94]

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.

[@snaggletooth4607]

Can you do this in Premiere?

[@kaylarowe8500]

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?

[@kaylarowe8500]

also love the video!! Thank you

[@tinamack]

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

[@ahmadzuhaib9200]

Thx man

[@iamdantalion7333]

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

[@SuperAuggie2]

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

[@Morevoluzion]

What brush do you use(?

[@torababdullah7952]

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

[@daveshut]

I love variations on my strokes

[@TheBeardedJeeper]

That’s pretty neat

[@ceciliacastrofromoditidesi2625]

I'm looking to buy a tablet, what would you recommend?

[@FootyPick]

Hey inspirer 😍

[@mugshotmagazine3977]

GREAT HELP!

[@dheshanster]

amazing thanks for this so much

[@miguelle7920]

what brush did he use?

[@cormacc7]

Thanks, was helpful.

[@grogu1337]

ty

[@newswithsaadi]

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

[@malleshgm824]

Easy to follow . Good work bro

[@tutvid]

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

[@MrIkesimba]

I can't thank you enough for this!!

[@mattiasbjorkstedt9527]

Sleek work! Good job!

[@blackbird163]

Thank you so much for this tutorial! :)

[@NBAPrimetime]

awesome video! Also great length! Thank you