Storyline: Graphics–Inspired Transitions - Downloads

3,170 Downloads

This template* showcases a couple common transitions used in motion graphics.

To learn more about how I created this template, check out this article.

*This template will work for folks using Storyline 360, the continuously updated version of Storyline included in Articulate 360. Want to try it out? Get a free trial of Articulate 360 right here.

20 Comments

Julia Vogel

1 year ago06/07/18 at 9:45 am (UTC)

I was really flabbergasted by the last animation - super clever solution! Great job Allison!

1 year ago06/07/18 at 12:16 pm (UTC)

Thanks Julia! :)

Kate Petersen

1 year ago06/21/18 at 6:53 pm (UTC)

Is this "pan" transition new in the latest 360 update? I am not able to run the source file in version 3.14.15225.0 Thanks KP

1 year ago06/22/18 at 8:19 am (UTC)

Hi Kate! No, the pan transition is not new but I used the modern player which is new, so that's probably why you're not able to open it.

Jason Gallo

1 year ago06/22/18 at 1:44 pm (UTC)

Very crisp! Love it.

1 year ago07/06/18 at 1:07 pm (UTC)

Thanks Jason!

Abdul Rahim

1 year ago06/29/18 at 12:07 pm (UTC)

Nice transitions.. I like it...

1 year ago07/06/18 at 1:07 pm (UTC)

Thanks Adbdul!

Mandy White

1 year ago07/05/18 at 7:53 pm (UTC)

Do you have anything that shows how to recreate this in Storyline 3?

1 year ago07/06/18 at 1:07 pm (UTC)

Hi Mandy! Yeah just check out this article: https://community.articulate.com/articles/3-motion-graphics-inspired-transitions-you-can-create-in-storyline/

Thomas Halbritter

1 year ago07/24/18 at 6:21 pm (UTC)

Thanks for your fantastic inspiration

1 year ago07/25/18 at 5:15 am (UTC)

You're welcome!

Justin Lovett

1 year ago07/24/18 at 9:25 pm (UTC)

Not directed at the author of this post but I find it really frustrating that I cannot open this in Storyline 3, latest update. Are these video transitions available as video files anywhere?

1 year ago07/25/18 at 5:18 am (UTC)

I'm sorry, Justin! I totally understand that that's frustrating. I added a footnote to the template saying it's for Storyline 360 only. That being said, the transitions are not created with a video, they're just regular Storyline transitions so you can easily reproduce them in Storyline 3. Check out this article to find out how to do that: https://community.articulate.com/articles/3-motion-graphics-inspired-transitions-you-can-create-in-storyline/

Andrea Mandal

3 months ago05/28/19 at 3:26 pm (UTC)

I did that and even republished it and yours is giving the same effect as mine :( Maybe it's just my computer.

3 months ago05/29/19 at 4:18 pm (UTC)

Hi Andrea! I'm not sure I understand what's going on here. Could you elaborate?

3 months ago05/29/19 at 4:52 pm (UTC)

I downloaded your .story file, then I published it without making changes, and the transition is STILL slow - like the second slide is partially covering the first when it pushes it out from the right. I think it's a problem with my computer :(

3 months ago06/03/19 at 3:36 pm (UTC)

Ugh! That sounds super frustrating. I'm sending you a private message to see if we can resolve this.

Kita White
Allison LaMotte

4 days ago08/21/19 at 4:33 am (UTC)

I'm getting the same effect, both on this and a similar usage I am doing for a project. Did you identify the cause? I am panning down a flowchart and the overlap is noticeable especially with a coloured background - there is a white gap in between.

L'Oreal Battistelli

3 months ago05/29/19 at 12:20 pm (UTC)

Love it!

20 Comments

Please Sign In

Signing in...

Complete Your Articulate ID

User Is Not Active

We're On It!

Create Your Articulate ID

We’ve Created Your Articulate ID

Reset Your Password

Please Check Your Email

We're On It!

Your Account Is Not Active