Creative Cloud 2014 and Captivate 8

1. Demo by Kirsten Rourke
Responsive eLearning
with Creative Cloud CC 2014
and Captivate 8
Part 2

2. Presenter
Kirsten Rourke
 CompTIA Certified Technical Trainer, Speaker, and
Instructional Designer focused on Adobe graphic design and
eLearning products.
 Adobe Community Professional
 Owner of Rourke Training since 2000
 UGM of MASCU - MA Creative Software Users Group
(or “the group formerly known as CMAAUG”)

4. This is just one possible workflow.
There are many other CC products
that would be useful for eLearning

7. Photoshop to Edge Spritesheet
 Use Edge “Lessons” files
 Add Bird and make animation loop
 Animate left to right across stage

8. Audition
Save MP3 as OGG for
“Fallback” audio
You will load both into
Edge Animate

9. SVG
• Text (in XML format) that defines a vector shapes for the web
• Scalable and searchable
• Can be made or edited with any text editor

10. Illustrator SVG Multiple Artboards
Artboard size is
default SVG space
Use Artboards
checkbox

11. Illustrator SVG Layered File
Target Layer and
Copy
Paste into new file and
resize Artboard

12. Illustrator CC 2014 SVG Options

13. Add SVGs to Edge Animate
Use either File > Import or
+ to add SVG files
Element Order

14. Edge Animate Sound

15. Timeline or Object Actions

16. Edge Animate Actions

17. Captivate Responsive Project

18. Responsive Software Simulation

19. Thank You!
Any Questions?
Kirsten Rourke
@kirstenrourke
http://www.KirstenRourke.com
http://about.me/kirstenrourke
Handout can be found here:
http://bit.ly/EdgeCap2Handout
Deck can be found here:
http://www.slideshare.net/kirstenrourke
Session Recording:
http://experts.adobeconnect.com/p9fn1cvz2le/