{"id":3075,"date":"2021-07-01T23:11:28","date_gmt":"2021-07-02T04:11:28","guid":{"rendered":"https:\/\/www.pivisuals.com\/news\/?p=3075"},"modified":"2021-10-08T22:50:25","modified_gmt":"2021-10-09T03:50:25","slug":"gif-making-in-adobe","status":"publish","type":"post","link":"https:\/\/www.pivisuals.com\/news\/2021\/07\/gif-making-in-adobe\/","title":{"rendered":"Gif Making In Adobe"},"content":{"rendered":"

Over the years, I’ve created plenty of animated gif’s for various clients… and maybe a few for personal enjoyment. However, it wasn’t until recently that I did some research on the various ways of making a Gif in Adobe.<\/p>\n

I’m working on long-term project, creating 3-second looped gifs of various icons. Below is a collection of some of the first drafts (click on the image to view the gif in all its glorious motion):<\/p>\n

\"\"<\/a><\/p>\n

There are over a hundred that need to get done, and I have maybe fifteen. I try to crank one out every week or two… did I mention it’s a long-term project?<\/p>\n

In the past, my process of creating a Gif was:<\/p>\n

    \n
  1. Create the animation in After Effects<\/li>\n
  2. Render out an mp4 (via Encoder)<\/li>\n
  3. Import the mp4 into Photoshop<\/li>\n
  4. Export the mp4 as a Gif<\/li>\n<\/ol>\n

    I recently found out Encoder renders Gif’s directly. While this reduced the steps, there were issues with the final render. Below is a version using this process:<\/p>\n

    \"\"<\/a><\/p>\n

    Obviously the color bleeding\/ artifacting was unacceptable. As such, I reverted back to the Photoshop Export. For good measure, I adjusted some of the export settings (most notably increasing the Dither to 100%). Below is the end result:<\/p>\n

    \"\"<\/a><\/p>\n

    Chef’s Kiss! This project not only verified the necessary pipeline for creating an acceptable Gif in Adobe, but it forced me to dive deeper in Photoshop’s Gif export Settings… something I hadn’t done before. It’s not often I get a chance to dig into the nuts and bolts of Adobe so this was a fun (and worthwhile) exercise.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Over the years, I’ve created plenty of animated gif’s for various clients… and maybe a few for personal enjoyment. However, it wasn’t until recently that I did some research on the various ways of making a Gif in Adobe. I’m working on long-term project, creating 3-second looped gifs of various icons. Below is a collection […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[63,143,137],"class_list":["post-3075","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-after-effects","tag-mograph","tag-photoshop"],"_links":{"self":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/3075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/comments?post=3075"}],"version-history":[{"count":6,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/3075\/revisions"}],"predecessor-version":[{"id":3125,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/3075\/revisions\/3125"}],"wp:attachment":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/media?parent=3075"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/categories?post=3075"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/tags?post=3075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}