CapEdge july 2015

Demo by Kirsten Rourke

Responsive eLearning with Creative Cloud CC 2014

and Captivate 8

Part 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”)

This is just one possible workflow.

There are many other CC products that would be useful for eLearning

Photoshop to Edge Spritesheet

Use Edge “Lessons” files

Add Bird and make animation loop

Animate left to right across stage

Audition

Save MP3 as OGG for “Fallback” audio

You will load both into Edge Animate

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

Illustrator SVG Multiple Artboards

Artboard size is default SVG space

Use Artboards checkbox

Illustrator SVG Layered File

Target Layer and Copy

Paste into new file and resize Artboard

Illustrator CC 2014 SVG Options

Add SVGs to Edge Animate

Use either File >

Import or + to add SVG files

Element Order

Edge Animate Sound

Timeline or Object Actions

Edge Animate Actions

Captivate Responsive Project

Responsive Software Simulation

Thank You!Any Questions?

Kirsten Rourke

@kirstenrourke

http://www.KirstenRourke.comhttp://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/