Adjusting these settings may lower the quality of the final product, but GIFs aren’t known for being high-definition, cinematic masterpieces. From here you can adjust certain settings-like the lossy compression, dither, and colors-to make your GIF a nice, small size for uploading on the web. When you’re done perfecting your GIF, click File > Export > Save for Web and change the file type to GIF. GIFs typically operate on an endless loop, so set the loop to “Forever.” This setting is completely up to you, so pick whichever time works best for your project.Īt the bottom of the timeline window, there is a drop-down menu that allows you to change the looping setting of the GIF. You can do this by highlighting all of the frames in the timeline window within Photoshop and clicking on the scroll down button at the bottom of a frame panel.
The next step is to adjust the speed of your GIF. Importing every two frames will give it that authentic GIF feel, but no two GIFs are the same. The more frames you skip, the choppier the GIF will be. You can also adjust the number of frames you want to import. Adjust the in-point and out-point by dragging the markers underneath the timeline. Adjust the Length of Your VideoĪfter you import your video, a window pops up that allows you to adjust the length of your GIF. For this tutorial, we used this clip of a man running and jumping on the beach.Īccess the best video tips, design hacks, and deals straight to your inbox. This will make it so that each frame in the video will exist as its own layer, making it easier to edit your soon-to-be GIF. Import Your Video into PhotoshopĪfter you open Photoshop, click File > Import > Video Frames to Layers.
Gif animator tutorial how to#
So, if you want to learn how to make a GIF in Photoshop and turn some heads on the web, grab a video from our library, open up Photoshop, and follow this short and sweet tutorial.Ĭhoose Video Footage How to Make and Edit GIFs in Adobe Photoshop Step 1. There are many different ways to create a GIF, but nothing gives you complete control like Photoshop. If you’re not familiar photo and video editing programs and the process of how to make a GIF, it can be a little overwhelming and cause you to do one of these: They’re a great way to spark engagement, grab attention, and score some points on social media-in other words, GIFs make people feel like this: Click this as many times as needed.No matter how you pronounce it, GIFs are the internet sensation that never fail to get a laugh. After all the frames are highlighted click the “Duplicate selected frames” button. To duplicate frames to your timeline, click on the first frame, hold down Shift on the keyboard and then click last frame. In my case, I would duplicate at least 4 times. You can add length to your video from Photoshop by highlighting the eight frames of animation and duplicating them several times. Instagram videos require at least 3 seconds in length on a video for it to be uploaded. If you export your eight frames as a video, you will only create a video that is. When you’re happy with your settings, click > Save.Ĩb. If you need a smaller file size, start scaling back the size of your final image or number of colors.Īs you discover restrictions on file size for your GIF, depending on where you’re uploading, you’ll experiment with settings until you achieve the highest quality possible with the lowest file size. The spirals I’ll be animating were created separately, so I’ll pull them into this canvas on the next step.Īny variety of changes to your export settings will impact the quality of your GIF. I’ve chosen this skull design and I’m going to focus on animating the eyes. If you have complex artwork, choose one element you think you could animate well.
You can animate virtually anything, but I recommend picking something simple to start with. Pick a good piece of artwork to animate and drop it into your square canvas Take advantage of your real estate to get more eyes on your work! 2. Also, compared to the size of landscape videos, a square takes up more vertical space in an Instagram or Facebook feed. Square format is my preference and probably the easiest size for a beginner. If you need to go smaller, I don’t go smaller than 700 x 700.
I recommend image dimensions of 1500 x 1500. You’ll be sharing this GIF in a lot of different places so you don’t want a big file (10mb) or too small a file (100kb and very pixelated). Setting the dimensions of your canvas from the beginning is important.
0 kommentar(er)
