How to make animated GIFs in Photoshop

In this week's tutorial, I want to show you how to use Photoshop to create simple animations using your hand lettering or drawing. I'm also going to show you how to save your animated GIF in Photoshop and how to export it as a video.
Font used in this video: creativemarket.com/SalomeNJ/3...
Read on the blog: www.elancreativeco.com/animat...
I'm using Photoshop CC 2018, but you can also use older versions of Photoshop.
If you want to see more Illustrator and Photoshop tutorials, please check out my blog: www.elancreativeco.com/blog/
Chapters:
0:00 Intro
0:15 Designing the animation
3:00 Setting the frames
5:17 How to make animations in Photoshop
7:28 How to save GIFs in Photoshop
9:01 How to save GIFs for Instagram
You can also follow me on:
Facebook: / elancreativeco
Twitter: / elancreativeco
Instagram: / elancreativ. .
Thanks for watching!
The music used in this video, Carefree by Kevin MacLeod is licensed under a Creative Commons Attribution License (creativecommons.org/licenses/...) Source: incompetech.com/music/royalty-... Artist: incompetech.com/

[@KewBlinkla]

I spent hours trying to figure out how to make a simple GIF I could copy onto stories on instagram for work and EVERY tutorial was so confusing. THIS ONE is the only one that actually made sense, had explanations, and walked me through it. THANK YOU.

[@paigeandcarlosdesign3759]

I always come back to this clear simple video. Excellent work!

[@paulisprenger]

I‘m so glad I found your KZbin channel! It definitely is one of my favorites by now. I could never quite figure out how to use illustrator/photoshop but you make it look so fun! 🌸☺️

[@bycristinasilvia]

I'm glad to hear that! I try to make them as simple as possible, but I don't know if I always manage to do that :-)

[@joycelynnjbxy4280]

I needed to create a GIF for my assignment and your tutorial really helped! Thank youuu! And love love LOVE your accent 😍

[@ployminister]

Thank you so much. This video literally tells me everything I need to know about "How to make GIF". Very easy to follow and so many inspirations!

[@Josiedigital]

This was the clearest tutorial for photoshop vids ever. Thank you!

[@nicolapascal6379]

Thanks again Cristina! Keep up the great work, inspiration and easy to follow tutorials.

[@francoabductor6301]

You saved my life! Thanks. I need more GIFs tutorials, please!😀

[@riarose5984]

best tutorial on here thank you!!!!

[@jennybaxter6532]

Oh I LOVE this! Thank you so much for creating and sharing. You have another subscriber here for sure!

[@toutydroid]

I really like your voice and your accent! Your tutorial helped me creating GIFs, thank you !

[@a.2622]

thank you so much for making this tutorial! i managed to make my own set of stickers thanks to you

[@vajosejra2965]

I'm just learning this Photoshop feature so thank you for this fun and easy tutorial.

[@EnglishSquared]

Very organized and clear. Also good sound quality!

[@veronicavassileva]

I love this! You make really good tutorials, I just subscribed, keep on with the good work. I'm looking forward to more tricks :) it's really useful for social media

[@Nats57]

thank you for this tutorial! very helpful!

[@jasperkelsey5535]

This is just what I needed--thanks!

[@Razzblue13]

Thank you!! Love the tutorial!

[@rohingyaslge5702]

your tutorial helped me lots, Thanks very much.

[@annettebowieab]

Thank for this tutorial!! You are a good presenter and teacher.

[@bycristinasilvia]

Thank you 😊

[@francoabductor6301]

Thank you! I just did my first animated gif thanks to you!

[@francescarachel6739]

ngl but i’m a real beginner and need to make gif bc of urgency, one thing i can say is that THIS VIDEO REALLY HELPS ME, EASY TO UNDERSTAND🤩🤩 Thankyou so much!

[@younessexd3748]

Thank you so much for this toturial

[@Ddiananova]

Amazing tutorial!

[@srish7078]

Very clear and helpful. Thanks alot.

[@SketchbookTimeMachine]

Great tutorial! Thank you!

[@dontwannaspeak]

you helped me so much! thank you!🖤

[@h2z9b3]

I love your tutorials, always easy to understand. Please do more tutorials if you can. Thank you always.

[@MorbidityCity]

This was so helpful thank you!

[@mariajosecalles7706]

OMG! LOVED IT. IT WAS SOOO EASY, I MADE MY FIRST GIF WITH YOUR VIDEO

[@saieshpatil7077]

Simple and lovely Thanks

[@iuliat5159]

You are explaining so well, and all the details. 👍

[@OgreSupreme]

Awesome! Thanks so much!

[@musemonster2516]

This helped so much!

[@TheTjbernedo]

Thank you...good and clear tutorial.

[@faridajamal734]

Amazing and easy to understand thanks

[@ohkayeee2174]

Thank you!

[@arshad1236]

Very simple and effective.. great

[@roxx7148]

Thanks ❤️ FROM INDIA 🔥

[@XperiaVideosCR]

Gracias por compartir!

[@WaboMotiki]

this is so helpful thank you

[@pragyapriya2486]

Thanks a ton❤️

[@abbyyahaya4677]

thank youu so much!!

[@emynwakanma9118]

u are a great teacher

[@rucheekkuppachi1362]

Thank you so much you saved me 100 points! Thank you!😊

[@mairamaha3968]

Thank you very much, I really like this tutorial

[@rachelgreen7830]

Thank you for this nice tut.

[@AqibKha9]

