May 11, 2020
Creating Animated GiF using Adobe Animate
Comments
(4)
May 11, 2020
Creating Animated GiF using Adobe Animate
I've been developing eLearning in a variety of formats since 1983
Master 38 posts
Followers: 74 people
(4)

One of the videos I published here was on D.O.P.E. Development. The acronym stands for Develop Once – Play Everywhere. It outlines all the formats you can publish or export from Adobe Animate. The video can be viewed here: https://elearning.adobe.com/2020/05/d-o-p-e-development/

In this video, I show a quick demonstration on how to create an Animated Gif inside Adobe Animate and then use it within Captivate.

4 Comments
2020-05-12 13:18:10
2020-05-12 13:18:10

Never liked the UI of Flash now  Animate.  Animations needed for Captivate is in most cases not so complicated, although there are some exceptions.  Have taught Photoshop for such a long time, that it seems to fit me better. Even use it for editing small video clips.

Like
(1)
(1)
>
Lieve Weymeis
's comment
2020-05-12 15:17:11
2020-05-12 15:17:11
>
Lieve Weymeis
's comment

I hear what you’re saying in using Photoshop because you know it best. In the tutorial I used a Shape Tween to make an animated Gif. That would be very difficult to create in Photoshop. You saw in the video how quickly it could be created in Animate. Also if you want to create an animated Gif from an image series (Pict001.png, Pict002.png,…  Pict060.png), you could create in in less than 20 seconds in Animate.  It’s mostly automated and works really well. Hey, maybe that can another tutorial. LOL

Like
(1)
2020-05-12 09:29:27
2020-05-12 09:29:27

I know it is possible to use Animate for animated GIF, but as a die hard Photoshop fan, I prefer PS. It would be a good idea to compare both workflows.

Just wondering when animated SVGs will be accepted by Captivate, and by all browsers.

Like
(1)
(1)
>
Lieve Weymeis
's comment
2020-05-12 12:41:30
2020-05-12 12:41:30
>
Lieve Weymeis
's comment

Knowing that SVG is basically coordinates rendered by browsers, it would be possible to adjust the values within the SVG using JavaScript. If the CSS has the animation rule turned on, you should see the SVG animate. Something worth looking into when I have time to experiment.

I like Photoshop but find the workflow a little awkward compared to Animate. Plus with Animate you can do a lot more different styles of animations and I would also say a lot quicker. However, I’d also say it’s good to be fluent in both programs.

Like
()
Add Comment