# Flippy effect

**URL:** https://forum.kirupa.com/t/flippy-effect/113224
**Category:** Uncategorized
**Created:** [June 16, 2004, 2:24am UTC](https://forum.kirupa.com/t/flippy-effect/113224 "2004-06-16T02:24:12Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![iloveitaly](https://avatars.discourse-cdn.com/v4/letter/i/7ea924/32.png) [@iloveitaly](https://forum.kirupa.com/u/iloveitaly)
#### Post date: [June 16, 2004, 2:24am UTC](https://forum.kirupa.com/t/flippy-effect/113224/1 "2004-06-16T02:24:12Z")

</div>

I am _trying_ to recreate the effect on [http://www.struckdesign.com](http://www.struckdesign.com)  
when the ‘news’ panel flipps around.  
I can easily make it flip, but not a ‘straight’ flip. Any ideas on how to do this?

---

<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: [June 16, 2004, 2:45am UTC](https://forum.kirupa.com/t/flippy-effect/113224/2 "2004-06-16T02:45:05Z")

</div>

Swift 3D?

---

<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: [June 16, 2004, 1:13pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/3 "2004-06-16T13:13:18Z")

</div>

thats what i would of thought at first, but the rest of their site, and the other sites the’ve made dont do anything that is not possible with only flash and PS.

---

<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: [June 16, 2004, 4:41pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/4 "2004-06-16T16:41:18Z")

</div>

after effects?

---

<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: [June 16, 2004, 6:13pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/5 "2004-06-16T18:13:45Z")

</div>

They could have used “mock 3d” using flash Actionscript tricks.

---

<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: [June 16, 2004, 6:46pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/6 "2004-06-16T18:46:07Z")

</div>

looks like an image sequence to me. I can’t see how flash could make the panel blurry when it is flipping. :S

---

<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: [June 16, 2004, 6:50pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/7 "2004-06-16T18:50:29Z")

</div>

They could have done that through multiple instances of the same thing going at slighty varying speeds.

---

<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: [June 16, 2004, 6:55pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/8 "2004-06-16T18:55:25Z")

</div>

Yeah, maybe, but that wouldn’t be so smart would it? I’m sure it would eat a lot of cpu…

---

<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: [June 16, 2004, 6:59pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/9 "2004-06-16T18:59:46Z")

</div>

I was just messing around and I made a pseudo effect, very similar to that.

Its simply distorting, with some simple, but neat AS.

You could use this as a mask for some cool effects. 🙂

Check it out!

---

<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: [June 16, 2004, 7:04pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/10 "2004-06-16T19:04:24Z")

</div>

Well, I checked that swf out in flash (they forgot to protect it) and it seems as if that effect you’ve done, disco-stu, is an image sequence on their site, so I bet that the panel spin is also an image sequence 🙂

Btw, nice job there stu 🙂

---

<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: [June 16, 2004, 7:51pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/11 "2004-06-16T19:51:47Z")

</div>

you mean they did it with no AS!!! lol. I was trying to get that blur effect down a minute ago. Its tough trying to transparently blur a boxes edges…  
I ALMOST got it though. Its basically going to come down to doing a perfect sized radial blur, and matching it up to two

Here’s a random little mask thing I was playing with:

[http://www.criscam.com/josh/mask.swf](http://www.criscam.com/josh/mask.swf)

---

<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: [June 16, 2004, 8:49pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/12 "2004-06-16T20:49:39Z")

</div>

Thanks, i think i have the idea now.  
Just how would i go about making it do the panel spin?  
I cant visualize what shape to make first frame and the ending frame.

---

<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: [June 16, 2004, 9:36pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/13 "2004-06-16T21:36:27Z")

</div>

Here’s that flip effect, done pretty sloppily, but it works. Basically, just have a constant “turning” animation (named flipper in the fla) and put that in a MC which tweens and eases to the movement, and then kill the MC (stick a blank MC in front of it) with the flipper in it when it gets to the point you want it, and put a replacement square there of the same size.

Spice this effect up a bit, but the FLA should help you figure out how to go about 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: [June 17, 2004, 3:30pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/14 "2004-06-17T15:30:21Z")

</div>

thats so easy to make one like you (stu) did, but i couldnt do that blurry effect on that site, here is the fla…

btw if you want to change one of the speeds check the AS on the main 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: [June 17, 2004, 3:57pm UTC](https://forum.kirupa.com/t/flippy-effect/113224/15 "2004-06-17T15:57:14Z")

</div>

My guess is that they did lots of that in after effects. BUT another way it could be done is to put a flipper or two on delay and let it follow on a lower alpha setting.
