{"id":23657,"date":"2013-05-09T12:48:40","date_gmt":"2013-05-09T16:48:40","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=23657"},"modified":"2017-06-12T13:44:32","modified_gmt":"2017-06-12T18:44:32","slug":"how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/","title":{"rendered":"How to Create Cinemagraphs in Photoshop or Final Cut Pro X"},"content":{"rendered":"<h2 id=\"gifs-have-been-given-new-life-with-the-popularity-of-the-cinemagraph-here-are-two-quick-ways-to-create-cinemagraphs-either-in-photoshop-or-final-cut-pro-x\">GIFs have been given new life with the popularity of the cinemagraph. Here are two quick ways to create cinemagraphs, either in Photoshop or Final Cut Pro X.<\/h2>\n<p>Don&#8217;t get left behind. <strong>Cinemagraphs<\/strong> are a hot new<strong> visual tool<\/strong> and they&#8217;re perfect for catching the attention of your target audience. Here&#8217;s everything you need to know to <strong>create a cinemagraph in Final Cut Pro X<\/strong> and Photoshop.<\/p>\n<h3 id=\"what-is-a-cinemagraph\">What Is a Cinemagraph?<\/h3>\n<p><a title=\"Cinemagraph\" href=\"http:\/\/en.wikipedia.org\/wiki\/Cinemagraph\" target=\"_blank\" data-wpel-link=\"external\">Wikipedia<\/a>\u00a0defines a <strong>cinemagraph<\/strong>\u00a0as a &#8220;still photograph\u00a0in which a minor and repeated movement occurs.&#8221;<\/p>\n<p><strong>Cinemagraphs<\/strong> are essentially GIFs that are frozen, but with\u00a0<strong>one area<\/strong> of the image showcasing movement. These &#8220;moving photographs&#8221; make images dynamic and add <strong>visual interest<\/strong> and a creative touch.<\/p>\n<p>Take a look at this example from\u00a0<a title=\"Cinemagraphs\" href=\"http:\/\/cinemagraphs.com\/\" target=\"_blank\" data-wpel-link=\"external\">Jamie Beck and Kevin Burg<\/a>, the NYC-based visual artists who helped popularize this photographic technique.<a href=\"http:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/05\/chelsea-hotel-4429.gif\" data-wpel-link=\"internal\"><br \/>\n<\/a><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-89783 size-full\" title=\"How to Create Cinemagraphs in Photoshop or Final Cut Pro X: Cinemagraph Example\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/05\/chelsea-hotel-44291.gif\" alt=\"How to Create Cinemagraphs in Photoshop or Final Cut Pro X: Cinemagraph Example\" width=\"763\" height=\"429\" \/><br \/>\n<em>Image from <a title=\"Cinemagraphs\" href=\"http:\/\/cinemagraphs.com\/\" target=\"_blank\" data-wpel-link=\"external\">Cinemagraphs.com<\/a>.<\/em><\/p>\n<h3 id=\"how-to-make-a-cinemagraph\">How to Make a Cinemagraph<\/h3>\n<p>So at this point you&#8217;re surely wondering \u2014\u00a0<strong>how do I create my own cinemagraph<\/strong>?<\/p>\n<p><strong>Cinemagraphs<\/strong> are created from a <strong>short snippet of video<\/strong> or a <strong>series of\u00a0consecutive\u00a0still images<\/strong>. By masking the part of the image you want frozen, you can reveal the area in the image where you&#8217;d like the motion to occur.<\/p>\n<p>You can create a <strong>cinemagraph using the Animation tools in Photoshop.<\/strong> <a title=\"Cinemagraph Photoshop\" href=\"http:\/\/blog.spoongraphics.co.uk\/tutorials\/how-to-make-a-cool-cinemagraph-image-in-photoshop\" target=\"_blank\" data-wpel-link=\"external\">This blog post by Spoon Graphics<\/a> walks you through the steps of creating a\u00a0<strong>cinemagraph<\/strong> effect in PS.<\/p>\n<p>If you&#8217;re more comfortable in a <strong>video editing<\/strong> application, the following video tutorial by <a title=\"Cinemagraph FCPX Motion\" href=\"http:\/\/www.fcp.co\/motion\/tutorials-for-apple-motion\/1125-creating-cinemagraphs-with-final-cut-pro-and-motion\" target=\"_blank\" data-wpel-link=\"external\">Peter Wiggins from FCP.co<\/a> will show you how to <strong>create a cinemagraph in Final Cut Pro<\/strong> and<strong> Motion.<\/strong><\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Baj7L-PEwIo?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>If you&#8217;d like to learn more about working in <strong>FCPX,<\/strong> spend a few minutes exploring the <a href=\"https:\/\/www.premiumbeat.com\/blog\/category\/final-cut-pro-x\/\" target=\"_blank\" data-wpel-link=\"internal\">Final Cut Pro X section of the PremiumBeat blog<\/a>. We&#8217;ve compiled plenty of tips, tricks, and techniques with your workflow in mind.<\/p>\n<p><strong>Have any of your own cinemagraphs that you&#8217;d like to share?<\/strong> Do so in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cinemagraphs are gaining popularity online &#8211; combining a bit of motion with a still photo. In this post we share some cinemagraph examples, as well as how \u2026<\/p>\n","protected":false},"author":3,"featured_media":89786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[21,39],"tags":[1734,154,5381,585,5383,167,51,31,5376],"class_list":["post-class-post-23657","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-has-post-thumbnail","post-class-hentry","post-class-category-tutorials","post-class-category-video-editing","post-class-tag-cinemagraph","post-class-tag-fcpx","post-class-tag-final-cut-pro-x","post-class-tag-how-to","post-class-tag-photography","post-class-tag-photoshop","post-class-tag-post-production","post-class-tag-tutorial","post-class-tag-video-editing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Cinemagraphs in Photoshop or FCPX - PremiumBeat<\/title>\n<meta name=\"description\" content=\"GIFs have been given new life with the cinemagraph. Here are two quick tutorials for creating cinemagraphs in Photoshop and Final Cut Pro X.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Cinemagraphs in Photoshop or Final Cut Pro X\" \/>\n<meta property=\"og:description\" content=\"GIFs have been given new life with the cinemagraph. Here are two quick tutorials for creating cinemagraphs in Photoshop and Final Cut Pro X.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:published_time\" content=\"2013-05-09T16:48:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-12T18:44:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2013\/05\/24214945\/How-to-Create-Cinemagraphs-in-Photoshop-or-Final-Cut-Pro-X.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danny Greer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danny Greer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/\",\"name\":\"How to Create Cinemagraphs in Photoshop or FCPX - PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2013-05-09T16:48:40+00:00\",\"dateModified\":\"2017-06-12T18:44:32+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0\"},\"description\":\"GIFs have been given new life with the cinemagraph. Here are two quick tutorials for creating cinemagraphs in Photoshop and Final Cut Pro X.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/category\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Cinemagraphs in Photoshop or Final Cut Pro X\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0\",\"name\":\"Danny Greer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g\",\"caption\":\"Danny Greer\"},\"description\":\"Danny is a seasoned video editor, blogger, website developer and has a passion for all things media and tech.\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/dannygreer\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Cinemagraphs in Photoshop or FCPX - PremiumBeat","description":"GIFs have been given new life with the cinemagraph. Here are two quick tutorials for creating cinemagraphs in Photoshop and Final Cut Pro X.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Cinemagraphs in Photoshop or Final Cut Pro X","og_description":"GIFs have been given new life with the cinemagraph. Here are two quick tutorials for creating cinemagraphs in Photoshop and Final Cut Pro X.","og_url":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2013-05-09T16:48:40+00:00","article_modified_time":"2017-06-12T18:44:32+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2013\/05\/24214945\/How-to-Create-Cinemagraphs-in-Photoshop-or-Final-Cut-Pro-X.jpg","type":"image\/jpeg"}],"author":"Danny Greer","twitter_card":"summary_large_image","twitter_creator":"@Premiumbeat","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Danny Greer","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/","url":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/","name":"How to Create Cinemagraphs in Photoshop or FCPX - PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2013-05-09T16:48:40+00:00","dateModified":"2017-06-12T18:44:32+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0"},"description":"GIFs have been given new life with the cinemagraph. Here are two quick tutorials for creating cinemagraphs in Photoshop and Final Cut Pro X.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-cinemagraphs-in-photoshop-or-final-cut-pro-x\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/www.premiumbeat.com\/blog\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"How to Create Cinemagraphs in Photoshop or Final Cut Pro X"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0","name":"Danny Greer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g","caption":"Danny Greer"},"description":"Danny is a seasoned video editor, blogger, website developer and has a passion for all things media and tech.","url":"https:\/\/www.premiumbeat.com\/blog\/author\/dannygreer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/05\/How-to-Create-Cinemagraphs-in-Photoshop-or-Final-Cut-Pro-X.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-69z","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/23657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=23657"}],"version-history":[{"count":16,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/23657\/revisions"}],"predecessor-version":[{"id":89782,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/23657\/revisions\/89782"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/89786"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=23657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=23657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=23657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}