# Day to Night Building

**URL:** https://forum.kirupa.com/t/day-to-night-building/117873
**Category:** Uncategorized
**Created:** [July 31, 2004, 5:08am UTC](https://forum.kirupa.com/t/day-to-night-building/117873 "2004-07-31T05:08:25Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![d100763](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@d100763](https://forum.kirupa.com/u/d100763)
#### Post date: [July 31, 2004, 5:08am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/1 "2004-07-31T05:08:25Z")

</div>

[swf=http://www2.hawaii.edu/~djacso/pictures/daynight.swf]width=300 height=188[/swf]  
[right] [left]hey everyone, I am working on a little  
[/left]  
[left] project and incorporating the Waikiki  
[/left]  
[left] Police substation. What do you think?  
[/left]  
[left] No tripod used BTW, so it’s not perfect.:ne:  
[/left]  
[/right]

---

<div class="post-metadata">

### Author: ![Nubs](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/nubs/32/656_2.png) [@Nubs](https://forum.kirupa.com/u/Nubs)
#### Post date: [July 31, 2004, 5:24am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/2 "2004-07-31T05:24:57Z")

</div>

haha looks real cool man!

check out something similar shane did at [www.pixelranger.com](http://www.pixelranger.com)

---

<div class="post-metadata">

### Author: ![d100763](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@d100763](https://forum.kirupa.com/u/d100763)
#### Post date: [July 31, 2004, 5:59am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/3 "2004-07-31T05:59:04Z")

</div>

where in the site is it? The site is awesome and huge…I wonder how he did the leafs from wireframe to actual leaf?

---

<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: [July 31, 2004, 6:10am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/4 "2004-07-31T06:10:04Z")

</div>

noice stuff there d. real smooth, i cant do anything like that, since i live in the city and all the cars and such…

---

<div class="post-metadata">

### Author: ![El\_Thierro](https://avatars.discourse-cdn.com/v4/letter/e/858c86/32.png) [@El\_Thierro](https://forum.kirupa.com/u/El_Thierro)
#### Post date: [July 31, 2004, 9:10am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/5 "2004-07-31T09:10:40Z")

</div>

I think he means the Genesis Project thing.

---

<div class="post-metadata">

### Author: ![Maxtr0sity](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@Maxtr0sity](https://forum.kirupa.com/u/Maxtr0sity)
#### Post date: [July 31, 2004, 1:40pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/6 "2004-07-31T13:40:20Z")

</div>

What did you use to do the tween? I’m quite interested.

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [July 31, 2004, 1:50pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/7 "2004-07-31T13:50:29Z")

</div>

it looks just like 2 blended images to me :-/

What would be nice is a couple of more frames, like something around dusk where its probably redder and a point where the lights come on, not fade in like that. That would be cool.

Another idea might be to have, every once in a while, a frame of a blurred person or car going by to make it seem like there is a lot going on really fast instead of a simple fade/blend.

oh, and maybe (if you got the time) to hack in some shadow movement - like that street light shadow just hangs there and fades out. Probably even just removing it might help

…  
considering no tripod was used, though, it goes together really well =)

---

<div class="post-metadata">

### Author: ![Maxtr0sity](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@Maxtr0sity](https://forum.kirupa.com/u/Maxtr0sity)
#### Post date: [July 31, 2004, 1:52pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/8 "2004-07-31T13:52:40Z")

</div>

What software?

---

<div class="post-metadata">

### Author: ![wanyo](https://avatars.discourse-cdn.com/v4/letter/w/9d8465/32.png) [@wanyo](https://forum.kirupa.com/u/wanyo)
#### Post date: [July 31, 2004, 3:57pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/9 "2004-07-31T15:57:49Z")

</div>

I like the idea! I did something like that before([http://www.ultimaterestaurants.com/citygrill](http://www.ultimaterestaurants.com/citygrill) in the header), but I think your image is much better. Using two images was a much better idea, I’ll try that next time.  
Good job!

---

<div class="post-metadata">

### Author: ![REEF](https://avatars.discourse-cdn.com/v4/letter/r/ce73a5/32.png) [@REEF](https://forum.kirupa.com/u/REEF)
#### Post date: [July 31, 2004, 5:22pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/10 "2004-07-31T17:22:05Z")

</div>

> [@d100763](#):
>
> where in the site is it? The site is awesome and huge…I wonder how he did the leafs from wireframe to actual leaf?

The wireframe can be created customly in flash by tracing over the leaf. If the leaf is 3D he can also export as wireframe :).

---

<div class="post-metadata">

### Author: ![d100763](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@d100763](https://forum.kirupa.com/u/d100763)
#### Post date: [July 31, 2004, 7:15pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/11 "2004-07-31T19:15:27Z")

</div>

> [@Maxtr0sity](#):
>
> What did you use to do the tween? I’m quite interested.

take two images. Here I’ll call day and night  
  
Now crop and align in PS so the two will line up. Using a tripod from the same location marking would be ideal BTW, but I put my camera on a lightpole. Now you should have two cropped and nearly identical pictures day.jpg and night.jpg. Import them into Flash and **convert to movies** so you can adjust the alpha. Make layer one night.jpg position at 0,0. Make the fla same size as your night image. Now make 100+ frames so night layer will not change. Add layer 2. (make sure you have the exact amount of frames on both layers) Place into frame one day image. Alpha=100 by default. Select frame 50 or 55 whatever you your last frame / 2 (midpoint). At my case (55) insert keyframe select the movieclip day on layer two, drop the alpha to zero. Motion tween from frame one to frame 55. Test movie. You should see it fade from day to night, and stay there. Now click on final frame, insert keyframe and raise the alpha to a 100. Motion tween from 55 to 110 and you see the full effect. This is my first long tut / hint so bare with me. Thank you for the feedbacks.

PS I like the idea of the dusk, but the street is so crowded, main strip of Waikiki that it’s hard to get a good shot off and I don’t know if I can time it well… I will give it a shot thought. I don’t know how to shape tween a leaf like that. But any help / tut location would be great.

---

<div class="post-metadata">

### Author: ![d100763](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@d100763](https://forum.kirupa.com/u/d100763)
#### Post date: [July 31, 2004, 7:17pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/12 "2004-07-31T19:17:45Z")

</div>

> [@The Reefster](#):
>
> The wireframe can be created customly in flash by tracing over the leaf. If the leaf is 3D he can also export as wireframe :).

I see the tracing part, but did he manually build the leaf like that and if so how did it turn into the leaf, using a mask? I’m baffled at what is probably an easy effect if you got some tricks up the sleeve. Thanks Reef, if you got any tuts or hints I am all ears.

---

<div class="post-metadata">

### Author: ![Maxtr0sity](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@Maxtr0sity](https://forum.kirupa.com/u/Maxtr0sity)
#### Post date: [July 31, 2004, 7:21pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/13 "2004-07-31T19:21:02Z")

</div>

Thanks d3534656!

---

<div class="post-metadata">

### Author: ![REEF](https://avatars.discourse-cdn.com/v4/letter/r/ce73a5/32.png) [@REEF](https://forum.kirupa.com/u/REEF)
#### Post date: [July 31, 2004, 7:24pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/14 "2004-07-31T19:24:45Z")

</div>

D1007 -

Notice that the wireframe did not become the leaf. There is no need for a tutorial so I will explain it right here.

The leaf is probably a image or a 3D render ( I doubt it ). After he traced the leaf, he just made a mask to make the wireframe come in like that.

I have this wierd eye to see things exactly as it is. If you look closely, the wireframe just fades out and the leaf image (or 3d render) just fades in.

Simple simple simple :thumb:.

---

<div class="post-metadata">

### Author: ![Dj\_Studios](https://avatars.discourse-cdn.com/v4/letter/d/a8b319/32.png) [@Dj\_Studios](https://forum.kirupa.com/u/Dj_Studios)
#### Post date: [July 31, 2004, 7:31pm UTC](https://forum.kirupa.com/t/day-to-night-building/117873/15 "2004-07-31T19:31:01Z")

</div>

Hey if you want to make that day light and night thing more realistic have the lights turn off at a certain time instead of fading. Will look much better.😉

---

<div class="post-metadata">

### Author: ![d100763](https://avatars.discourse-cdn.com/v4/letter/d/71c47a/32.png) [@d100763](https://forum.kirupa.com/u/d100763)
#### Post date: [August 1, 2004, 1:50am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/16 "2004-08-01T01:50:26Z")

</div>

> [@The Reefster](#):
>
> D1007 -  
> The leaf is probably a image or a 3D render ( I doubt it ). After he traced the leaf, he just made a mask to make the wireframe come in like that.

I guess if I could see his .fla I could see it that way, it’s impressive though, has a nice look without being overkill. Thanks.

I was thinking of making a smoother fade by taking pics at 6:00/12:OO/1800/24:00 but the shade from the pole might night to get cut, it will ruin it, and be too abrupt of a change.

---

<div class="post-metadata">

### Author: ![CanadianGuy](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@CanadianGuy](https://forum.kirupa.com/u/CanadianGuy)
#### Post date: [August 1, 2004, 3:26am UTC](https://forum.kirupa.com/t/day-to-night-building/117873/17 "2004-08-01T03:26:07Z")

</div>

Looks good. Why not throw in some people. cars, birds etc.?
