# How'd he do that?

**URL:** https://forum.kirupa.com/t/howd-he-do-that/56691
**Category:** flash
**Created:** [July 6, 2004, 9:24pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691 "2004-07-06T21:24:59Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![stone6](https://avatars.discourse-cdn.com/v4/letter/s/e9a140/32.png) [@stone6](https://forum.kirupa.com/u/stone6)
#### Post date: [July 6, 2004, 9:24pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/1 "2004-07-06T21:24:59Z")

</div>

One of my favorite webdesigners has an older site that I like. [www.haphazardstudios.com/sd](http://www.haphazardstudios.com/sd) . How did he do the page turning effect? Thanks in advance -Stone6

---

<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 6, 2004, 9:53pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/2 "2004-07-06T21:53:08Z")

</div>

i’ve definitely seen a very good tutorial for this exact thing – i just can’t remember where. the alicia keys website has the same thing going on. just keep searching on google and you’ll find the tutorial. it was very popular not too long ago. - fumeng.

---

<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 6, 2004, 10:27pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/3 "2004-07-06T22:27:26Z")

</div>

im thinking its some kind of mask effect where each click will move the mask accordingly. The animation of the page flip looks like a simple graphic that just gets larger. ill be interested to find out how he did it though…

---

<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 6, 2004, 10:36pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/4 "2004-07-06T22:36:52Z")

</div>

I dont think this example is like the page turn effect from alicia keyes, But more of a masking and motion tween.

---

<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 8, 2004, 12:44am UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/5 "2004-07-08T00:44:25Z")

</div>

Hey stone6,

Check this out tell me what you think [http://www.iparigrafika.hu/pageflip/](http://www.iparigrafika.hu/pageflip/) 🙂

---

<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 14, 2004, 8:40pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/6 "2004-07-14T20:40:28Z")

</div>

> [@Playapierce](#):
>
> Hey stone6,
> 
> Check this out tell me what you think [http://www.iparigrafika.hu/pageflip/](http://www.iparigrafika.hu/pageflip/) 🙂

dude that is so cool…but since i dont read whatever language that is…could you figure out where to DL the fla? Thanks -Stone6

---

<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 14, 2004, 8:50pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/7 "2004-07-14T20:50:58Z")

</div>

> [@Playapierce](#):
>
> Check this out tell me what you think [http://www.iparigrafika.hu/pageflip/](http://www.iparigrafika.hu/pageflip/) 🙂

That is one of the coolest effects I’ve saw in a while! Great job, for sure.

I spent 5 minutes just messing with different mouse movements on the page turning.

Kudos.

ps. a .fla wouldn’t be sneered at…😉

---

<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 14, 2004, 9:02pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/8 "2004-07-14T21:02:21Z")

</div>



---

<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 14, 2004, 9:06pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/9 "2004-07-14T21:06:55Z")

</div>

Hey Guys,

Just open the book and read page 3, download it right there:) You aslo can change the language of the site in the bottom right coner. I hope this helps you guys:)

---

<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 14, 2004, 10:29pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/10 "2004-07-14T22:29:47Z")

</div>

Playapierce that is brilliant sh\*T!!!  
Thank you for your generosity in sharing it with us.

---

<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 14, 2004, 10:39pm UTC](https://forum.kirupa.com/t/howd-he-do-that/56691/11 "2004-07-14T22:39:18Z")

</div>

No prob guys 😉