That helped me alot thanks

[@themichfit]

Love this video! I just made my first GIF! I always wondered how KZbinrs did animated GIFs for their transitions!

[@themichfit]

Also for anyone who doesn't have Just Awesome font, I used the Verveine font, which looks really similar. You need to download it off Adobe Fonts and then Creative Cloud will put it in your Photoshop font options.

[@SyikinAzhar]

Hi! Thank you for this tutorial. It really help me to finnish my assignment! 🥰🥰🥰

[@rajj3543]

Great work.

[@dmb555]

omg I love your voice and french accent

[@HLima-jk8vi]

Thanks for the upload. Greetings from Mexico!!!

[@bycristinasilvia]

You're welcome, Hugo 😊

[@precisegeorgekalu350]

Thanks so much

[@yeasminakter3317]

thank u sooooo muchh

[@milenamolho9006]

Thank you!!

[@lidiahryma8702]

thank you!! i made my first gif :)

[@PradeepSingh-nu7iw]

Hayy Christina this is for you 💐 Thanks for tutorial...

[@zahraemanuel8894]

Very helpful!

[@anahitae5332]

Thanks, It was a complete video for Beginners like me

[@TechWayTamil]

Wow super thanks

[@pixel_dank]

Good and simple

[@johnbruggeman9196]

thanks a lot

[@bsienkart2937]

Great video!

[@nupurmachher5941]

you are the best.....

[@pragyapriya2486]

You are my life saver ❤️

[@g30rg3-c5]

Grazie Christina :)

[@ritapoutivskaia9548]

this was so awesome & helpful, thank you!

[@bycristinasilvia]

You're welcome, Rita 😊

[@almagracetia8400]

THANKYOUUUUUUU

[@interitus1152]

I know this is late, but thank you. I had to make a gif for a college assignment.

[@iMikkeysat]

i made it, thank you

[@elite4879]

Thanks sister

[@sarah.1387]

I need your colour swatches as a colour palletteee

[@MewAesthetic]

Thanks a lot! ♥ *New subscriber* _here_

[@momtajakterrita]

Nice video

[@nitahung5809]

Hi! Your video is really helpful🥰🥰🥰. May I ask the question about brush texture? (2:58 of video) how do I make this brush?

[@TronkLSSJ]

Your voice is so sweet 🥰

[@froggygg1]

JESUS CHRISTINa,,,Sorry...had my caps lock on...your accent is lovely...

[@cerenbakas4239]

THANK YOU I DOİNG MY EXAM NOW ^-^

[@gonulsen5796]

harikasın

[@jasperburchfield2028]

How did you make it shift back and forth?

[@janienneaquino1149]

What typeface did u use?

[@JPEG2099]

When dragged to duplicate the frame layer in the timeline it makes a new layer in the layer panel a blank one....

[@user-cf5sm4wy3d]

у вас очень хорошая дикция

[@carolinecombeau1236]

Hi! I loved this video! :))) How did you create your texture please?

[@bycristinasilvia]

It's an ink splatter texture that I scanned and turned into a brush. Here's how to make a brush: kzbin.info/www/bejne/sH3HgaWrptiZmsk and here's how to make a faux ink texture: kzbin.info/www/bejne/qmWcaGSeiM2cp8U

[@activemotionpictures]

Jump to 5:22 for actual info.

[@Ladyduchess313]

Can this be done on a tablet?

[@daLyeah]

I love how you made it but its hard me to make it. I spend 5 hours to learn this but unfortunely, I can't make it.

[@ilysketchV]

why it doesnt appear on my timeline when i set it to frame animation?

[@rajeshmadhavanblackpanhthe553]

dear christina its valuable

[@nicholeeligio]

May I know what version of photoshop you are using?

[@rajj3543]

Maxicans are good ta designing

[@daniellestrickert2545]

When I change a layer in one frame, it applies that change to all the frames, do you know why that is and how I can fix it?

[@justMiniheartattack]

Danielle Strickert same question :(

[@williamvinct]

Your voice is cute

[@AnnegelaDenisseStaMaria]

What brush did you use?

[@bycristinasilvia]

It's a custom brush that I made. It's not available for sale yet.

[@rozeshi3525]

For some reason I don't get the "Create Frame Animation" selection.. It just goes right to the timeline.

[@chris_noswe]

"Jiff"

[@Xeohn]

I got triggered so hard when she said that

[@BluebeardsWifeR6]

@@Xeohn The guy who created the format said this is how its pronounced

[@Xeohn]

@@BluebeardsWifeR6 but most of the people don't want to agree, and yes I know it's suppost to be said like that...

[@leuzephyr]

@@Xeohn It is now, Shawn.

[@vini1395]

My created gifs on Instagram gif section appear too small. Can you please help me with the canvas size & what else is to be kept in mind before uploading a gif?

[@bycristinasilvia]

Are you using Giphy? Your stickers should be at least 500 x 500px. A larger size like 1000 to 2000 px would probably work better.

[@vini1395]

Yes i create on photoshop & upload it through giphy & while using the canvas size 1000 x 1000 px the gifs still look very pixelated and small on Instagram gif section🙈

[@bycristinasilvia]

@@vini1395 I had a similar issue with the GIFs I uploaded and they looked good after a few days. But you can always try to make them larger and at a higher resolution.

[@cmena801]

I tried to render and it takes very long. so I just cancel it every time.

[@FV_222]

Help me with this issue?

[@terradan2013]

That voice though.