Budget & Bespoke: Create eLearning game art with freeware & PPT! Learning... ·...

Budget & Bespoke: Create eLearning game art with freeware & PPT!

Jonathan Rock, MBA

me:

XP: 6 yrs

training dept: 1 of 1

training software budget: lol

Why do this?

Why do this?

They call them bullets because they kill attention.

A click-next, bulleted, compliance training IS a game!

I had $0 and a Storyline License

I had time (1yr) & inspiration

What did I have in mind?

Compliance facts as powerups!

Stranger Things Story!

Selectable Avatar!

Monster Fight Quizzes!

StrongerGMPs

SizzleReel

PowerPoint for Static Art &Animation:You CAN put what’s in your head

on the screenwith the tools you have

PowerPoint for Art & Animation:But you have a Trilemma!

Pick any Two!

Good(matches your

vision)

Fast(or easy)

Free

MakeOpen

Source

Static Images

Make Images:

PowerPoint (already have?)

Inkscapehttps://inkscape.org/

Technique 1!

Draw with shapes! Form with Booleans!

Photo by Joanna Kosinska on Unsplash

The first shape you click on is the dough.

The second is the cutter.

Technique 1!

Technique 2: Edit Points!

Source:

Pros: Fast & Free

Cons: May not match

Spend time browsingMay still need to edit

Photo by David Gomes from Pexels

https://unsplash.comhttps://www.pexels.com

https://pixabay.com

Free Stock Photography

https://www.freepik.comhttps://www.vecteezy.com

http://retrovectors.com

Free Vector Art

https://www.kenney.nlhttp://pixelgameart.org

https://www.gameart2d.comhttps://itch.io/game-assets/free

https://opengameart.org/

2D Game Art

Example: Camp Deadaway

Technique 3: Remove Background!

Technique 4: Draw Freeform Tool!

Putting the Techniques together: Trace for Speed!

Animation

Make Animation

Technique 5: PPT to MP4!

Technique 6: PPT to .gif!

Open Source: Background Remove & gifmaker.me!

Putting it all togetherWhat did we cover?

Techniques:1. Draw with shapes and Booleans2. Edit Points3. Remove Background4. Freeform Tool and Transparency5. Export PowerPoint as MP46. Convert PPT slides to animated GIFs

Resources:1. Royalty Free Photography Sites2. Free Vector Sites3. Free Indie Game Art Sites4. Inkscape5. Gifmaker.me6. Resizeimage.net

Q & A

https://www.linkedin.com/in/jonathan-rock-mba/

https://twitter.com/jonrock