In this week’s tutorial, I use some simple vector elements to create a basic animated gif in photoshop. We go through the steps of setting up an RGB web artboard in illustrator to create our elements, setting up the correct photoshop file to create the animated gif, and finally, we save for web and properly export our animated gif. You can get the typeface used in the tutorial here. Enjoy!
Receive special offers on courses + products, a new design file every month plus instant access to the Resource Library!
Pick up over 50 design + lettering files as our gift to you when you join the Tuesday Tribe for free!
error
Congrats!
Please check your email to confirm.
You May Also Enjoy
How To Create a Confetti Brush in Adobe Photoshop Posted in Tutorials, Photoshop, Color
How to Create a Retro Type Invitation Postcard in Illustrator Posted in Tutorials
How to Make Animated Gifs in Procreate Posted in Tutorials, Hand Lettering, iPad Lettering, Beginner, Advanced, Procreate
Animate a Mix Tape in Procreate 5! Posted in Freebies, Tutorials, Hand Lettering, Hand Drawn, Illustration, Advanced, Procreate
Angela M | March 5, 2014
|
That was an excellent thorough tutorial. I can’t wait to give it a try with my own artwork Thank you so much!!! You rock!
TeelaC | Author | March 5, 2014
|
🙂
MAx | March 6, 2014
|
It’s really be nice if you showed how to make the ‘first frame’. I couldn’t get a first frame or any frames. This was a very vague tutorial.
TeelaC | Author | March 6, 2014
|
Hey, thanks for watching! The first frame is actually automatic when you open your timeline window (it’s whatever layers are visible (have the eye next to them) that make up the first frame). Then it’s just clicking the little ‘add new frame’ icon and turning different layers’ visibilities (eyeballs on in the layers palette) for each individual frame after that. Hope this helps! Apologies for any confusion!