Latest updates from Cleonix Technologies
Creating animated GIF using photoshop

The GIF format is one of the oldest graphic formats used for designing sites having existed since 1989.GIF, short for Graphics Interchange Format.For animating the still images, mostly the GIF file types are used as plug-ins are not required for it.By using the new features of Adobe Photoshop, it’s quite fast and simple to make an animated GIF.

How to Create Animated GIF using Photoshop

  • Set up your layers
  • Create Animation Frames with Layer Visibility
  • Create Animation Frames using Tween
  • Adjust your Timing
  • Export the Animated GIF

Set up your layers

The first step in creating any animation in Photoshop is to build a layered Photoshop file with all the elements you plan to animate.
Create Animation Frames with Layer Visibility

Chose Windows > Animation to show Photoshop’s animation palette.Changing the layer visibility one frame at a time is a classic Photoshop animation technique that covers a wide variety of needs.

Create Animation Frames using Tween

choose “Tween…” from the Animation palette’s pop-out menu.Set how many frames to add, and Photoshop spreads the movement of your layer across those extra frames.

Adjust your Timing
Go back through and adjust the delay for each frame of your animation.

Export the Animated GIF
File > Save For Web & Devices,Make sure the image type is set to GIF,save your file.


About the author


Leave a Reply

Your email address will not be published. Required fields are marked *

Latest Post

||Shubo Nobo Barsho|| 🎉Let’s cherish…

Posted on 15 Apr 2021

mobile seo

An Introduction to Mobile SEO and Why is it Important?

Posted on 17 Mar 2021

digital marketing

Basic overview of digital marketing everyone needs to know

Posted on 15 Jan 2021

app development Appreciation from UNICEF basics of digital marketing Bengali New Year best web design company in saltlake best web designing company in kolkata Bhai dooj blogging blogging tips blogging tutorial Bootstrap cleonix technologies Cross-Browser Compatibility Css3 Dhanteras digital marketing digital marketing tutorial Diwali Durga Puja E-Commerce Eid Mubarak favicon Gandhi Jayanti Ganesh Chaturthi GIF Graphics design Happy Holi Happy Teacher's Day HTML5 Independece day information technology iOS iOS app development iOS benefits IT blogs Janmasthami java framework java frameworks 2021 java learning java tutorial JPEG learn blogging Logo Design Magento magento 2 magento with google shopping meta tags mobile seo mobile seo in 2021 mobile seo tips Mother's Day Nationbuilder off page seo off-page seo techniques online marketing osCommerce PHP PNG ppc Pray for Chennai professional web design Raksha Bandhan Responsive Website Design SEO seo tips SEO tips in 2020 software tools Subho Noboborsho SVG UI UX virtual assistant virtual assistant monitoring web design web design in kolkata Web Development Website Design Website Development Woo Commerce Wordpress