# How'd he do it?

**URL:** https://forum.kirupa.com/t/howd-he-do-it/60118
**Category:** Uncategorized
**Created:** [August 6, 2004, 6:39pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118 "2004-08-06T18:39:42Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![ruski\_flasher](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@ruski\_flasher](https://forum.kirupa.com/u/ruski_flasher)
#### Post date: [August 6, 2004, 6:39pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/1 "2004-08-06T18:39:42Z")

</div>

ya3.has.it

click About Me

bottom-right corner that animated circle…i’ve been trying to copy it…but it didnt work.

---

<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: [August 6, 2004, 6:48pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/2 "2004-08-06T18:48:33Z")

</div>

looks to me like a tweened circle… 🙂

hey ya3, that music, is that homemade? I love that! :love:

---

<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: [August 6, 2004, 7:22pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/3 "2004-08-06T19:22:15Z")

</div>

It’s a nice site, but is something wrong with my browser or don’t any of the things show up when you click them (like the 3D models and such)?

---

<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: [August 6, 2004, 7:48pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/4 "2004-08-06T19:48:28Z")

</div>

yah…same happend to me…

Eilsoe-but _how_ did he tween it? [i’m bad at copying ppls work…]

---

<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: [August 6, 2004, 7:53pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/5 "2004-08-06T19:53:36Z")

</div>

well first of all, you shouldn’t copy others work… unless it’s strictly for educational use.

---

<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: [August 6, 2004, 8:05pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/6 "2004-08-06T20:05:35Z")

</div>

it is…i want to learn all sorts of smaller visual effects…so that i can create my own later on.:cap:

---

<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: [August 6, 2004, 10:45pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/7 "2004-08-06T22:45:41Z")

</div>

LoL… wow… that animation is cake man… all it is motion tweens…

Looks like his first few frames are the middle circle itself causing the delay, then the middle circle shrinks… when it’s shrinking the outter ring fades in and enlarges and it repeats.

Should’ve just asked him he’s on this board. These are like the very first tweens you learn in Flash, if you don’t know them you should look back at your user guide and learn 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: [August 6, 2004, 10:54pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/8 "2004-08-06T22:54:34Z")

</div>

dittos…

---

<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: [August 6, 2004, 11:32pm UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/9 "2004-08-06T23:32:42Z")

</div>

what circle…??

---

<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: [August 7, 2004, 1:32am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/10 "2004-08-07T01:32:11Z")

</div>

DDD , bottom right (in about ya3 section) under Awards, circle flashing.

as for the effect, very simple, do what simplistik said. 🙂

---

<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: [August 7, 2004, 1:46am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/11 "2004-08-07T01:46:44Z")

</div>

you go tto be kidding…just a tween.lol. I was looking for some way out effects. But I do have a question. How is the organic like move ment done on the transitions between sections (the bubble filling up)? I know it is a tween of some sort but how do you tween like that?

---

<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: [August 7, 2004, 1:51am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/12 "2004-08-07T01:51:34Z")

</div>

hehe, yeah i know :sigh:

\*\*DDD \*\*the transitions effect :: i would think its a shape tween with control hint points.

## +plus a mask for its content(the bubbly stuff)

or … it could be a mc with the all that bubbly stuff in the mc, then have a mask layer for that mc, in which the mask is animated, revealing the mc.

---

<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: [August 7, 2004, 2:31am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/13 "2004-08-07T02:31:20Z")

</div>

Nah, I don’t think there is any masking at all… I replicated it. Instead of ring fading in on enlarging I think it fades out, when I tried a fade in it didn’t look right, did a fade out it looked right. So basically the frames go like…

f1-2 Static Circle no ring  
f3-6 100% Circle to 80% and Ring (same size as circle) 100% - 110% + Fade out.  
f7-10 is the same as f3-6 to make it pulsate 2 times then stop when it repeats.

Frame rate is around 20 so I could match his speed.

I don’t think he uses masks… although I could be wrong.

---

<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: [August 7, 2004, 2:33am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/14 "2004-08-07T02:33:59Z")

</div>

simplistik,can you please show me the .fla? [for educational purposes]

---

<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: [August 7, 2004, 2:37am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/15 "2004-08-07T02:37:23Z")

</div>

LoL, I think I’ve explained it well enough to be able to replicate 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: [August 7, 2004, 2:39am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/16 "2004-08-07T02:39:41Z")

</div>

yeah i know the animation for the circle, i was talking about the preloader for the transitions, DDD ask that 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: [August 7, 2004, 2:41am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/17 "2004-08-07T02:41:03Z")

</div>

Hehe, d’oh

---

<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: [August 7, 2004, 3:00am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/18 "2004-08-07T03:00:58Z")

</div>

how do you make it static?

---

<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: [August 7, 2004, 3:04am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/19 "2004-08-07T03:04:06Z")

</div>

? static circle was refering to a circle not moving or being animated. (one spot)

— ruski, try the flash animation tutorials here at kirupa. they will help you understand the terms and how to do stuff… this effect is really very basic.

---

<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: [August 7, 2004, 3:05am UTC](https://forum.kirupa.com/t/howd-he-do-it/60118/20 "2004-08-07T03:05:12Z")

</div>

ooooh…thanks!

[Next page](https://forum.kirupa.com/t/howd-he-do-it/60118.md?page=2)
