{"id":1197,"date":"2016-01-05T11:11:03","date_gmt":"2016-01-05T15:11:03","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=1197"},"modified":"2016-01-05T11:11:03","modified_gmt":"2016-01-05T15:11:03","slug":"e-learning-challenge-110-awaken-your-e-learning-force","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/e-learning-challenge-110-awaken-your-e-learning-force\/","title":{"rendered":"E-Learning Challenge #110 &#8211; Awaken Your E-Learning Force"},"content":{"rendered":"<p>Last year I completed many more e-learning heroes challenges than I thought I had, and I&#8217;m surprising myself early in 2016 by completing my first challenge of the year!<\/p>\n<p style=\"text-align: center;\"><strong>The Concept<\/strong><\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/community.articulate.com\/articles\/star-wars-elearning-challenge\" target=\"_blank\">This challenge<\/a> was to &#8216;awaken&#8217; our e-learning force by creating a Star Wars themed interaction&#8230;this was a tall order for me because I had never seen an entire Star Wars movie. I know. I know.<\/p>\n<p style=\"text-align: center;\"><strong>The Method<\/strong><\/p>\n<p style=\"text-align: left;\">When thinking about this challenge, I knew I wanted to do something with the iconic intro crawl, and I knew I wanted to build the interaction in Storyline, which was limited in terms of being able to adjust the perspective of my text.<\/p>\n<p style=\"text-align: left;\">So, here&#8217;s what I did instead:<\/p>\n<ul>\n<li style=\"text-align: left;\">Went into PhotoShop and created a transparent canvas the width of my Storyline design, and double the height;<\/li>\n<li style=\"text-align: left;\">Then, I added a text box around the entire canvas, chose a Star-Warsy font, changed the font colour to a shade of yellow, and wrote out my crawl;<\/li>\n<li style=\"text-align: left;\">Once I was finished writing the crawl, I right-clicked the text layer, and selected Rasterize Type;<\/li>\n<li style=\"text-align: left;\">Then, I chose Transform &gt; Perspective from the Edit menu, and adjusted the top of the text box to become a smaller width with the bottom of the text box remaining the same;<\/li>\n<li style=\"text-align: left;\">I added a drop shadow and saved the image.<\/li>\n<\/ul>\n<p>Then&#8230;<\/p>\n<ul>\n<li>I went back to my Storyline file where I had applied a background fill of a Star-Warsy looking pattern;<\/li>\n<li>Then, I added a scroll panel to the entire width (and majority of height) of my project, with the scroll bar extending past the slide so you couldn&#8217;t see it;<\/li>\n<li>Next, I added the image I had created in PhotoShop and applied a line motion path, changing the direction to up, changing the easing to none, and I dragged the end point of the motion path to the desired location;<\/li>\n<li>I added some Star Wars theme music (attribution under the Resources link), and moved on to the next slide, and set a trigger to jump to the next slide when the motion path animation completed;<\/li>\n<li>The next slide was a simple click and reveal interaction that employed buttons to trigger layers.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><strong>Result<\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2016\/01\/Screen-Shot-2016-01-05-at-10.53.44-AM.png?ssl=1\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1198 size-medium\" src=\"https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2016\/01\/Screen-Shot-2016-01-05-at-10.53.44-AM.png?resize=300%2C186&#038;ssl=1\" alt=\"Screen Shot 2016-01-05 at 10.53.44 AM\" width=\"300\" height=\"186\" srcset=\"https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2016\/01\/Screen-Shot-2016-01-05-at-10.53.44-AM.png?resize=300%2C186&amp;ssl=1 300w, https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2016\/01\/Screen-Shot-2016-01-05-at-10.53.44-AM.png?resize=1024%2C635&amp;ssl=1 1024w, https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2016\/01\/Screen-Shot-2016-01-05-at-10.53.44-AM.png?w=1604&amp;ssl=1 1604w, https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2016\/01\/Screen-Shot-2016-01-05-at-10.53.44-AM.png?w=1404&amp;ssl=1 1404w\" sizes=\"(max-width: 300px) 100vw, 300px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p style=\"text-align: center;\">\n<p style=\"text-align: center;\">To view the full interaction, <a href=\"http:\/\/ashleychiasson.com\/Samples\/Star_Wars\/story.html\" target=\"_blank\">Click Here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last year I completed many more e-learning heroes challenges than I thought I had, and I&#8217;m surprising myself early in 2016 by completing my first challenge of the year! The Concept This challenge was to &#8216;awaken&#8217; our e-learning force by creating a Star Wars themed interaction&#8230;this was a tall order for me because I had [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[3],"tags":[10],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-jj","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1197"}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=1197"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1197\/revisions"}],"predecessor-version":[{"id":1199,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/1197\/revisions\/1199"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=1197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=1197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}