Category Archives: Design

Creating items with Storyline or PowerPoint

Posted on by
Reply

I know it’s been a long time since I posted on my blog, but I’ve been very busy with some e-learning projects for the company I’m working for. Today, I will post a few items created with Storyline or PowerPoint shapes. I just want to show you how easy it is: you don’t need to be a graphic designer to create simple and nice items for your modules!

Cars

Capture

This car is made of 3 shapes in Storyline: a freeform for the main part of the car, and two circles for the wheels. Creating the freeform is not very hard, because the form is mainly made of straight lines. For the wheels, the shapes outline is white and thick.

Capture1

Here are more complex cars, created in PowerPoint:

Capture2

Those cars require more shapes, and to be very careful with the front/back order of each shape. Here are the different shapes used to create each car:

Capture3 Capture4

In the second car, the two white shapes for the windows are freeform too.

Then, I grouped all the shapes, and added a ‘glow’ effect.

Forklift

This one is very simple!

Capture5

Capture6

Screens (tablet, laptop…)

Creating a laptop, a tablet or a smartphone is very simple with Storyline or PowerPoint. I think I don’t need to show you the different shapes I used for the following items. There are very easy to do.

Capture7

Buildings

Capture8

I created those building in Storyline. It was not complicated but required a lot of shapes (for the windows). Also, the outlines and the front/back settings between shapes are important.

Capture9

Capture10

Various items

Capture11

A plant

Capture12

A truck

Capture13

A folder

E-learning Heroes Challenge #50

Posted on by
2

I published my flat design slides made with Storyline 2 on Twitter, and David Anderson from Articulate suggested me to publish it on the ELH Challenge #50. So, I create a new post on my blog with all the existing slides of my module (which is not finished yet).

Thus, here are the several slides of my module. I created all the elements with Storyline 2 forms or textures: no drawing or picture.

1) Welcome slide – made with ArtRage and Storyline 2 – not very interesting for our flat design topic, but I think it was interesting to have a very simple and nice welcome slide in a ‘flat design’ module.

recrutement

The welcome slide in ArtRage, before being included in Storyline.

Capture

The welcome slide in preview mode in Storyline.

As you can notice it, I tried to custom the player colors to match with the welcome slide colors.

2) ‘Meet Tim’ slide. Not the best one! It was hard to make a character with this view – to make him look like a human, with expression. I could probably improve it.

Capture1

3) ‘Recruitment before the Internet’: this is an interesting slide, but it took me a lot of time to design it. I could probably have done it in a easier way. It was a hard work to add all the small elements. But the result is nice!

Capture2

4) ‘Recruitment today’ slide: this one was easier, because it is very similar to the previous one. I just had to remove some elements and replace them with new ones easier to design. We can view a printer, a screen monitor, a simple keyboard. I confess the smartphone is a picture from Articulate galleries! I did it first myself, but I found this picture and I loved it, so I used it directly in the slide. But it would not have been hard to do it: 3 forms only.

Capture3

5) Chapter title slide: this is a very basic background I design in 2 minutes in ArtRage. The text has been added in Storyline 2 of course, to add some ‘fade in’ effects.

Capturetitle

6) ‘Definition of a job board’ slide: for this slide, I changed the view of the office. Now this is a front view. It was interesting to design it too.

Capture4

If you want to find more interesting flat design slides made with Storyline 2, you can visit the ELH Challenge page: https://community.articulate.com/articles/flat-design-graphics-elearning

You can also have a look at Matt Guyan’s article about his own flat designed office, a nice work too: http://www.mattguyan.com/showing-my-work-6/

New tests with Storyline and ArtRage

Posted on by
Reply

Friday, it’s e-learning test day!

1- I worked quickly on the customization of the player in Storyline. It looks like we can choose a lot of colors for all the different elements of the player. Of course, I will need to respect my company’s graphic charter for the colors, and we actually already have a standard player.

2- I tried to create a basic but nice background for the ‘welcome’ slide of the module. It took me about 15 minutes to make it in ArtRage. The most complicated has been to draw the 4 logos. The text has been directly added in Storyline to add some ‘fade in’ effects.

recrutement

Capture

3- Then, I tried to create a scene 100% in Storyline, only with forms and textures included in the software. It is nice and make a kind of ‘flat design’ style, but it takes a lot of time to do it. Of course, it was a first test, so I will do it faster in the future!

Capture2

The topic of the module is only to have an example, this is not something I’m currently working on – but I prefer to have a topic for my tests and experiments!