Adobe Photoshop Tutorials

How to customize a GIF


Gif's are somehow gaining importance for there ability to carry animation in light sized files. Animated GIFs are a great way to make your designs more eye-catching. With Photoshop, you can customize any animated GIF to fit the style of your project.

You will find a array of gif's online, but now the point is how to use them. Using Adobe Photoshop you can simply rework on the existing GIF's and change there colors and further use them. There are two ways to achieve this.

01- Create an Adjustment Layer
In the Layers panel, select the top most layer and use the 'Create new adjustment layer' icon to add a new adjustment layer.
 

Select the type of adjustment layer to use. Any changes to the adjustment layer will affect all the frames and layers below it.


Now, Play around with different types of adjustments to get the desired effect by changing colors and contrast. 

When you're ready to save, go to 'Save for Web and Devices' from the File menu. In Photoshop CC, it's under File>Export. Select GIF, and the desired number of colors. Be sure to check the Transparency, Matte, and Animation Options at the bottom of the dialog. Click 'Save' and save the file as a new name.

 

02 - Using Blending Options
With the Animation/Timeline window open, select all the frames and click the 'trash' icon.

 
Go to the Layers window, and select the first layer. 


With the layer selected, click the 'fx' icon to reveal the 'Blending Options' menu. 

 

Apply the desired blending option to the first layer. In this example I'm showing Color Overlay, but you can add any layer effect like this, including Drop Shadow, Stroke, or combinations of multiple effects.


Once the blending option is set, right-click on the layer and select 'Copy Layer Style'. Then select all the other layers, right-click again and select 'Paste Layer Style'. All your layers should now have the same effects.


 In the Animation/Timeline window, choose the More menu in the upper right. Select 'Make Frames from Layers' to turn each layer into an individual frame.


Select all the frames again and click the down arrow beneath any frame. Here you can set the frame speed. Select 'Other' and enter 0.03 for 30fps playback.

You're now ready to save. Select 'Save for Web and Devices' from the File menu. In Photoshop CC, it's under File>Export. Select GIF, and the desired number of colors. Be sure to check the Transparency, Matte, and Animation Options at the bottom of the dialog. Click 'Save' and save the file as a new name.

About S. Kapoor

Powered by Blogger.