There are two ways I do it! depends how long the animation is.

If it’s fairly short (like the Steven Universe gifs) I’ll make line and base colour layers for each frame and one big square of shading, then I duplicate that layer a bunch and clip it to each base colour layer:

like this! but imagine the squiggly lines are more like the layer in the next example! and a setup like this for every frame of the animation.

If the animation is more complex or I’ve done the lines in TVPaint I’ll do it in TVP, this could also be done in other programs. First I have the line layer:

Underneath I put the shading layer (in this case the brown bloby bit). Then I use the paint bucket set to Erase>Above, and click anywhere outside the line work.

And there you go! if you don’t have clipping masks or fill erase you can also just make a selection outside the linework and erase the selection on the shading layer, just need to remember to duplicate the layer a bunch if you’re animating! hope that helps! :)

As far as I know CC still has the timeline window! I think any version from 7.0 up has the timeline (might be wrong though). Depending on the version the window will be labelled ‘Animation’ or ‘Timeline’. So any of the bits I do in CS6 should be able to be done in most versions of PS :) By default the window appears differently, so that might throw some people off too :O it’s weird…

Got a tutorial over here! :D you can make the sparkles whatever shape you like~ have another tutorial here that mentions how you can make different brush shapes here, but I can make a proper tutorial for that if anyone would like :)

I’m currently out of stock of that version and I won’t be restocking it, instead I’ll be adding her latest design (which is an altered version of that card). And I just finished the animation for it, so I should have it up during the week :)

_{Sorry if you wanted the mid design :O I may be able to do a small restock of that version, but the new one is the same just with the design changes.}