{"id":444,"date":"2009-04-26T11:56:57","date_gmt":"2009-04-26T03:56:57","guid":{"rendered":"http:\/\/www.stevennet.cc\/magazine\/?p=444"},"modified":"2014-03-27T17:09:17","modified_gmt":"2014-03-27T09:09:17","slug":"how-to-edit-animated-gif-in-photoshop-cs4","status":"publish","type":"post","link":"https:\/\/stevennet.cc\/magazine\/how-to-edit-animated-gif-in-photoshop-cs4\/","title":{"rendered":"How to open\/edit Animated Gif in Photoshop CS4"},"content":{"rendered":"<p><a href=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/00-cover.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-447\" title=\"00-cover-thumb\" src=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/00-cover-thumb.jpg\" alt=\"00-cover-thumb\" width=\"532\" height=\"348\" srcset=\"https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/00-cover-thumb.jpg 532w, https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/00-cover-thumb-300x196.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p>Since Adobe CS3 series, the software to create animated gif, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Adobe_ImageReady\" target=\"_blank\">Adobe ImageReady<\/a> has been discontinued. and most of the core features has been included in Photoshop CS3 and Fireworks Cs3. Since then, animated gif can be easily created from Photoshop. But, if you try to open or edit an animated gif with the normal &#8220;Open&#8221; function, Photoshop will only open the first frame of the animation without any animated sequences, unless you using Fireworks.<\/p>\n<p>Here, let me show you few easy steps to open or edit an animated gif using <strong>Photoshop CS4<\/strong>.<!--more--><\/p>\n<p><strong>1. <\/strong>In Photoshop CS4, go to <em>File &gt; Import &gt; Video Frames to Layers<\/em><\/p>\n<p><a href=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-449\" title=\"step-01-thumb\" src=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-01-thumb.jpg\" alt=\"step-01-thumb\" width=\"532\" height=\"285\" srcset=\"https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-01-thumb.jpg 532w, https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-01-thumb-300x160.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p><strong>2. <\/strong>The file browser pop up, you will notice that only movie type format allow to select using this function.<\/p>\n<p><a href=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-451\" title=\"step-02-thumb\" src=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-02-thumb.jpg\" alt=\"step-02-thumb\" width=\"532\" height=\"322\" srcset=\"https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-02-thumb.jpg 532w, https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-02-thumb-300x181.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p><strong>3. <\/strong>But don&#8217;t worry, go to the folder that where you save your animated gif, manually type in the filename of gif, in this case, i will type in &#8220;<em>Sylar.gif<\/em>&#8220;, then click &#8220;<em>Load<\/em>&#8220;.<\/p>\n<p><a href=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-453\" title=\"step-03-thumb\" src=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-03-thumb.jpg\" alt=\"step-03-thumb\" width=\"532\" height=\"330\" srcset=\"https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-03-thumb.jpg 532w, https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-03-thumb-300x186.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p><strong>4.<\/strong> And now you will see the importing options, on default, it will choose &#8220;<em>Range To Import<\/em>&#8221; to &#8220;<em>From Beginning To En<\/em>d&#8221;, and &#8220;<em>Make Frame Animation<\/em>&#8221; has been ticked.<\/p>\n<p><a href=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-455\" title=\"step-04-thumb\" src=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-04-thumb.jpg\" alt=\"step-04-thumb\" width=\"532\" height=\"236\" srcset=\"https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-04-thumb.jpg 532w, https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-04-thumb-300x133.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p><strong>5. <\/strong>Done! You can see the animated gif open in Photoshop timeline!<\/p>\n<p><a href=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-457\" title=\"step-05-thumb\" src=\"http:\/\/www.stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-05-thumb.jpg\" alt=\"step-05-thumb\" width=\"532\" height=\"348\" srcset=\"https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-05-thumb.jpg 532w, https:\/\/stevennet.cc\/magazine\/wp-content\/uploads\/2009\/04\/step-05-thumb-300x196.jpg 300w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<p>Continue enjoy Photoshop and hope this article help! \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since Adobe CS3 series, the software to create animated gif, Adobe ImageReady has been discontinued. and most of the core features has been included in Photoshop CS3 and Fireworks Cs3. Since then, animated gif can be easily created from Photoshop. But, if you try to open or edit an animated gif with the normal &#8220;Open&#8221;&hellip; <a class=\"more-link\" href=\"https:\/\/stevennet.cc\/magazine\/how-to-edit-animated-gif-in-photoshop-cs4\/\">Continue reading <span class=\"screen-reader-text\">How to open\/edit Animated Gif in Photoshop CS4<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":457,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[162,158,166,160,163,250,161,156,164,157,159,165],"_links":{"self":[{"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/posts\/444"}],"collection":[{"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":6,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/posts\/444\/revisions"}],"predecessor-version":[{"id":472,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/posts\/444\/revisions\/472"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/media\/457"}],"wp:attachment":[{"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/media?parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/categories?post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stevennet.cc\/magazine\/wp-json\/wp\/v2\/tags?post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}