{"id":802,"date":"2018-12-12T12:16:27","date_gmt":"2018-12-12T17:16:27","guid":{"rendered":"https:\/\/commons.mtholyoke.edu\/mewsnews\/?p=802"},"modified":"2019-04-30T17:36:47","modified_gmt":"2019-04-30T21:36:47","slug":"converting-a-video-file-to-gif-form-in-photoshop","status":"publish","type":"post","link":"https:\/\/commons.mtholyoke.edu\/mtanews\/converting-a-video-file-to-gif-form-in-photoshop\/","title":{"rendered":"Tutorial: Converting a video file to GIF form in Photoshop"},"content":{"rendered":"<p>This tutorial will explain how to convert an uploaded\/downloaded MP4 video clip into an animated image format, known as a GIF (Graphics Interchange Format) using Adobe Photoshop.<\/p>\n<p>The images used in this article are of Photoshop CC 2018, so your screen may look a little different if you&#8217;re using a different version of the program for this task.<\/p>\n<p>&nbsp;<\/p>\n<p><b>Resources for downloading free stock videos<\/b><\/p>\n<p>These websites have large caches of free stock video clips available to the public. iStock in particular has a wide range of video files, and most of the others have more specialized videos (nature themes, aerial views, etc.)<\/p>\n<ul>\n<li>iStock &#8211; <a href=\"https:\/\/www.istockphoto.com\/footage?esource=SEM_IS_GO_US_Head_Video_Stock_EN_Exact&amp;kw=US_Free_Exact_free+stock+video_e&amp;kwid=s_43700035620611228_dc&amp;pcrid=284448695277&amp;utm_medium=cpc&amp;utm_source=GOOGLE&amp;utm_campaign=US_Head_Video_Stock_EN_Exact&amp;utm_term=free+stock+video&amp;ds_rl=1261606&amp;ds_rl=1265190&amp;ds_rl=1265190&amp;gclid=EAIaIQobChMIxOjvj9L44QIVERgMCh1OYg5IEAAYASAAEgKsVfD_BwE&amp;gclsrc=aw.ds\">https:\/\/www.istockphoto.com\/footage?esource=SEM_IS_GO_US_Head_Video_Stock_EN_Exact&amp;kw=US_Free_Exact_free+stock+video_e&amp;kwid=s_43700035620611228_dc&amp;pcrid=284448695277&amp;utm_medium=cpc&amp;utm_source=GOOGLE&amp;utm_campaign=US_Head_Video_Stock_EN_Exact&amp;utm_term=free+stock+video&amp;ds_rl=1261606&amp;ds_rl=1265190&amp;ds_rl=1265190&amp;gclid=EAIaIQobChMIxOjvj9L44QIVERgMCh1OYg5IEAAYASAAEgKsVfD_BwE&amp;gclsrc=aw.ds<\/a><\/li>\n<li>Life of Vids &#8211; <a href=\"https:\/\/www.lifeofvids.com\/\">https:\/\/www.lifeofvids.com\/<\/a><\/li>\n<li>Pexels &#8211; <a href=\"https:\/\/www.pexels.com\/videos\/\">https:\/\/www.pexels.com\/videos\/<\/a><\/li>\n<li>Pixabay &#8211;<a href=\"https:\/\/pixabay.com\/\">https:\/\/pixabay.com\/<\/a><\/li>\n<li>Videezy &#8211; <a href=\"https:\/\/www.videezy.com\/\">https:\/\/www.videezy.com\/<\/a><\/li>\n<li>Videvo &#8211; <a href=\"https:\/\/www.videvo.net\/\">https:\/\/www.videvo.net\/<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b>Converting your video clip to a GIF-compatible form<\/b><\/p>\n<ul>\n<li>Download the video clip you wish to use, or connect your own external drive containing your video clip<\/li>\n<li>Without opening the clip, click the Photoshop icon to open the program<a href=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-805 aligncenter\" src=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed.png\" alt=\"\" width=\"294\" height=\"243\" \/><\/a><\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li>Click the \u201cFile\u201d tab at the top of the window<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-806 alignleft\" src=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-1-300x270.png\" alt=\"\" width=\"421\" height=\"379\" srcset=\"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-1-300x270.png 300w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-1-768x691.png 768w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-1-1024x921.png 1024w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-1.png 1064w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/a><\/p>\n<ul>\n<li style=\"text-align: left\">From here, scroll down the tab menu to \u201cImport,\u201d and select the \u201cVideo Frames to Layers\u201d option<\/li>\n<\/ul>\n<ul>\n<li>Select the video file you want to use from the menu and click &#8220;Open&#8221;<\/li>\n<li>At the bottom of the popup window that appears on the screen, make sure the box next to \u201cMake Frame Animation\u201d is checked<a href=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-807\" src=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-2-300x149.png\" alt=\"\" width=\"416\" height=\"207\" srcset=\"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-2-300x149.png 300w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-2-768x382.png 768w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-2.png 788w\" sizes=\"auto, (max-width: 416px) 100vw, 416px\" \/><\/a>\n<ul>\n<li><\/li>\n<li>This popup window will also allow you to select whether to use the full clip, a selected portion of the clip, or every 2nd\/3rd\/etc. frame of the clip for your GIF by clicking the bubble next to the option you choose<\/li>\n<\/ul>\n<\/li>\n<li style=\"text-align: left\">To crop the video, simply use the crop tool to do so as you would with a picture (otherwise the gif may auto-crop it)<\/li>\n<li style=\"text-align: left\">When you\u2019re finished, click \u201cOK\u201d<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><b>Creating and saving your GIF:<\/b><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li>Click the \u201cFile\u201d tab at the top of the window<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-808 alignleft\" src=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-5-300x270.png\" alt=\"\" width=\"333\" height=\"300\" srcset=\"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-5-300x270.png 300w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-5-768x691.png 768w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-5.png 861w\" sizes=\"auto, (max-width: 333px) 100vw, 333px\" \/><\/a><\/p>\n<ul>\n<li>Scroll down the tab menu and click \u201cSave For Web\u201d\n<ul>\n<li>This option may also be listed as \u201cSave For Web (Legacy)\u201d depending on the version of Photoshop on the computer. Both serve the same function<\/li>\n<li>In some versions of Photoshop (like this one), you may have to select the \u201cExport\u201d option in the \u201cFile\u201d tab, and then click \u201cSave For Web\u201d<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>On the sidebar now visible on the screen, you can select a preset GIF option or use the drop down tab beneath the preset menu and select \u201cGIF,\u201d which will allow you to adjust the options to suit your needs<a href=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-809\" src=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-6-300x169.png\" alt=\"\" width=\"334\" height=\"188\" srcset=\"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-6-300x169.png 300w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-6-768x432.png 768w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-6-1024x576.png 1024w, https:\/\/commons.mtholyoke.edu\/mtanews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed-6.png 1920w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/a><\/li>\n<\/ul>\n<ul>\n<li>Select \u201cSave\u201d at the bottom of the screen to name and save your GIF. Make sure that you save to an external drive or email the file to yourself if you are using a Mount Holyoke computer<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Enjoy!<\/p>\n<p><a href=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-810 size-full\" src=\"https:\/\/commons.mtholyoke.edu\/mewsnews\/wp-content\/uploads\/sites\/23\/2018\/12\/unnamed.gif\" alt=\"\" width=\"830\" height=\"730\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial will explain how to convert an uploaded\/downloaded MP4 video clip into an animated image format, known as a GIF (Graphics Interchange Format) using&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/commons.mtholyoke.edu\/mtanews\/converting-a-video-file-to-gif-form-in-photoshop\/\">Continue Reading<span class=\"screen-reader-text\">Tutorial: Converting a video file to GIF form in Photoshop<\/span><\/a><\/div>\n","protected":false},"author":1037,"featured_media":810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[47],"tags":[128,127,82],"class_list":["post-802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-gif","tag-photoshop","tag-video-editing","entry"],"_links":{"self":[{"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/posts\/802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/users\/1037"}],"replies":[{"embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/comments?post=802"}],"version-history":[{"count":10,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/posts\/802\/revisions"}],"predecessor-version":[{"id":1261,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/posts\/802\/revisions\/1261"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/media\/810"}],"wp:attachment":[{"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/media?parent=802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/categories?post=802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/commons.mtholyoke.edu\/mtanews\/wp-json\/wp\/v2\/tags?post=802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}