View allAll Photos Tagged AdobeFlash
Venus | gwennie2006 • flickr™
stairway2heaven | gwennie2006 • flickr™
fiveprime.org/hivemind/Tags/Stairway2heaven/
______________________________
Higher quality version | GrfxDziner.com...
Some old stuff that I still like. Wandering particles leaving inky trials. Simple, but nice.
Programmed in ActionScript 2.0
Yet another response to an An Event Apart photo rapidly generated during my lunch hour.
Sorry about the glitches, but I have to get back to work.
Yes, I've done this before.
Forgive me.
Original photo by Jeffrey Zeldman here. Other bits were appropriated.
Very happy today. My baby project in 2006 got featured in Step Inside Design September/October 2007 issue (print edition), and they gave me a pull quote.
Read my blog post to see the full text of the article, interaction model, credits, my personal notes on the project and my personal thank you notes. Here is a snippet of the article:
Step Inside Design article (StepInsideDesign.com)
September + October 2007 Print Edition
Step 2007 Best of Web
Winning Sites: LightToUnite.org (LightToUnite.org)
IconNicholson
“Light is the metaphor for hope and knowledge,” says Gregg Fisher, vice president of Health and Life Science Practice at IconNicholson.
So it only seems appropriate that the firm developed an interactive candle-lighting experience for the 2006 Light to Unite website. This annual campaign from Bristol-Myers Squibb raises awareness as well as funds for HIV/AIDS treatment and prevention in the U.S.
“When people start to think about AIDS, they often think about Africa,” says See-ming Lee, art director and senior interface engineer. “It’s still a very serious disease in the United States.”
—Michelle Taute (LinkedIn) / Writer + Editor
Step Inside Design Copyright Notice
Copyright 2007 Step Inside Design. All rights reserved.
IconNicholson Team (IconNicholson.com)
Gregg Fisher (LinkedIn)
Jabe Bloom (LinkedIn)
Jennifer Crowe
Mark Hopkins
Scott Friedberg (LinkedIn)
See-ming Lee (Blog / smlDelicious.com / Flickr / LinkedIn)
SML Universe
SML Pro Blog: Light to Unite 2006 = Best of Web 2007 / Step Inside Design
SML Copyright Notice
Copyright 2007 See-ming Lee (SML Pro Blog). All rights reserved.
Tutorial overview:
A successful logo design needs to be both professional and functional. It might be the first piece of branding someone sees relating to a company, so it should make a positive impression. So I’ll share my techniques and experience in Logo Design behind the Scenes. I walks through the fundamental decisions, such as what information to include, what size and orientation the logo should have, and whether to use in corporate identity, TV production, Web publishing. I demonstrate how to set up a template and work with type alignment and color. Also discusses animation techniques and preparing the file for printing, TV production, Web Publishing. How to integrate and fill the gap between 6 software is my goal in this tutorial. I'll use Adobe Photoshop, Autodesk Maya, Adobe Illustrator, and Adobe after Effects, Adobe Flash and Adobe Dreamweaver.
Topics covered:
Quick Sketching
Logo Exploration
Logo Modeling
Producing Logo to several illustrators formats
Animation approach
Animation Composition
Web Animation and production
3d logo design - Logo Design behind the Scenes - Part 1
01: Intro Goals.
02: 1st stage Sketching ideas.
03: Modeling, Texturing, Lighting, Rendering and Detail Design.
04: Put the logo into Layout.
05: Illustration stage.
06: 2nd stage animation.
3d logo design - Logo Design behind the Scenes - Part 2
07: animation composition and finalize exporting HD.
08: 3rd stage Web Production.
09: Final Design, animation inside HTML page.
Details:
01: Intro Goals
In the first stage we have a look to our goals before we start working to know who exactly we should do. We will prepare our logo to be ready for printing, TV production and Web Publishing. As a designing apprentice I have always asked myself what is the best method for designing something or that particular logo. It is evident that you can apply different methods for doing the same logo, but the quality of the output might vary according to the method you use.
02: 1st stage Sketching ideas
Then the process of swirling out your ideas begins. It doesn't matter if the sketch looks like monotone; you are just throwing ideas down onto a white blank page at the moment. I used tablet here. Just try to find ideas and concepts using balance. What I mean with balance is our logo should be physically balanced inside our design. Just imagine if you create that logo in real life with clay or wood and try to put it on a flat surface it should be stable balanced. Once I had placed some ideas down on paper you can scan them in and dive into your image editor of choice if you would like. I'm using Adobe Photoshop for this one. The method I use to create logo could be wildly different from someone else so go with whatever method feels comfortable. The end result will be a series of scaled resources that the OS will use in different views.
03: Modeling, Texturing, Lighting, Rendering and Detail Design.
Then the process of swirling out your ideas begins. It doesn't matter if the sketch looks like monotone; you are just throwing ideas down onto a white blank page at the moment. I used tablet here. Just try to find ideas and concepts using balance. What I mean with balance is our logo should be physically balanced inside our design. Just imagine if you create that logo in real life with clay or wood and try to put it on a flat surface it should be stable balanced. Once I had placed some ideas down on paper you can scan them in and dive into your image editor of choice if you would like. I'm using Adobe Photoshop for this one. The method I use to create logo could be wildly different from someone else so go with whatever method feels comfortable. The end result will be a series of scaled resources that the OS will use in different views.
Modeling
For a non-organic bending object such as the subject of this tutorial it is wise to use polygonal modeling unless you care about the quality. Polygon modeling has always fascinated me especially with the accuracy it provides for making industrial models and its flexibility. The good thing about Autodesk Maya is that it provides both a strong NURBS system and a multi-optional NURBS to polygon conversion dialog, where by we can convert our detailed NURBS model to a polygonal object with the desired number of faces.
The aim of this tutorial is to provide a practical guide for the novice Polygon modeler, whereby he/she can practice the basic methods through designing a somewhat complex object. Of course, this tutorial does not cover all Polygon commands but rather most of them.
Now observe and contemplate the above sketching image for a moment; try to visualize it from front, the front view: that's the key point in making the logo.
First we will begin with a set of primitives for different logo parts. I make a sphere (polygon sphere) then 4 twisted cubes. To make twisted cubes in Maya it's just easy. Make a cube then go to deformers panel and use the twisting toll. After made a 1 twisted cube, duplicate it 3 times with 90 degrees. Then put them together to fitting in the sphere.
That's exactly my idea represented. I have a point in this logo which I can say the sphere represent the red word and the 4 twisted cubes represent how mush it's secured.
The next step is to create mental ray subdivision from approximation editor panel. I like to make the N subdivision as a 2.000 points for sure that's give me a good smoothed mesh and also at any time I can go back and make any changes in low poly mode.
Texturing
The texturing stage is the most important part. Everyone who's worked before with 3D texturing knows that every texture have an advantage and disadvantage. We can see that the Lambert shading absorb lights. Also we knows about the phonge shade it's reflect lights with angels and have a different characterizes instead of blinn shade. So I render the logo 3 times 1 with blinn shade, 2 with mia_material and phong shades. By this way we mention that we have the logo in 3 different characteristic so we can use this 3 together in later steps.
Lighting and Rendering
Let's talk about lights. I use in this scene 9 lights. Our goal in lights is how to use a minimal number of area and point lights to recreate all direct and indirect light sources for a logo. They are 8 area lights and 1 point light. The 8 area lights have a very small intensity. Also I used the white light color. In This technique we use Global Illumination and Final Gather.
Final step in lighting and rendering is to render the logo in 3 different images every image with a different shade.
04: Put the logo into Layout
lets go to Adobe Photoshop and open the 3 images we exported from Maya. Actually I like to export images as a .TIF images. Taking the 3 images and put it together in Adobe Photoshop blind them together. I used overlay blinding mode. Then finish by company name and the caption.
Also I simulate a deep shadow behind the logo. Its give me a nice look.
In this stage if u would like to represent that logo to the client u have or to your boss. That's will fair enough.
05: Illustration stage
For the first time I present this tutorial someone ask me... hay the logo u created now is fine but do u think is it ready for print in big scale like billboards?..
Actually it's a very good question because for sure we need the logo to be ready in everything from print to TV production to web production as we agreed in statge1. So I'll start now to give u my approach for how to export our logo as a vector (scalable) shape. We will go back to Maya and use logo model and exporting into a different illustrator types. I used here Maya vector render and I use some options like curve tolerance and detail level to end up with different logo versions. 1 with dark colors, bright colors, and wire frame, etc… everything is vector we can export it as an AI file and import it to adobe illustrator. Easily u will find that our logo is now ready to use it in printing elements safely if we need to print it in higher printing elements or huge billboard.
We finished now the stage 1 which is creating a 3d logo ready for print production.
06: 2nd stage animation
Okay... Let's animate. We will go back to Maya and starts animate our logo. I start by prepare my timeline with 72 frame. This will give me 3 seconds (24X3=72). Animate the sphere shrink in then shrink out until its stop. Then about the 4 twisted cubes I animate it in 360 digress reversed. So it's give me a very nice effect. So what we have now is shrink sphere and 4 rotated cubes. I think it's Looks good for me now. For sure I'll go to the timeline and play the frames fast, slow, reversed, etc... Check if anything looks weird or out of scene.
So we have now 72 frames let's render it in .PNG sequence of images. And have a look for the animation when it's finish render.
07: animation composition and finalize exporting HD
So we end now with 72 PNG sequences of images. If u thinks about composition for sure we will think about Adobe after Effects. You can import the 72 images directly to Adobe after Effects but in this tutorial I convert this sequence to 1 MOV file using quick time. So I open quick time then open the sequence of image and save as a MOV file.
So let's import the MOV file to Adobe after Effects and start composition. First effect I have used is the auto level effect. It's just makes the logo looks fine and has a deep look. Also I just check some other effects like rippling and bouncing and I end up with the 3D rippling animation. I make a radial gradient for the background to give me nice look when the logo animate. So I'm happy for what I end up with now
Let's render our MOV file from Adobe after Effects and finally the logo now composite fine and ready for TV production.
08: 3rd stage Web Production
After we have our composite MOV file let we think about web animation. Actually Adobe Flash is the solution. First I prepare my stage in Adobe Flash 640X480 as we rendered our files and also prepare my timeline and frame rate 24 FPS. Now we are ready to import our animation file. But the MOV file has a huge size and we shouldn't use it for web. That does will take a lot of time in loading. So I think about converting this file to FLV file using Adobe Flash CS3 Video Encoder. Start encoding and we have now a small FLV file. So import the FLV file and check it in Adobe Flash. After everything is looks fine and small size the only one problem is the frames looping. So I add one Action Script behavior to stop the animation when it's finished (played for 1 time). So our file now ready for publishing from Adobe Flash we will end up with HTML file contained the flash SWF file.
09: Final Design, animation inside HTML page.
The last step in our entire tutorial is to open the HTML into Adobe Dreamweaver and center the flash object (SWF file) and we can easily type welcome to red secure website and it's now ready for Web Production.
So that's the end of the tutorial. I hope u like it... See u :)
feel free to contact me ..
--------------------------------------
AIM: Peter Mikhael
Mobile: 20122786770
Current Town: cairo, Egypt 12346
Website: www.petermikhael.com
Mail : peter@petermikhael.com
This is a frame from a video. You can watch it on Vimeo.
Colors... volume 2
Foo Fighters | Best of You Official! • mai.RU™
@2:18, type in concentric circles.
Tonic | If You Could Only See Official! • mail.RU™
Marshall Tucker Band | Can't You See Live! • mail.RU™
Blogger GrfxDziner | Moonstruck Heart Breaker [Go Dahlia!!!!]...
GrfxDziner.blogspot.com/2018/02/moonstruck-heartbreaker-g...
CDcoverGrfx search | flickr HiveMind:
fiveprime.org/hivemind/Tags/CDcoverGrfx
____________________________________________________
fiveprime.org/hivemind/Tags/GrfxDziner,venus
fiveprime.org/hivemind/Tags/gwennie2006,venus
animation.cs.manchester.ac.uk/
Calling all school students aged 7 - 19! Make a computer animation and win great prizes!
You can use Alice, Scratch, Adobe Flash, Serif: Draw Plus, KoolMoves, SWiSH Max4 and Blender - make a 1-minute animation. Full details. And to celebrate Alan Turing Year (2012) we have a special prize for animations about Turing and his work.
New for 2012!
This year we are partnering with Computing At School to also host their "Codebreaker". Codebreaker is a Greenfoot-based progamming competition for schoolchildren from Key Stage 3 up to 16-plus. Animation12 and Codebreaker are separate competitions, but you can register and submit entries for both using our website.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
The University of Manchester School of Computer Science launched the UK Schools Computer Animation Competition in 2008 as part of Digital60 – celebrating the 60th Anniversary of “The Baby”, the world’s first stored-program computer, designed and built at The University of Manchester.
The Competition, held annually, is designed to enthuse schoolchildren aged 7-19 about Computer Science. To enter, children create an original computer animation, up to one minute in length, using any of a number of eligible packages including: Alice, Flash, Scratch and Serif Draw. Children can enter as individuals or in small teams, and win prizes for the best work in four age groups: 7-11, 11-14, 14-16 and 16-19.
Our summer Awards Festival is held at The University of Manchester, when winners receive their prizes, and over 300 guests attend talks and spend time in activity rooms exploring the fun side of computing.
The Competition is open to all UK schoolchildren aged 7-19, and is completely free. Teachers: register at elearn.cs.man.ac.uk/animcomp/index.cgi?block=2
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
How to Make a Flash Website - PowerPoint Slides
Here are the resources I use: www.sidewages.com/resources/
Maybe a Static Site is Okay
- flat look and feel
- doesn't change
- any tools will work
- Web host CPanel has tools
- WordPress a good option
No Way, I Want a Flash Website!
- heavily graphic oriented
- embedded video files (protected)
- other dynamic information
- dynamic user interactions
Getting Started With Flash
- Adobe Flash is the tool of choice
- Some learning curve
- Relatively simple when up-to-speed
Warning About Flash
- Seems to be losing some steam
- Might not be around for long
- Proceed with caution
Don’t Forget the Books
- Flash coding book for reference
- Find problems quickly
- Have help online or offline
- Catch it before you publish
Go Pro and Get to Learning
- Get over the learning curve
- Consider professionals
- Or go it alone if you have the drive
- Get busy creating!
Here are the resources I use: www.sidewages.com/resources/
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
SML Pro Blog: Project Rebirth / 2004 / SML
Project Rebirth (www.ProjectRebirth.org)
Chronicling the Rebirth of Ground Zero in New York City
Screens (11 Total)
+ 1. Home
+ 2. Timeline: Camera C: View Cone
+ 3. Timeline: Camera C: Information
+ 4. Timeline: Today: 2004-11-17
+ 5. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Documentary
+ 6. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal
+ 7. Timeline: Project Journal: 2003-11-23: Event: Opening of the PATH Train: Journal Detail
+ 8. The Film: Project Journal
+ 10. The Rebuild about Ground Zero
Awards
+ Design Interact Site of the Week: 2004-12-20
+ Graphis Interactive Annual 3, 2005
+ One Show Interactive 2005 Merit Award
+ Web Marketing Association's WebAwards 2005: Best Non-Profit Website
IconNicholson Team (IconNicholson / LBi International)
+ Claudia Chow (Google / LinkedIn)
+ Katharine English (Google / LinkedIn)
+ Leslie Freeman (Google / LinkedIn)
+ Larry Burks (Google / LinkedIn)
+ Miles Kafka (Google / LinkedIn)
+ Paul Wood (Google)
+ See-ming Lee (Blog / Flickr / Google / LinkedIn)
+ Tim Murtaugh (Flickr / Google / LinkedIn)
Design Interact: Web Site of the Week (www.designinteract.com/sow/122004/)
Week of December 20: Project Rebirth Web Site
Project Rebirth is an online chronicle of the rebuilding of the World Trade Center site. As immediate and compelling as a physical visit, this project gives people the opportunity to observe and share in the progress of the reconstruction.
Newly released at the time the team was considering technical specifications, thisProject Rebirth Web site site uses the FlashMX development environment to full effect. Functioning as a portal to extensive content, the beauty of this Web site lies in its ability to be current and historical. With a visual design that appropriately takes a back seat to the content, it records ideas, images and interviews in their original context while also allowing for their evolution.
Primary content consists of a series of video images (presented in a timeline format) captured by six, 35mm time-lapse cameras positioned by Project Rebirth around the World Trade Center site. They shoot one frame every five minutes—and will continue to do so for ten years. The images enable the viewing of the rebuild as it occurs on any date; in seconds, visitors can see the footage of a single day. There are also interviews with reconstruction overseers, journals by filmmakers and video of major milestones in the redevelopment efforts.
Project Rebirth Web siteThe key challenge for the developers was to create an interface that would incorporate what would ultimately be ten years of film footage, that didn’t inundate visitors and yet communicated the passage of substantial amounts of time. Their solution is an interactive, XML-driven timeline that delivers fluid viewing of time-lapse footage. It provides an appropriate time-based metaphor that also does a nice job of integrating video, audio, imagery and text-based content into a single interface. The time-based experience allows access to any moment in time and provides the ability to navigate the Web site by date and/or event. Our one complaint: The link from the home page, to this main feature, looks far too much like header art. We would have liked to see billing more in line with its importance.
This collaborative effort between Project Rebirth and IconNicholson began in the summer of 2003 and the site launched in September 2004. On average, visitors are staying on the site 19 minutes, which is significant in comparison to Internet-wide stays at sites with similar content. Interestingly, international users comprise 30% of all visitors.
Robert Fisher, creative director
Claudia Chow, art director
See-ming Lee, timeline art director/developer
Larry Burks, information architect
Miles Kafka, CGI programmer/engineer
Tim Murtaugh, HTML developer
Leslie Freeman, producer
Katharine English, Project Rebirth, general manager
Paul Wood, Project Rebirth, technical producer
IconNicholson, site design and development
Web site: www.projectrebirth.org
Web site: www.iconnicholson.com
©2004 Coyne & Blanchard, Inc. All Rights Reserved.
SML Copyright Notice
©2007 See-ming Lee / SML Flickr / SML Universe. All rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.
Photograph from India Game Developer Summit 2010 (Lite Ed.) held in Bangalore, India, 27 February 2010, produced by Saltmarch Media. Photograph ©Copyright Saltmarch Media. Non-commercial use permitted with attribution and linkback to this page on Saltmarch's Flickr photostream. All other rights reserved.