{"id":1511,"date":"2019-06-03T23:17:23","date_gmt":"2019-06-03T23:17:23","guid":{"rendered":"http:\/\/kaceymorrow.com\/361\/?page_id=1511"},"modified":"2022-05-23T15:21:22","modified_gmt":"2022-05-23T22:21:22","slug":"product-video","status":"publish","type":"page","link":"http:\/\/kaceymorrow.com\/361\/product-video\/","title":{"rendered":"Product Video Help"},"content":{"rendered":"<p>Create a video using After Effects and\/or Premiere that clearly <strong>provides the context\/problem<\/strong>, <strong>promotes\/explains the design solution<\/strong>, and <strong>gives a call-to-action<\/strong>. The video allows us to see your product in action and better understand how it works in context.<\/p>\n<p><strong>Rubric<\/strong><\/p>\n<ul>\n<li>demonstration of context, design, features, and interaction<\/li>\n<li>quality of video production and narrative structure<\/li>\n<\/ul>\n<p><strong>Specs<\/strong><\/p>\n<ul>\n<li>It should be no longer than<strong> 1.5 minutes <\/strong>in length and it should be <strong>1920&#215;1080.<\/strong><\/li>\n<\/ul>\n<hr>\n\n\n<\/p>\n<p class=\"wp-block-paragraph\"><strong>Considerations<br \/><\/strong>The complexity of the video can really range. <br \/><span style=\"color: #00ccff;\">[expand title=&#8221;Click to see Tips&#8221;]<\/span><\/p>\n<p>\n\n\n\n<\/p>\n<ol class=\"wp-block-list\">\n<li>You could use stock footage to provide context and space that your product\/experience would be in, in conjunction with close up shots of your animated user interface and animated type.<\/li>\n<li>You could either animate your user interface in After Effects or screen-record a hi-fi prototype of your interface moving from screen-to-screen within Figma. This could either be composited or not.<\/li>\n<li>If you have to demonstrate an environment\/product you may also choose to include either a diagrammatic drawing, illustration, photoshop comp, or a 3D rendering \u2013 if needed in the video.<\/li>\n<li>You will also want to find music to set the tone and consider using voiceover and\/or text to carry the narration.<\/li>\n<\/ol>\n<p>[\/expand]<\/p>\n<p>\n\n\n<p>\u00a0<\/p>\n<hr \/>\n<p><strong data-rich-text-format-boundary=\"true\">Past Student Examples \/ Approaches<\/strong><br data-rich-text-line-break=\"true\" \/><span style=\"color: #00ccff;\">[expand title=&#8221;Click to see Examples&#8221;]<\/span><\/p>\n<p class=\"p4\"><strong><span class=\"s1\">Stock Footage + 2D Animation\/Prototype<\/span><\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/drive\/u\/1\/folders\/14KSl_etPz2RNdlNgHZIst6Zr7iSbe1i4\" target=\"_blank\" rel=\"noopener noreferrer\">Bookable<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/drive\/u\/1\/folders\/1xFKpPQrDiV0qaE7Yfk81NXlnr7LZ0zYz\" target=\"_blank\" rel=\"noopener noreferrer\">Scope<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=cQfTqkQLpHw&amp;ab_channel=KyrieTong\" target=\"_blank\" rel=\"noopener noreferrer\">Navi<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/drive\/u\/1\/folders\/1xFKpPQrDiV0qaE7Yfk81NXlnr7LZ0zYz\" target=\"_blank\" rel=\"noopener noreferrer\">SPOT<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/drive\/u\/1\/folders\/1TmFkobQtBJo1fCOoYLzFBBsTTeB4FilD\" target=\"_blank\" rel=\"noopener noreferrer\">Reclaim<\/a><\/li>\n<li class=\"p5\"><a href=\"https:\/\/drive.google.com\/file\/d\/1z8C7BCLeNiQFcOL2b47cL7X3UwY6AriI\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"s2\">SmartDesk<\/span><\/a><\/li>\n<li class=\"p5\"><span class=\"s2\"><a href=\"https:\/\/vimeo.com\/274424858\">TakeAway<\/a><\/span><\/li>\n<li class=\"p5\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?time_continue=117&amp;v=n25kFGIn-WQ\">Advocate<\/a><\/span><span class=\"s3\"><i><span class=\"Apple-converted-space\">\u00a0<\/span><\/i><\/span><\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1qhj8jcFfsbDTiU4a7U6n4XjUS0LvIsx1\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Peregrine<\/a><\/li>\n<\/ul>\n<p class=\"p4\"><strong><span class=\"s1\">Combination of Video with Prototype<\/span><\/strong><span class=\"s1\"><em><span class=\"Apple-converted-space\">\u00a0<\/span><\/em><\/span><\/p>\n<ul>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/vimeo.com\/274011319\">Elevate<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/www.youtube.com\/watch?v=Aplmcaps_o8&amp;ab_channel=JakeRinn\">Beta<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/file\/d\/1bU3Jvz-zOPLfUFcWLvJbk2onNAezT8XV\/view?usp=sharing\">YouBird<\/a>\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/open?id=1mtB05-d1HxVX3CwDCd-kVm2or1REiAKZ\">Circuit<\/a><\/span><span class=\"s1\"><i>\u00a0<\/i><\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/open?id=1lNUiD0QaCzcJYkh0tIQ0yxmTWx-JRL5r\">Starbucks Choice\u00a0<\/a><\/span><\/li>\n<\/ul>\n<p><strong>Combination of Animation with Prototype<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1xD-bqOjB9q5O9v0fhn9jMCUZP9F4H0hw\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Hostel Helper<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1zGermexlhq8NPWf2jEefQy2MQFN2Ql_6\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Bark Bunch<\/a><\/li>\n<\/ul>\n<p><strong>Animating the Prototype with Type<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/drive\/u\/1\/folders\/1U0WN63I1p8Fzcwozbm2O7aqbPf-gXvWh\" target=\"_blank\" rel=\"noopener noreferrer\">Amplio<\/a><\/li>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1pBgsraaS9bz3UqPP55xUHUjDu0k2oDx5\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\">Turburo<\/a><\/li>\n<li><a href=\"https:\/\/vimeo.com\/130042062\" target=\"_blank\" rel=\"noopener noreferrer\">Pantone Capture<\/a><\/li>\n<\/ul>\n<p><strong><span class=\"s1\">Entirely Animated<\/span><\/strong><\/p>\n<ul>\n<li class=\"p2\"><span class=\"s2\"><a href=\"https:\/\/drive.google.com\/open?id=1v2GhTXx3NJ6_JGIUxC-gXQ1DP3aUFEYO\">WWF Reality Mobile<\/a><\/span><\/li>\n<li><a href=\"https:\/\/vimeo.com\/169643923?embedded=true&amp;source=vimeo_logo&amp;owner=25217429\" target=\"_blank\" rel=\"noopener noreferrer\">Pedal<\/a><\/li>\n<li class=\"p2\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=QBhFG7ES9QI&amp;ab_channel=TempesttCarreon\">The Reef<\/a><\/span><\/li>\n<li class=\"p2\"><a href=\"https:\/\/drive.google.com\/file\/d\/19KbjFSeBzb7Bz_ETEj1IBkjGllTyYojD\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"s2\">Ellis Island<\/span><\/a><\/li>\n<li class=\"p2\"><a href=\"https:\/\/drive.google.com\/file\/d\/1wmTBWTyPH7aVtoIMKG0SVWZRjcy-_DA1\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"s2\">DinoDome<\/span><\/a><\/li>\n<\/ul>\n<p class=\"p4\"><strong><span class=\"s1\">Video\/Animation Composite\u00a0<\/span><\/strong><\/p>\n<ul>\n<li class=\"p5\"><span class=\"s2\"><a href=\"https:\/\/www.youtube.com\/watch?v=Lyc4TgqlkS4&amp;feature=emb_logo\">Keway<\/a><\/span><\/li>\n<li class=\"p5\"><a href=\"https:\/\/drive.google.com\/file\/d\/18S3SURb1DebAsF9SfjMfvVAc7nP2TDlO\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"s2\">MirMir<\/span><\/a><\/li>\n<li class=\"p5\"><span class=\"s2\"><a href=\"https:\/\/drive.google.com\/open?id=1Vyyuu71nLznv-fQb8RV8jJ8TLjamskz0\">Lucent<\/a><\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/open?id=1E724RrZcPpU99Sxf-06R9fjcZDEFX4Hk\">Relief<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/open?id=1y6JElHH-uvbZKEhyc6_jM9wQu17btaDq\">NikeX<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/open?id=1WI6alqP0OdEMmYSRe-S3eY0RjGcIeNqm\">TSA<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/drive.google.com\/file\/d\/19_XB44VQWapqOJUcRzqTOq2V67xBwNVG\/view?usp=sharing\">Glance<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<li class=\"p4\"><span class=\"s4\"><a href=\"https:\/\/www.youtube.com\/watch?v=yrJ4l9eH9rs&amp;feature=youtu.be\">Broovy<\/a><\/span><span class=\"s1\">\u00a0<\/span><\/li>\n<\/ul>\n<p>[\/expand]<\/p>\n<hr \/>\n<p><strong data-rich-text-format-boundary=\"true\">After Effects\/Premiere\/Motion Resources<\/strong><br data-rich-text-line-break=\"true\" \/><span style=\"color: #00ccff;\">[expand title=&#8221;Click to see Resources&#8221;]<\/span><\/p>\n<p>To clarify &#8211; After Effects is used for animating. Premiere is used for video editing and sound editing. You can composite your animations over your footage by importing either AE compositions into Premiere or importing Premiere sequences into AE. <br data-rich-text-line-break=\"true\" \/><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/drive.google.com\/open?id=15kOZMs25gLi8t9_bYlFyacQkvzndRk0U\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Premiere Demo Video<\/a> \/\/ I created this video to demonstrate most aspects of using Premiere to edit your video footage. From importing clips to exporting in Adobe Media Encoder, it also includes importing After Effects Compositions as Dynamic Links to composite your animations over the top of video footage at around the 29:00-minute mark.<br data-rich-text-line-break=\"true\" \/><br data-rich-text-line-break=\"true\" \/><a href=\"http:\/\/kaceymorrow.com\/dsgn260\/after-effects-steps\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Beginner After Effects Steps from 260 (opens in a new tab)\">Beginner After Effects Steps from 260<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"http:\/\/kaceymorrow.com\/dsgn260\/premiere-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Beginner Premiere Steps from 260 (opens in a new tab)\">Beginner Premiere Steps from 260<\/a><br data-rich-text-line-break=\"true\" \/><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=AzqUbzmBK4w\" target=\"_blank\" rel=\"noreferrer noopener\">Rotobrushing<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=tqWWhChc8RA\" target=\"_blank\" rel=\"noreferrer noopener\">Track\u00a0Motion<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=0ToPGhr_muI\" target=\"_blank\" rel=\"noreferrer noopener\">Tracking\u00a0Camera<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=mbMpTWTXKJU\" target=\"_blank\" rel=\"noreferrer noopener\">Keylight &#8211; Green Screen<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=9Fv3XVdTOXM\" target=\"_blank\" rel=\"noreferrer noopener\">Precomps<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=E3D-dZJaaLw\" target=\"_blank\" rel=\"noreferrer noopener\">Parenting\u00a0<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/vimeo.com\/3812069\" target=\"_blank\" rel=\"noreferrer noopener\">Easing<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/aescripts.com\/ease-and-wizz\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ease &#8216;n Wizz<\/a>\u00a0plugin<br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.youtube.com\/watch?v=iWsjJU45nDU\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube Tutorial on Animating UI<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/medium.com\/google-design\/guide-to-material-motion-in-after-effects-9316ff0c0da4\" target=\"_blank\" rel=\"noreferrer noopener\">Guide to Material Motion in AE<\/a><br data-rich-text-line-break=\"true\" \/><br data-rich-text-line-break=\"true\" \/><strong>UI Motion\u00a0Tips<br \/><\/strong><a href=\"https:\/\/docs.google.com\/presentation\/d\/1T2gha-sNcww3R9JFqUmFljT-dPHM5RJiD6nRQf_y_1Y\/edit#slide=id.g12dad666527_0_67\" target=\"_blank\" rel=\"noopener noreferrer\">UI Motion Lecture<\/a><strong><br \/><\/strong><a href=\"https:\/\/www.designbetter.co\/animation-handbook\/purpose\" target=\"_blank\" rel=\"noreferrer noopener\">Design Better: Animation Handbook<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/uxplanet.org\/animation-that-matters-adding-value-to-your-interface-65496fe4c182\" target=\"_blank\" rel=\"noreferrer noopener\">Animation That Matters<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/material.io\/design\/motion\/understanding-motion.html#\" target=\"_blank\" rel=\"noreferrer noopener\">Google Material Design<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/medium.com\/ux-in-motion\/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Creating Usability with Motion (opens in a new tab)\">Creating Usability with Motion<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/medium.com\/google-design\/motion-design-doesnt-have-to-be-hard-33089196e6c2\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Motion Design Doesn't Have to be Hard (opens in a new tab)\">Motion Design Doesn&#8217;t Have to be Hard<\/a><br data-rich-text-line-break=\"true\" \/><br data-rich-text-line-break=\"true\" \/>[\/expand]<\/p>\n<hr \/>\n<p><strong data-rich-text-format-boundary=\"true\">Stock Footage <\/strong><br data-rich-text-line-break=\"true\" \/><span style=\"color: #00ccff;\">[expand title=&#8221;Click to find Free Stock Footage&#8221;]<\/span><\/p>\n<p><a href=\"https:\/\/www.videvo.net\/stock-video-footage\/sort\/popular\/freeclips\/yes\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Videvo (opens in a new tab)\">Videvo<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.pexels.com\/search\/videos\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Pexels (opens in a new tab)\">Pexels<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/pixabay.com\/videos\/search\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Pixabay (opens in a new tab)\">Pixabay<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/coverr.co\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Coverr (opens in a new tab)\">Coverr<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/mixkit.co\/free-stock-video\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Mixkit (opens in a new tab)\">Mixkit<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/www.wikihow.com\/Find-Creative-Commons-Videos-on-YouTube\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"YouTube Creative Commons (opens in a new tab)\">YouTube Creative Commons<\/a><br data-rich-text-line-break=\"true\" \/><a href=\"https:\/\/vimeo.com\/creativecommons\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Vimeo Creative Commons (opens in a new tab)\">Vimeo Creative Commons<\/a><br data-rich-text-line-break=\"true\" \/>[\/expand]<\/p>\n<hr \/>\n<p><strong>Copyright-Free Music\u00a0<\/strong><br \/><span style=\"color: #00ccff;\">[expand title=&#8221;Click to find free Music&#8221;]<\/span><br \/><a href=\"http:\/\/freemusicarchive.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Free Archive Music<\/a><br \/><a href=\"https:\/\/www.youtube.com\/watch?v=JLXp8xa5s-A\" target=\"_blank\" rel=\"noopener noreferrer\">SoundCloud Creative Commons<\/a><br \/><a href=\"https:\/\/creativecommons.org\/about\/program-areas\/arts-culture\/arts-culture-resources\/legalmusicforvideos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Creative Commons sources<\/a><br \/><a href=\"https:\/\/www.youtube.com\/audiolibrary\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube Audio Library<\/a><br \/><a href=\"http:\/\/www.archive.org\/details\/audio\" target=\"_blank\" rel=\"noopener noreferrer\">Archive Audio<\/a><\/p>\n<p>[\/expand]<\/p>\n<hr \/>\n\n\n<p class=\"wp-block-paragraph\"><strong>Tips<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/blog\/post\/just-take-my-money-nine-rules-for-creating-killer\" target=\"_blank\">9 Tips For Creating Killer Product Videos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a video using After Effects and\/or Premiere that clearly provides the context\/problem, promotes\/explains the design solution, and gives a call-to-action. The video allows us to see your product in action and better understand how it works in context. Rubric demonstration of context, design, features, and interaction quality of video production and narrative structure Specs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1511","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/1511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/comments?post=1511"}],"version-history":[{"count":37,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/1511\/revisions"}],"predecessor-version":[{"id":3513,"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/1511\/revisions\/3513"}],"wp:attachment":[{"href":"http:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/media?parent=1511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}