Freebies
If you like my freebies feel free to download the files and share your feedback on Twitter or endorse some of my skills on LinkedIn.
I was looking the other day for some folded map effect generator. Found few tutorials on how to do it in Photoshop or using CSS and JavaScript. It all seemed rather time consuming and demanding some coding knowledge. Fortunately Storyline (or PowerPoint if you want to use a map directly in Studio) lets you do that within 15 minutes.
Folded map effect is easy and straightforward achievable in these 3 short steps:
1. Insert a screenshot of a map.
2. Add an outline and a shadow.
3. Create few shapes (there are 6 rectangles in my case) and add a gradient as a fill.
Authoring tool: Storyline 1
I was browsing some sites the other day for any design inspiration. Finally I got an idea to mix slider and a map to present some data. I picked my 5 favourite places around Bournemouth where I live.
Slider is placed vertically, so you need to move the compass north (up) and south (down) to navigate among the attractions located in different places.
You can add subpages, photos, videos, other maps or whatever your imagination will tell you.
Authoring tool: Storyline 2
I created this freebie as a second submission for challenge #69 which was to build an e-learning game, presentation, or interaction for a medical topic or concept. This is 4 tabs interaction, easy to edit and recreate, based on some icons designed in PowerPoint, which is next freebie to download.
Check my first medical entry for this challenge which was matching pairs game.
Authoring tool: Storyline 2
14 pieces set of editable in size and colours medical icons created in PowerPoint. Easy to recreate and export as .png or .jpg for your project.
I was mocking-up some bubble-style interaction today but finally created...nice sticker effect in Storyline. It's really easy and quickly to build - all you need is an oval, 2 chords, a button with an icon and some shapes' shadows. You can resize it, rotate the sticker and play around with the colours/gradient fills.
The icon is actually a font - so to change its size, increase /decrease the font size.
Authoring tool: Storyline 1
Beach/sea related photo library created for e-learning challenge #72, which was to build and share image collection.
Here are 79 photos in the folder, taken at the Bournemouth beach, ready to use as a background or main content images in your projects. You can crop, resize and recolour them as you want.
It's very easy to create an origami ribbon effect with Storyline.
All you need to build it is a rectangle, two triangles and an oval with soft edges. For a 3D effect add some gradient fill.
Play around with the shapes, add/remove elements, changes their position, mix colours - there's a lot of possibilities to achieve some interesting visual effects.
Authoring tool: Storyline 1
24 office related icons from me for the 78th e-learning challenge, with 6 different artistic colour fills, created in PowerPoint. Easy to recreate and export as .png or .jpg for your project.
32 custom speech and thought bubbles created in PowerPoint. Fully editable and easy to export as image for your future projects. Interesting bubbles' shapes (like heart or bitten bubble) will make your presentation/e-learning course super awesome.
Note: no font is attached with the PPT file.
Learn how to create custom speech bubbles:
Custom speech/thought bubbles
download PowerPoint file
Here is a set of 8 custom buttons (3 states included: normal, hover and selected), with icons created from scratch in PowerPoint. Fully editable - ready to be part of your next project.
Learn how to create custom icon button:
Eco style template
download PowerPoint file
Check this 4 slides template with defined colours and UI elements. You'll find here:
-
menu slide
-
content slide "text + photo" type
-
quiz screen (question + feedback shown)
-
content slide "text + graphic" type (with hotspot shown)
Feel free to rebuild it, add more slides (e.g. video, data visualisation, other type of quiz, summary) and use it for your future e-learning project or presentation
Read a blog post about how I came up with idea for this template.
In this PowerPoint freebie you'll find 44 elements for building a custom badge:
-
plates
-
ribbons
-
embellishments
There are also 6 ready-to-use simple badges.
You can experiment with sizes, colours, outlines, fill type, shadows, text effects to create an awesome badge for your future e-learning project or presentation.
Read a blog post about anatomy of a badge.
Watch a short tutorial how to build a custom badge within 5 minutes.
In this Storyline 2 file you'll find 8 slides:
-
Welcome slide
-
Text with popup
-
slider interaction
-
Multiple choice question
-
Multiple response question
-
Matching drop down question
-
Fill in the blank question
-
Summary screen
This demo was fully created from other online freebies like: background images, font, icon maker, colour set generator.
Read a blog post about the idea.
Have you noticed these new hand drawn, sketchy visuals which started to appear on Articulate’s website recently? I’m huge fan of them as they are simplistic but outstanding and working really well as post/topic leading pictures. These nice illustrations have become a visual inspiration for my entry in ‘Using interactive dials and knobs in e-Learning’ challenge.
I created a simple SuperHero character in PowerPoint in this eye-catching style - feel free to download this free resource. You can build anything you want in similar way. To find out more read a blog post about the idea.
I asked uncle Google about fake news generator as I needed an inspiration for a news screen in one of the e-learning modules I was working on last week. A top result for my search was this site so I decided to give it a go.
The final look and feel of the news wasn’t exactly what I was expecting so I’ve decided to design my own, simple but fully editable and customised breaking news screen in PowerPoint.
It’s not sophisticated but it’s interesting enough to tick the basic requirements of a fake breaking news screen which you can use in your next e-learning module. To find out more read a blog post about this idea.
Post-it notes are still popular in a lot of e-learning interactions like drag and drop or multiple response. They’re nice and easy way of holding content, where text is often presented by handwritten font. To make it look more real just fold down a corner of the note, add some shadow underneath and fill the shape with any color you want.
Click here if you want to see how I created a basic post-it note within 80 seconds.
To find out more read a blog post about this idea.
