\n
Creative Image Effects in E-Learning #156: Challenge | Recap
\n
Do you have a go-to image style or effect that you like to use for general or rapid course design?
\n
Let me explain.
\n
By general course design, I mean the courses you build regularly for internal or external customers. The courses look good (maybe even great!), but they’re not the one-of-a-kind courses you’d showcase or submit in a Guru contest.
\n
And by go-to image styles, I mean the standard or most-used effects or presentation styles you apply to the stock photos in your courses.
\n
My Favorite Image Effects
\n
When I used to build courses, my go-to effect was the faded image. It was a simple technique that allowed me to use full-slide photos as both image and background.
\n
\n
Common Image Effects in E-Learning
\n
Looking through our Examples hub, you’ll find a lot of different approaches for image styles and effects. Here are a few styles that I’ve pulled together.
\n
\n
Challenge of the Week
\n
This week, your challenge is to share your go-to image treatments for slide and course design. You’re welcome to share something conceptual, but keep the primary focus on showing your favorite image effects and presentation styles.
\n
Related Challenges:
\n
\n
Last Week’s Challenge:
\n
Before you take on this week’s challenge like it was going out of style, check out the grocery store simulations your fellow community members shared over the past week:
\n
\n
Grocery Store Simulations RECAP #155: Challenge | Recap
\n
Wishing you a week in style, E-Learning Heroes!
\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.
","kudosSumWeight":0,"postTime":"2017-01-14T09:23:25.000-08:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTIxNzk0aTA1MkQ2OUU5OTk5QzYzODM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTc2NDM4aTdFQzJFMkYwOTgzRjBCQkU?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTIxOTUyaUM2OERDOTVEMkExRTg5RTM?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTMxNjkyaUQzNjYzQUFGRjhGM0IzQzc?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: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:1148760_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":27},"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:1148760":{"__typename":"Conversation","id":"conversation:1148760","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1148760"},"lastPostingActivityTime":"2022-02-24T08:11:46.000-08:00","lastPostTime":"2022-02-24T08:11:46.000-08:00","unreadReplyCount":167,"isSubscribed":false},"ModerationData:moderation_data:1148760":{"__typename":"ModerationData","id":"moderation_data:1148760","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTIxNzk0aTA1MkQ2OUU5OTk5QzYzODM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTIxNzk0aTA1MkQ2OUU5OTk5QzYzODM?revision=1","title":"uploads_rte_dguxknel_using-images-on-slides-in-elearning.png","associationType":"BODY","width":760,"height":380,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTc2NDM4aTdFQzJFMkYwOTgzRjBCQkU?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTc2NDM4aTdFQzJFMkYwOTgzRjBCQkU?revision=1","title":"uploads_rte_tihrxdas_faded-image-example-01.gif","associationType":"BODY","width":600,"height":338,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTIxOTUyaUM2OERDOTVEMkExRTg5RTM?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTIxOTUyaUM2OERDOTVEMkExRTg5RTM?revision=1","title":"uploads_rte_kyvtmirx_presenting-images-in-elearning.jpg","associationType":"BODY","width":760,"height":412,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTMxNjkyaUQzNjYzQUFGRjhGM0IzQzc?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQ4NzYwLTMxNjkyaUQzNjYzQUFGRjhGM0IzQzc?revision=1","title":"uploads_rte_ymqizeda_retail-point-of-sales.png","associationType":"BODY","width":760,"height":380,"altText":null},"Revision:revision:1148760_1":{"__typename":"Revision","id":"revision:1148760_1","lastEditTime":"2017-01-14T09:23:25.000-08:00"},"BlogReplyMessage:message:1148797":{"__typename":"BlogReplyMessage","id":"message:1148797","conversation":{"__ref":"Conversation:conversation:1148760"},"author":{"__ref":"User:user:1467023"},"revisionNum":1,"uid":1148797,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Classic Graphic Design Styles and Image Effects in E-Learning #156","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1148797"},"parent":{"__ref":"BlogReplyMessage:message:1148787"},"body":"I like make my screens to be full size background images with one significant message per slide:
https://s3-eu-west-1.amazonaws.com/elearningprojects/demos/Challenge156StockPhotoStyle.jpg ","body@stringLength":"395","rawBody":"I like make my screens to be full size background images with one significant message per slide:
https://s3-eu-west-1.amazonaws.com/elearningprojects/demos/Challenge156StockPhotoStyle.jpg ","author":{"__ref":"User:user:996089"},"postTime":"2017-01-15T09:08:29.000-08:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":7},"Revision:revision:1148797_1":{"__typename":"Revision","id":"revision:1148797_1","lastEditTime":"2017-01-16T06:13:46.000-08:00"},"QueryVariables:ReplyList:message:1148797:1":{"__typename":"QueryVariables","id":"ReplyList:message:1148797:1","value":{"id":"message:1148797","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-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1741996488552","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1741996488552","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1741996488552","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1741996488552","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1741996488552","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1741996488552","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-1741996488552":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1741996488552","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"classic-graphic-design-styles-and-image-effects-in-e-learning-156","messageId":"1148760","replyId":"1148797"},"buildId":"G6LFdF6Y8sb5g8rZyM3sC","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":[]}