# Simple shape tween

**URL:** <https://forum.kirupa.com/t/simple-shape-tween/25618>\
**Category:** Uncategorized\
**Created:** [July 15, 2003, 2:29am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618 "2003-07-15T02:29:11Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![blah\_de\_blah](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@blah\_de\_blah](https://forum.kirupa.com/u/blah_de_blah)\
**Post date:** [July 15, 2003, 2:29am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/1 "2003-07-15T02:29:11Z")

</div>

I have attached an fla, so you get what i mean. On the first keyframe, thats what i want the image to start out at. And on the last keyframe, I want the image to end like that.

I have tried shape tweening, but the lines do all sorts of weird things (as you can see i have tried) before it ends at the last keyframe.

I want it to smoothly go to the last keyframe without doing other stuff. I hope you get what i mean and can help me! thx! 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 2:34am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/2 "2003-07-15T02:34:47Z")

</div>

im confused. so you want the first frame to go directly to the last with out doing all of that tweening?

if so, take out the stuff in between the key frames, and add a stop action at the end.

did this answer your question.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 2:36am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/3 "2003-07-15T02:36:56Z")

</div>

yea thats what i want it to do, but smoothly. Not like a sudden change get it?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 2:38am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/4 "2003-07-15T02:38:10Z")

</div>

do you want it to fade in with the new shape?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 2:39am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/5 "2003-07-15T02:39:45Z")

</div>

i’m not sure what you mean fade in, but i want the lines to smoothly (so like bend in slooowly) towards its final position…

so yea i guess i want it to fade in…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 4:05am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/6 "2003-07-15T04:05:41Z")

</div>

ok i assume then there is no other way to do this apart from frame by frame animation right?!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 6:02am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/7 "2003-07-15T06:02:51Z")

</div>

Use shape hints! That gives you control over how the shape morphs…use the same # of shape hints in your first and final shapes…I know i just read a post about this not too long ago, so try a search on shape hints.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 6:40am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/8 "2003-07-15T06:40:43Z")

</div>

ah yes it works, but only if the starting and ending shape are the same size? i don’ know why?! Do you think you’d be able to make one so i could see using the fla above?! thanks!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 15, 2003, 6:42am UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/9 "2003-07-15T06:42:42Z")

</div>

ah forget it, it works now! thanks very much 🙂

[Edit]  
Oh no, when i change the end shape a bit everything messes up again…i must be doin somethin wrong. Can anyone tell me the step by step?

i just drew he first and last key frames, shape tweened them and put shap hints on all the corners. Is that all?  
[/Edit]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 20, 2003, 7:34pm UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/10 "2003-07-20T19:34:51Z")

</div>

Even with shape hints shape tweens dont always turn of right so you may wany to break up the animation into two parts

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 20, 2003, 11:55pm UTC](https://forum.kirupa.com/t/simple-shape-tween/25618/11 "2003-07-20T23:55:17Z")

</div>

here ya go the problem is you have to make your shape and then make a duplicate frame with the same shape then you edit the shape to the form you want it to take and then you apply the shape tween, keep in mind you cannot distor it to much or flash will do wacky things to achieve the shape tween just play around with it sometimes you wont need shape tweens but sometimes they are very handy.

just experiment a bit good luck 😉
