In this blog post, I will help you get closer to creating your own simple animated GIF in a just a few easy steps!
Complete Video Tutorial
I created a 30 minute full walk-through tutorial on this topic on Skillshare! If you are not familiar with it, it’s an online platform for people to learn everything in Photography, Design, Drawing, Filming and many other topics!
If you would like to access my class for COMPLETELY FREE, I’m giving out 100 free coupons for my class to my readers!
Just click this link: http://skl.sh/2C7z9KE. And start learning while it’s HOT 😉
And here is the introduction video :
So, what is a GIF?
” The Graphics Interchange Format (better known by its acronym GIF/ˈdʒɪf/JIF or /ˈɡɪf/GHIF) is a bitmapimage format that was developed by a team at the bulletin board service (BBS) provider CompuServe led by American computer scientist Steve Wilhite on June 15, 1987.“
In other words, it is a file format that supports static and animated images!
You see GIFs all the time, and I’m sure you have sent a couple of funny ones to your friends on Facebook Messenger 😉
Step By Step GIF Making Process
Now, we will go through the basic steps of how to create an easy animated GIF in Photoshop.
First things first:
Setting Up Your Workspace
- You need a couple of images ready, or better yet a great idea for your upcoming project!
- Have your Photoshop file set up.
- Go to Window –> Workspace –> Motion.
- You will see a “timeline” window pop up at the bottom of your screen! Great 🙂
- Now click “Create Video Timeline”
- You can work from here if you like, however, if you are new to this, I would suggest clicking on the squares icon at the bottom. This is your workspace now!
Preparing Your Layers
- Work as you usually do with layers! You can use as many layers as you like, 20 layers don’t equal to twenty keyframes!
- When you have all your layers ready, you will notice that the little square in your timeline looks exactly as your canvas right now! Congrats, you have your first keyframe! 🙂
- Now click on the icon within Video Timeline that looks like the one we are all used to “new layer”, and a new square will pop up with exactly the same image as your canvas! Great, now you have 2 keyframes!
- Go ahead and turn of opacity for the layers you only want visible on the first keyframe, and create a new image or tweak the previous one.
- Now the 2 images are different, and you can press the “play” button, or hit your spacebar to view your brand new gif!!
- bonus tip: in the bottom left corner you can decide if you want it looping once or forever! I suggest the forever option if you will only have 2 keyframes as I do in my GIF 🙂
To export this file for web, go to File–> Export –> Save for Web.
Now you are all good to go!!
Share your GIFs with us here, I would LOVE TO see them all! 🙂
Don’t forget to follow this link: http://skl.sh/2C7z9KE to go through my course for completely FREE just for YourArtPath.com Blog Readers!!
Also, check out our other tutorials:
And for some gift ideas:
Don’t forget to subscribe to our email list and follow us on social media!
Good luck on Your Art Path,
– Your Art Bud 😉