Adobe Animate CC animations to Storyline 360

Oct 12, 2017

I have searched high and low for this topic and only found 1 old post. I am new to Storyline and developing some fresh and new eLearning projects for the company I work for.

I primarily use Adobe products but my work wants me to use Storyline as they do not want to spend on more for different software, which is understandable. Anyway onto my question.

Since Storyline 360 is new as of this year, am I some how able to bring over custom animations from Adobe Animate CC and import it to Storyline 360 as either an animation or an interactive animation?

To my understanding, SL2 involved some java scripting to get around this.

Please let me know if there is any tutorial out there for this, or somewhere in this community. I would gladly appreciate it.

23 Replies

Crystal Horn
Staff

over 6 years ago10/13/17 at 4:19 pm (UTC)

Hey Mikel, and welcome to Articulate! 😊

Can you let me know what formats your Adobe animations can be saved as? Are you able to export those as an .mp4 or .gif, for example?

Here are our tutorials on inserting images and video into Storyline.

mikel tan
Author

over 6 years ago10/15/17 at 5:22 pm (UTC)

Thank you Crystal, I shall take a look into these and let you know what I come up with.

hussain panahi

6 years ago05/26/18 at 4:17 am (UTC)

hi mikel tan

did you find the answer of your question ?

still i am also searching for it. but mp4 or other format makes the size very big . so it needs to be very lite. actually i found one there is to export the file into html 5 then import it as a web object. please let me know if you have found any other solution

thank you

Caroline Drees

over 5 years ago12/03/18 at 3:33 pm (UTC)

Hi there,

Do you know if it is possible in any way to embed Adobe Animate CC files to Articulate Rise? Or is it doable only on Storyline?

Many thanks,
Rasa

Alex Bradley

over 5 years ago12/10/18 at 4:55 pm (UTC)

Hi Rasa,

Did you get a response to your question? (I have the same question!)

Alex

Alex Bradley

over 5 years ago12/10/18 at 4:56 pm (UTC)

Sorry Rasa, I see you only posted your question a moment ago! I'll give it some more time for clever people to reply!

Alex

over 5 years ago12/10/18 at 4:58 pm (UTC)

Hi Alex,
nope, not yet :) If you figure it out, please let me know!

Rasa

over 5 years ago12/11/18 at 9:01 pm (UTC)

Hi Rasa,

Yes - it is possible to do this.

If you are importing to .gif, .bmp, .jpg, .png, .mov, .wav, or .avi these formats can be inserted into Rise as an image, video, or audio file.

For information on how to export these files click here.

If you have any more questions please reach out. I’d be happy to help.

Alex Bradley

over 5 years ago12/12/18 at 5:36 pm (UTC)

Thank you Martika!

over 5 years ago12/12/18 at 5:38 pm (UTC)

Thanks a lot Martika! Very helpful, will try that :)

Birgit Koerfer

5 years ago03/22/19 at 11:30 am (UTC)

Hi guys,

I was working on the same question and I found another solution to embed an HTML5 animation into Rise:

1) Open Storyline 360 and import your web object via the web object import function.

2) Publish your project to Review 360.

3) Open Rise. Insert an interactive block in a project and select Storyline element. Now you can select Browse to Rise and open your Storyline project with the web object.

5 years ago03/22/19 at 3:02 pm (UTC)

Thanks for sharing, Birgit!

Bill McKee

5 years ago05/09/19 at 6:34 pm (UTC)

Can you import a .OAM fiIe into Storyline 360?

I have a colleague who created an animation with Animate CC and imported it into Captivate. He asked me if I could import it into Storyline. I have seen numerous discussions on bringing in animations into Storyline but I couldn't find a simple yes or no as to whether it is possible to import an OAM file into Storyline.

If the answer is "Yes", please let me know how. Thanks.

5 years ago05/10/19 at 4:10 pm (UTC)

Hi there, Bill. While you won't be able to bring an .OAM package into your project using the image or video "insert" options, you may be able to insert it as a web object. Does the .OAM package contain an index.html file? If not, can you host it online?

Bill McKee

5 years ago05/14/19 at 1:05 pm (UTC)

Yes, we were able to get it to work this way. Thank you.

John Curran

almost 5 years ago06/21/19 at 2:25 pm (UTC)

@BillMcKee Could you share what you did please? I'm researching importing Adobe Animate animations into Storyline 360.

Bill McKee

almost 5 years ago06/21/19 at 4:26 pm (UTC)

John,

I have attached a PDF outlining the steps I performed to import an Adobe Animate animation into Storyline 360. Hopefully, this will help. Give a shout if you have questions.

Adobe_Animate_animations_into_Storyline_360.pdf

John Curran

almost 5 years ago06/23/19 at 12:15 pm (UTC)

Great...thanks so much Bill!

Victor Edozie

almost 5 years ago06/24/19 at 12:18 pm (UTC)

I also use adobe animate for my animations.

You can export your animations as .gif or .mp4 and import to storyline without any scripts or codes.

Will upload my project on that as soon as i’m off work

John Curran

almost 5 years ago06/24/19 at 1:40 pm (UTC)

Cool....many thanks Victor.

Brian Bland-Clark

over 4 years ago11/02/19 at 8:17 pm (UTC)

Took me all day, but I think I figured this out.

1. create animation in Adobe Character Creator

2. Export as PNG with wav files

3. import png sequence into adobe photoshop. Do this by opening the folder where the png files are located, select the first image, and then select the box that says "image sequence". make sure that the only files in the folder are the png files

4. In photoshop, now export this file as "save for web (legacy)"

5. this will be a transparent GIF file of your animation that you shot in adobe CC.

6. import the .gif file into your storyline presentation and then import the .wav file independently. The effect is a transparent animated character that has all of the audio that you recorded.

Downside: white blur around the character because it is 256 colors.

Eric Corso

almost 4 years ago08/20/20 at 4:40 pm (UTC)

My team and I were looking into getting Adobe Animate HTML5 content into Storyline and Rise. We ran into an issue with hosting as uploading to Review does not upload content, it is streamed. This broke the connection to the HTML files because web will not stream content from someone's hard drive, for obvious reasons.

The work around we found is to upload the folder containing the content to AWS S3 buckets. Create a free account, go to S3 and create a new folder. Select that folder and make sure to make the bucket publicly visible.

Now you can use the web link on your web object in Storyline. It now works with Review, and can be embedded as an interactive Storyline element in Rise.

Huzzah!