Forum Discussion

sylviadrower's avatar
sylviadrower
Community Member
5 years ago

Gradient colour transition

Here is a tough one!

I want to show directional flow through a very bendy pipe, not just horizontal/vertical (where I could fudge with transitions) but also diagonals.

Using a 3 layer overlay just doesn't cut it I'm afraid.  Too many flows, I would still be here in 2050!

In a previous package I was able to use a gradient colour which then rotated through the colours to give the illusion of a smooth flow.

Any ideas out there!

storyline 360

5 Replies

  • NedWhiteley's avatar
    NedWhiteley
    Community Member
    5 years ago

    Hi Sylvia,

    Please excuse the hurriedly drawn pipework and motion path, but I thought this example might give you something to work with. Basically it consists of a series of filled circles that follow each other on a freeform motion path and then repeat when each circle reaches the end.

    The beginning and end of the pipe run have a small rectangle on the top layer that obscures the circles so that they aren't visible until they start to move and can't be seen jumping back to the start once they reach the end.

    By adjusting the colour of the circles relative to the colour of the pipe, you could make them only just visible so that they don't stand out too much, but just enough to show the flow.

    In order to ensure that the motion paths and circles are correctly aligned, all you have to do is to create the first one and then copy and paste it to create the remainder. Finally, select all of the circles and align then by centres, both horizontally and vertically so that they sit exactly on top of one another.

    The reason why I chose a circle is because it looks the same from any angle and so it doesn't need to be rotated to appear correctly aligned with its direction of flow through the pipe.

    Hope this helps, but if you have any further queries, just get back to me here.

  • sylviadrower's avatar
    sylviadrower
    Community Member
    5 years ago

    Hi Ned, thank you for putting this together and taking the time to write such a detailed description.  Your solution certainly looks smooth.  I will try it for my next project which includes LOTS of pipe flows.  

    • NedWhiteley's avatar
      NedWhiteley
      Community Member
      5 years ago

      Hi Sylvia,

      One other variation you could consider is to use smaller circles so that they look like small bubbles flowing through the pipes rather than them being the same diameter as the pipe.

      Also, if you have a lot of pipework, which perhaps has different flowrates in it, you could adjust the duration of the motion paths to have some flow faster than others.

      Have fun; it sounds like you will be an expert at drawing freeform motion paths by the end of your next project !! :-)

      • sylviadrower's avatar
        sylviadrower
        Community Member
        5 years ago

        Hi Ned, thank you for continuing to think of my problem. The smaller
        bubbles sound great, I look forward to giving it a try in a few months when
        my current project wraps up.
        Another project coming up has LOTS of cables with electrical flows, Once
        again the gradient colour change was perfect but I have to work with the
        functionality provided by Storyline (it's still a great tool to work
        with).
        Bubbles won't quite fit this one but I will certainly be playing with the
        shapes otherwise I will have to resort to boring arrows :((