{"id":8847,"date":"2015-05-18T11:00:57","date_gmt":"2015-05-18T11:00:57","guid":{"rendered":"https:\/\/getflywheel.com\/?p=8847"},"modified":"2024-06-30T21:12:23","modified_gmt":"2024-07-01T02:12:23","slug":"partnering-motion-graphics-artist","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/","title":{"rendered":"Partnering With a Motion Graphics Artist"},"content":{"rendered":"<p>Nothing can bring your designs to life quite like animation. But if you\u2019ve never worked with an animator or motion graphics artist, motion may feel like a foreign world.<\/p>\n<p>If you\u2019re thinking about partnering with a motion graphics artist, now\u2019s a great time to learn some of the steps involved in the process.<\/p>\n<h3>A Solid Foundation<\/h3>\n<p>After working on a few motion projects, here are some of the basics to get your project off on the right foot.<\/p>\n<p><b>1. Work with a motion artist whose work you admire<\/b><\/p>\n<p>And pick someone whose style will work with your project. Of course, as you well know, artists can work in styles they don\u2019t use all the time, but things will run smoothly if you\u2019ve chosen someone who\u2019s in the right realm. Like maybe don\u2019t choose a cartoonist to work on a super corporate-y piece. (Or do if they really need a new approach!)<\/p>\n<p><b>2. Allow artistic freedom<\/b><\/p>\n<p>Your experience will be best when you can have a collaborative partnership with an animator you trust. Just as you [probably] work best with clients who trust your expertise, your motion project will excel when you can rely on your animator to make choices that will work. I\u2019m not saying they automatically have free reign or that they shouldn\u2019t check in with you before getting too far down the wrong road. I\u2019m just saying give them the same level of respect you want for your design.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9739\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2015\/05\/motionGraphics2.jpg\" alt=\"motionGraphics2\" width=\"1022\" height=\"682\" \/><\/p>\n<p><b>3. Communicate (duh)<\/b><\/p>\n<p>Communication is the best way to keep your project on track. This is especially vital on your first visit to the motion rodeo. For example, did you know you\u2019ll likely be working in RGB and a screen resolution that\u2019s unusual for you? Ask a lot of questions and be forthcoming with your understanding of things. Each motion graphics artist works differently, so it\u2019s important to be on the same page and have an ongoing dialogue between you and the motion artist.<\/p>\n<p><b>4. Give your motion artist the time they need to do their portion of the work<\/b><\/p>\n<p>Motion is time intensive \u2014\u00a0like, a lot more so than design. Allot it ample time, consulting with your artist at the start of the project.<\/p>\n<p>Solidify your designs, your script, and your voiceover early in the process<br \/>\nEach project and partnership is unique, so some of this depends on how exactly your motion artist is involved at which stages. But it\u2019s crazy annoying for motion artists to have to try to adjust their work on pieces that should have been firmed up weeks ago. If you tweak an Illustrator file, they\u2019ll have to literally go in and change the entire sequence they\u2019ve set up. If you change the script, it messes up the timing they\u2019ve been working out with careful pacing. So get these finalized to the best of your ability and stay in touch with your motion artist if anything develops.<\/p>\n<h3>Stages of a Motion Graphics Piece<\/h3>\n<p><b>Thumbnails\/sketches<\/b><\/p>\n<p>It\u2019s often easiest for you visual artists to collaborate with visual cues. Sketching out concepts is as core to animators as it likely is to logo creators. This may be a stage you do on your own, or involve your motion artist in, depending on the project.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9737\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2015\/03\/motionGraphics1.jpg\" alt=\"motionGraphics1\" width=\"1022\" height=\"560\" \/><\/p>\n<p><b>Storyboard\/Script<\/b><\/p>\n<p>A visual plot outline, the storyboard starts turning the sketches into the story that the piece will show. The script is the actual words that will either be presented in text on screen or in voiceover (VO). These two elements go hand in hand, and the order in which they\u2019re produced may vary by project (as may your animator\u2019s involvement).<\/p>\n<p><b>Style frames<\/b><\/p>\n<p>A style frame should look like a still frame taken from the finished video. It helps establish fonts, company colors, and branding, as well as overall style choices for the project. Style frames become an invaluable reference tool for both designers and motion artists, something you can always look to if there\u2019s any question about design. These will probably come from you, the designer.<\/p>\n<p>Style frames are different from key frames, which are one simple frame in the lineup of a motion path. Alternatively, style frames apply to the whole video.<\/p>\n<p>You can also provide motion frames, or a series of still frames to provide an understanding of what the movement should look like, if you have specific direction to give. Write out detailed descriptions of what you want to see happen to accompany motion frames.<\/p>\n<p><b>Animation tests<\/b><\/p>\n<p>Your motion artist may send you short clips of what they\u2019ve been working on and ask, \u201cAre these tests hitting the mark?\u201d This allows you a chance to give feedback and to ensure your team is moving forward in a unified, agreed-upon direction.<\/p>\n<div class=\"videoWrapper\">\n<div class=\"videoPadding\"><iframe loading=\"lazy\" class=\"wistia_embed\" src=\"\/\/fast.wistia.net\/embed\/iframe\/5r25tgw03h\" name=\"wistia_embed\" width=\"1022\" height=\"575\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async=\"\"><\/script><script src=\"\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async=\"\"><\/script><\/div>\n<\/div>\n<p><b>Full animatic<\/b><\/p>\n<p>The animatic is like the storyboard in video form and might incorporate some of the animation tests in place. It will likely include at least a rough VO and music. This stage allows the motion artist to figure out the timing of the piece, and this is why it\u2019s important to have all the components done (especially the script and storyboard).<\/p>\n<p><b>Rough cut<\/b><\/p>\n<p>The rough cut is similar to the animatic, but most all the visual elements are included and the VO and music are finalized. The purpose is to show where each major piece is in time and what it\u2019s doing, so it\u2019s imperative to have final audio. Depending on how complicated the project is, sometimes you might skip this step and just have the animatic.<\/p>\n<p><b>Final cut<\/b><\/p>\n<p>This is the complete video, with all motion finished. You should determine with your motion artist in the scope meeting how many (if any) revisions are allowed after the final cut.<\/p>\n<p><b>Revision<\/b><\/p>\n<p>The motion artist may need to make color corrections, or there may be a slight tweak to an element. It is <i>not<\/i> appropriate to redesign elements this late in the game. You will be exceeding scope if that\u2019s happening.<\/p>\n<div class=\"videoWrapper\">\n<div class=\"videoPadding\"><iframe loading=\"lazy\" class=\"wistia_embed\" src=\"\/\/fast.wistia.net\/embed\/iframe\/41o5da973k\" name=\"wistia_embed\" width=\"1022\" height=\"575\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"><\/iframe><script src=\"\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async=\"\"><\/script><\/div>\n<\/div>\n<p>I hope you find an excuse to work on an animated piece. It\u2019s a new adventure that can benefit substantially from great design.<\/p>\n<p><em>Photo\/video credit to <a href=\"http:\/\/caleoglesby.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cale\u00a0Oglesby<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nothing can bring your designs to life quite like animation. But if you\u2019ve never worked with an animator or motion graphics artist, motion may feel like a foreign world. If you\u2019re thinking about partnering with a motion graphics artist, now\u2019s a great time to learn some of the steps involved in the process. A Solid<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":297,"featured_media":47706,"template":"","resource-topic":[],"resource-role":[],"resource-type":[916],"class_list":["post-8847","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Partnering with a motion graphics artist<\/title>\n<meta name=\"description\" content=\"Discover the benefits of partnering with a motion graphics artist. Learn how to enhance your projects with dynamic visual storytelling made by the hands of experts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Partnering with a motion graphics artist\" \/>\n<meta property=\"og:description\" content=\"Discover the benefits of partnering with a motion graphics artist. Learn how to enhance your projects with dynamic visual storytelling made by the hands of experts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-01T02:12:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2024\/05\/WPE-IMG-Thumbnail-1200x630-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/\",\"url\":\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/\",\"name\":\"Partnering with a motion graphics artist\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/resources\/#website\"},\"datePublished\":\"2015-05-18T11:00:57+00:00\",\"dateModified\":\"2024-07-01T02:12:23+00:00\",\"description\":\"Discover the benefits of partnering with a motion graphics artist. Learn how to enhance your projects with dynamic visual storytelling made by the hands of experts.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Partnering With a Motion Graphics Artist\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/resources\/#website\",\"url\":\"https:\/\/wpengine.com\/resources\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/resources\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521\",\"name\":\"Erin Myers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g\",\"caption\":\"Erin Myers\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Partnering with a motion graphics artist","description":"Discover the benefits of partnering with a motion graphics artist. Learn how to enhance your projects with dynamic visual storytelling made by the hands of experts.","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:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/","og_locale":"en_US","og_type":"article","og_title":"Partnering with a motion graphics artist","og_description":"Discover the benefits of partnering with a motion graphics artist. Learn how to enhance your projects with dynamic visual storytelling made by the hands of experts.","og_url":"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-07-01T02:12:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/wpengine.com\/resources\/wp-content\/uploads\/2024\/05\/WPE-IMG-Thumbnail-1200x630-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/","url":"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/","name":"Partnering with a motion graphics artist","isPartOf":{"@id":"https:\/\/wpengine.com\/resources\/#website"},"datePublished":"2015-05-18T11:00:57+00:00","dateModified":"2024-07-01T02:12:23+00:00","description":"Discover the benefits of partnering with a motion graphics artist. Learn how to enhance your projects with dynamic visual storytelling made by the hands of experts.","breadcrumb":{"@id":"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/resources\/partnering-motion-graphics-artist\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/resources\/"},{"@type":"ListItem","position":3,"name":"Partnering With a Motion Graphics Artist"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/resources\/#website","url":"https:\/\/wpengine.com\/resources\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/resources\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/3a22232b01de39dcf588fb8e421c0521","name":"Erin Myers","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cd881e115bc28c81642ec61752db9981ece9ee8b4c81498a9b6276b9cdcaf5e6?s=96&d=mm&r=g","caption":"Erin Myers"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/resources\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":false,"topic":false,"_links":{"self":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource\/8847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/users\/297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/media?parent=8847"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource-topic?post=8847"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource-role?post=8847"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/resources\/wp-json\/wp\/v2\/resource-type?post=8847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}