i'd make the colored stripes in a separate comp that is roughly the height and width needed for just the colored bands, without any distortion (so it would look a bit like a flat flag).
then take the comp into a new normal sized comp and add the bezier warp effect. with that effect you should be able to pull the right-side corner together and adjust the sexier handles to pinch them to a point, then adjust the other handles and corner points to make that final shape.
once you have that, you can go back in to the bands comp and animate the bands revealing, possibly with simple position slides or linear wipe.
then when yu go back the other main comp, the colors should flow on with the shape that was created with bezier warp.
on Mar 30, 2016 at 4:15:13 pm Last Edited By Kevin Camp on Mar 30, 2016 at 4:24:06 pm
an easy way to recreate the colored bands, is to take your image that you posted, drag that to the new comp icon in the project window, move the image off the right side of the comp and add cc repetile, setting the tiling to 'slide' and expanding the left edge to fill the comp.
then it would be fairly easy to draw rectangular masks around each stripe, and animate the masks to reveal each color.
if you need to smooth out any of the jpeg artifacts in the image, try adding smart blur before the cc repetile.
then take that comp into a new comp and add bezier warp to recreate the shape.
sorry, rather than putting the masks in on the image in the stripes comp, add the masks to the stripes comp in the main comp. then add the bezier warp effect.