# Extreme tween/masking

**URL:** <https://forum.kirupa.com/t/extreme-tween-masking/178133>\
**Category:** Uncategorized\
**Created:** [February 7, 2006, 10:42pm UTC](https://forum.kirupa.com/t/extreme-tween-masking/178133 "2006-02-07T22:42:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Henry](https://avatars.discourse-cdn.com/v4/letter/h/df705f/32.png) [@Henry](https://forum.kirupa.com/u/Henry)\
**Post date:** [February 7, 2006, 10:42pm UTC](https://forum.kirupa.com/t/extreme-tween-masking/178133/1 "2006-02-07T22:42:57Z")

</div>

Hey all,

I am building a site thats based on some really organic illustrations. Its in essence a very simple site, certainly content wise.

What I would like to do is add a really organic feel to using the site. So when navigating the transitions between the pages/illustrations give the impressoin of plants / leaves growing and spreading and shrinking and vanishing.

I’ve been messing around with it for ages, mainly using frame by frame drawn masks. I can create my desired effect pretty well like this but file size then becomes an issue. The vector illustrations on their own are only about 15/20 k. But, with an “in” animation and an “out” animation file size leaps top 100 k ++

Heres a link to a static layout version with no transtions: [http://www.coocoocouture.com/](http://www.coocoocouture.com/)

Can anyone think of a good way around this? Or a better way altogether to do this? Any input as ever much apprecited.  
Thanks  
H