Budget & Bespoke: Create eLearning game art with freeware & PPT! Learning... · 2019-09-30 ·...
32
Budget & Bespoke: Create eLearning game art with freeware & PPT! Jonathan Rock, MBA
Transcript of Budget & Bespoke: Create eLearning game art with freeware & PPT! Learning... · 2019-09-30 ·...
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
