animation
87 TopicsConnect to WiFi
Hello! For several weeks, TomKuhlmann has been sharing loads of great free characters 'that you can use as you wish' in elearning projects. I've been waiting for the right moment to use one in a Challenge. So here's Adam Kenner, guest-starring in my Comic Book-Inspired demo... This is built on one slide, with three zoom regions timed to highlight different sections of the comic book grid. The animation is largely achieved with state changes and some motion paths and emphasis animations here and there. Music from Suno, sound effects generated by Articulate's AI assistant. I adapted 'Adam' and created the barista and agent characters using NanaBanano in Pixlr. Connect to WiFi here: https://bit.ly/elhc541
The Phish That Got Away!
This is my first time participating in a challenge, and I had a lot of fun with this topic. For my entry, I created a phishing example that spiraled into a little comic adventure—complete with a clueless employee, a suspiciously enthusiastic scammer, and a few red flags waving in the background. The concept is very simple, but I had a blast creating this. Tools that I used: Articulate Storyline ChatGPT: Some image creation Pixabay: Sound effects and music View example here.Comic-Style Learning on Time Management
A comic book–inspired custom eLearning sample on Time Management – How to Prioritize Tasks, designed using visual storytelling to enhance learner engagement. Explore the sample and share your thoughts! https://www.swiftelearningservices.com/time-management-comic-style-custom-elearning-course/Electrical Safety for Electricians
This is the beginning of a course on electrical safety for electricians (if I didn't have to comply with corporate branding requirements). 😭 Electrical Safety I used: Articulate AI art - backgrounds and character. Character - removed background in MS Designer. Sparks - made with Articulate AI art then removed background, added pulse-shrink-grow-pulse animations at different intervals. Giphy.com - used Matrix screen. Gemini AI helped me make the script more anime style and Articulate AI converted the script to audio. I tried making a gif with Snip & Sketch but it didn't want to cooperate 😑Turn That Light Off
Hello! Non-human characters can be a strong choice for your e-learning courses. They're often more popular with users than AI avatars. My characters always come across as a bit grumpy, for some reason... Believe it or not, this is a regular 'pick one' freeform question slide. The character was created using Nano Banana, and I manipulated it in Pixlr to create the different mouth shapes. The animation is achieved through rapid state changes, synchronised to the waveform of each bit of narration. This is controlled by Javascript that I wrote with the help of Claude.ai. The voice is Dave, one of my favourite Storyline AI voices, with the style exaggerated to 75 😀 Switch my demo on here: https://bit.ly/elhc539
Teaching bribery and gifting in a different way.
We built a short workplace ethics scenario where objects and concepts step in as characters, showing how small, everyday gifts can quickly turn into bribery risks. Click the link below to experience how powerful custom eLearning design helps learners pause, think and choose the right response. https://www.brilliantteams.com.au/bribery-gifting-ethics-custom-elearning-scenario/Meet the Extinguisher Fire Safety Squad
We bring fire extinguishers to life through custom eLearning, guiding learners step by step through correct extinguisher use during fire emergencies, all inside a gamified eLearning experience. View the eLearning sample in action: https://www.swiftelearningservices.com/fire-extinguisher-safety-training-custom-elearning/The Tool Shed Support Group
I know I always say these challenges are fun but this one was a blast! 😁 The background and heart were created by Articulate (along with the TTS). I tried using Articulate to generate the characters but it couldn't get it right so I used Nano Banana. I uploaded an image and gave it the same style prompt as Articulate's 3D Animation style. To get the different expressions, I just kept prompting Nano Banana to "keep everything the same and make it look (insert emotion here)." Once I downloaded each expression, I opened the image and used MS Designer to remove the background. I stacked the images and overlapped the fade in/out animation so the transition from one expression to another was smoother than changing states.SolvedFore! 😱 First Aid on the Golf Course
I could have made this longer but ran out of time. Originally, I wanted the scenarios to be videos but Veo 3.1 (Google Gemini) did not do what I wanted even though I used promptcowboy.ai for help. While some of the results were hysterically wrong, I couldn't use them. 😂 I used characters from Articulate, redressed and reposed them in Nano Banana (Google Gemini) and made them transparent with MS Designer, Articulate TTS, and the golf photos are mine (slide 1 is Yeamans Hall, Charleston, SC, 14th Hole - a great example of a Knoll hole, and the other background is Orchards Golf Club, South Hadley, Mass - probably the 6th hole lol I'm not 100% certain). https://360.articulate.com/review/content/6daebfc6-c8a5-4f7f-afc2-41b6e291ba22/reviewAnimated Menus Using Morph Transitions
When I first saw the morph transition, I didn’t think much of it. The fade has always worked just fine. But after seeing what Elizabeth and Thierry did with it, I got it. For this challenge, I reworked a menu example I originally built with motion paths and variables. Motion paths are easier in Storyline now, but they still take time to set up when you're duplicating and reversing the paths. Same with variables. They're easy to copy and tweak, but also easy to mess something up and lose your time troubleshooting. But with the morph transition, it’s two slides. Move the objects where you want them on each one, and you're done. View the example