Top Banner
Creativity and eLearning Using Creative Cloud with Captivate
31

Captivate and Creative Cloud 2016

Jan 15, 2017

Download

Software

Kirsten Rourke
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Captivate and Creative Cloud 2016

Creativity and eLearning

Using Creative Cloud with Captivate

Page 2: Captivate and Creative Cloud 2016

Kirsten Rourke

Founder of Rourke Training

Speaker, Training Consultant, and Instructional Designer/eLearning Developer

Certified CTT+ Technical Trainer

Page 3: Captivate and Creative Cloud 2016

Developing eLearning is a creative endeavor.

Page 4: Captivate and Creative Cloud 2016

Dish of the Day

Photoshop

Background and Characters

IllustratorBackgrounds, Design Elements, SVG

Edge Animate 2014 / Adobe Animate 2015

HTML5 Animation

Audition

Sound Editing

Wrap in Captivate. Bake at 350 degrees for 25-30 minutes. Preview and Publish

Page 5: Captivate and Creative Cloud 2016
Page 6: Captivate and Creative Cloud 2016
Page 7: Captivate and Creative Cloud 2016
Page 8: Captivate and Creative Cloud 2016

• 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

Page 9: Captivate and Creative Cloud 2016

Artboard  size  is  default  SVG  space  

Use  Artboards  checkbox

Page 10: Captivate and Creative Cloud 2016
Page 11: Captivate and Creative Cloud 2016

.oam  package  fromEdge  Animate  or  Adobe  Animate  

(Flash)   to  Captivate

Page 12: Captivate and Creative Cloud 2016

Demonstrations

Page 13: Captivate and Creative Cloud 2016
Page 14: Captivate and Creative Cloud 2016

SWF Preview in Browservs.

HTML5 Preview in Browser

Page 15: Captivate and Creative Cloud 2016
Page 16: Captivate and Creative Cloud 2016
Page 17: Captivate and Creative Cloud 2016
Page 18: Captivate and Creative Cloud 2016

Smart Objects, Blending Modes, & Masking

Page 19: Captivate and Creative Cloud 2016
Page 20: Captivate and Creative Cloud 2016
Page 21: Captivate and Creative Cloud 2016
Page 22: Captivate and Creative Cloud 2016
Page 23: Captivate and Creative Cloud 2016

HTML5 Animation & .oam Export

Page 24: Captivate and Creative Cloud 2016
Page 25: Captivate and Creative Cloud 2016

VO Editing

Page 26: Captivate and Creative Cloud 2016
Page 27: Captivate and Creative Cloud 2016
Page 28: Captivate and Creative Cloud 2016
Page 29: Captivate and Creative Cloud 2016

Final Project

Page 30: Captivate and Creative Cloud 2016
Page 31: Captivate and Creative Cloud 2016

Thank You!

Kirsten Rourke

[email protected]

@kirstenrourke