\n
Using Motion Graphics in E-Learning #418: Challenge | Recap
\n
If you're looking for ways to quickly capture learners' attention, explain complex concepts, or promote your e-learning skills and portfolio, motion graphics might be the way to go.
\n
Motion graphics combine text, shapes, images, and other visual elements to tell a story or convey a feeling or mood. They're frequently used in films, commercials, websites, social media, and e-learning courses.
\n
Some common use cases for motion graphics in presentation and e-learning design include:
\n
\n- Course intros and title sequences: Use motion graphics to add a visual appeal and capture the audience's attention at the beginning of presentations.
\n- Slide transitions: Use animations and motion graphics to transition smoothly into your course's main content.
\n- Branding and identity: Use animated title sequences to bring life to your organization's logo, colors, and branding elements.
\n- Data visualization: Use motion graphics to guide the learner's focus to present complex information that's easy to digest and understand.
\n- Setting the tone: Depending on your subject matter, you can use different visual styles, colors, and animation techniques to set the mood or tone of your course.
\n
\n
Here’s a great example of what’s possible using motion path animations in Storyline 360 from Ian Monk.
\n
\n
Challenge of the Week
\n
This week, your challenge is to create a demo to show how course designers can use motion graphics in e-learning.
\n
Resources
\n
Here are a few more examples and articles to help you get started working with advanced motion path animations:
\n
\n
Share Your E-Learning Work
\n
\n- Comments: Use the comments section below to link your published example and blog post.
\n- Forums: Start a new thread and share a link to your published example.
\n- Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure.
\n- Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.
\n
\n
Last Week’s Challenge:
\n
To help set your creative wheels in motion, check out the accessibility makeover examples your fellow challengers shared over the past week:
\n
\n
Accessibility Makeovers in E-Learning #417: Challenge | Recap
\n
New to the E-Learning Challenges?
\n
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
\n
Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
\n
\n
Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback: https://bit.ly/ElearningChallengeForm.
","kudosSumWeight":0,"postTime":"2023-05-27T11:15:23.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTQ0MTkzaUM3ODdFQUNBNjE1QzU2N0M?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTUyNTk3aTdBOTM1RjQ4MkJGRkNDNEE?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTc1MTk2aTY4OTc4NDYzODdBODYyMzM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTcxMTI5aTZCRTEyQzRDQ0M4MUQyRDM?revision=1\"}"}}],"totalCount":4,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:Animation","text":"Animation","time":"2015-02-19T15:10:00.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDI","node":{"__typename":"Tag","id":"tag:E-Learning Challenge","text":"E-Learning Challenge","time":"2015-11-11T20:02:32.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":2,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1147778_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":195},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1147778":{"__typename":"Conversation","id":"conversation:1147778","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1147778"},"lastPostingActivityTime":"2023-09-11T10:23:16.000-07:00","lastPostTime":"2023-09-11T10:23:16.000-07:00","unreadReplyCount":140,"isSubscribed":false},"ModerationData:moderation_data:1147778":{"__typename":"ModerationData","id":"moderation_data:1147778","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTQ0MTkzaUM3ODdFQUNBNjE1QzU2N0M?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTQ0MTkzaUM3ODdFQUNBNjE1QzU2N0M?revision=1","title":"uploads_rte_sgxzpewc_Motion-Graphics-in-Elearning_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTUyNTk3aTdBOTM1RjQ4MkJGRkNDNEE?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTUyNTk3aTdBOTM1RjQ4MkJGRkNDNEE?revision=1","title":"uploads_rte_jfqagtol_flat-icon-animations.gif","associationType":"BODY","width":756,"height":380,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTc1MTk2aTY4OTc4NDYzODdBODYyMzM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTc1MTk2aTY4OTc4NDYzODdBODYyMzM?revision=1","title":"uploads_rte_rkonslcu_building-accessible-elearning_RECAP.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTcxMTI5aTZCRTEyQzRDQ0M4MUQyRDM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ3Nzc4LTcxMTI5aTZCRTEyQzRDQ0M4MUQyRDM?revision=1","title":"uploads_rte_cnjgpavb_line.png","associationType":"BODY","width":760,"height":3,"altText":null},"Revision:revision:1147778_1":{"__typename":"Revision","id":"revision:1147778_1","lastEditTime":"2023-05-27T11:15:23.000-07:00"},"BlogReplyMessage:message:1147857":{"__typename":"BlogReplyMessage","id":"message:1147857","conversation":{"__ref":"Conversation:conversation:1147778"},"author":{"__ref":"User:user:1421105"},"revisionNum":1,"uid":1147857,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Using Motion Graphics in E-Learning #418","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1147857"},"parent":{"__ref":"BlogReplyMessage:message:1147794"},"body":"Ian Monk also inspired me; he produced some remarkable pieces in this forum. Here's one of mine:
https://benchmark-learning.com/morph/story_html5.html ","body@stringLength":"333","rawBody":"Ian Monk also inspired me; he produced some remarkable pieces in this forum. Here's one of mine:
https://benchmark-learning.com/morph/story_html5.html ","author":{"__ref":"User:user:684576"},"postTime":"2023-05-28T09:29:19.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":3},"Revision:revision:1147857_1":{"__typename":"Revision","id":"revision:1147857_1","lastEditTime":"2023-06-03T19:43:25.000-07:00"},"QueryVariables:ReplyList:message:1147857:1":{"__typename":"QueryVariables","id":"ReplyList:message:1147857:1","value":{"id":"message:1147857","first":10,"sorts":{"postTime":{"direction":"ASC"}},"repliesFirst":3,"repliesFirstDepthThree":1,"repliesSorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":true,"useBody":true,"useKudosCount":true,"useTimeToRead":false,"useMedia":false,"useReadOnlyIcon":false,"useRepliesCount":true,"useSearchSnippet":false,"useAcceptedSolutionButton":false,"useSolvedBadge":false,"useAttachments":false,"attachmentsFirst":5,"useTags":false,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1741888622451","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1741888622451","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1741888622451","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1741888622451","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1741888622451","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1741888622451","value":{"title":"{count, plural, one{# Reply} other{# Replies}}","title@board:BLOG":"{count, plural, one{# Comment} other{# Comments}}","title@board:TKB":"{count, plural, one{# Comment} other{# Comments}}","title@board:IDEA":"{count, plural, one{# Comment} other{# Comments}}","title@board:OCCASION":"{count, plural, one{# Comment} other{# Comments}}","noRepliesTitle":"No Replies","noRepliesTitle@board:BLOG":"No Comments","noRepliesTitle@board:TKB":"No Comments","noRepliesTitle@board:IDEA":"No Comments","noRepliesTitle@board:OCCASION":"No Comments","noRepliesDescription":"Be the first to reply","noRepliesDescription@board:BLOG":"Be the first to comment","noRepliesDescription@board:TKB":"Be the first to comment","noRepliesDescription@board:IDEA":"Be the first to comment","noRepliesDescription@board:OCCASION":"Be the first to comment","messageReadOnlyAlert:BLOG":"Comments have been turned off for this post","messageReadOnlyAlert:TKB":"Comments have been turned off for this article","messageReadOnlyAlert:IDEA":"Comments have been turned off for this idea","messageReadOnlyAlert:FORUM":"Replies have been turned off for this discussion","messageReadOnlyAlert:OCCASION":"Comments have been turned off for this event"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1741888622451":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1741888622451","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"using-motion-graphics-in-e-learning-418","messageId":"1147778","replyId":"1147857"},"buildId":"k2ra3WbQxEm0ebgjo41Oz","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx"],"appGip":true,"scriptLoader":[]}