Workbook The Banner
Client
Intergraphics
Title
“The Banner�
Spot
Thessaloniki
Job #
1
Workbook The Banner Prepared for: Intergraphics College, Edexcel, BTEC Prepared by: Konstantinos Chatzichristofis
December 12, 2011 Course: HND in 3D Design Unit: Animation Techniques for Interactivity in Art and Design Assignment: The Banner Tutor: Velentzas Daniel
Page 1
Workbook The Banner
Client
Intergraphics
Title
“The Banner”
Spot
Thessaloniki
Job #
1
Introduction Ideas Generation One banner design that could be quite good for my purpose was to use a static banner ad with a single image and a short message (or slogan) that advertises to the website user what there is on the next page if he clicks on it. Another idea would be to use some interactive technologies like Flash, in order to develop a kind of banner that invites the website user to take part to an action. One such an example would be to use some popular game or movie elements as part of a scene in order to invite the visitor to participate on it. At the right moment, I could show him an appropriate message related with my blog and I could ask him to click on it. A final design idea which I decide to use for my banner was based on the thought that if I attract the website visitor’s curiosity, letting them to guess what happened to the artworks, then it will motivate him to click on it. For example the whole story could be a burglary or another version is that exhibits are alive (as in Night at the Museum) and run to avoid the falling logo. For this reason, the proposed banner was designed using interactive technologies (Flash) and with attractive design as you see below, in order to attract people’s interest to visit my blog, which contains my portfolios and several creative projects.
Storyline Initially there will be full darkness. After, the artworks will appear illuminated by spotlights. Next, a invisible glass will break causing blackout and the artworks will run away from the platform. Then, will be playing a falling sound effect. During the sound, the lights will be looking for them. Then the logo will fall down with speed, causing smoke and noise. Finally, the logo will move to the center and a text will appear.
Banner Dimensions Pop-Under, Width: 720 pixels, Height: 300 pixels Page 2
Workbook The Banner
Client
Intergraphics
Title
“The Banner”
Spot
Thessaloniki
Job #
1
Shot 1: Full Darkness
Shot 2: Middle Light On, Sound: Switch On Sound Effect
Shot 3: Left Light On, Sound: Switch On Sound Effect Page 3
Workbook The Banner
Client
Intergraphics
Title
“The Banner”
Spot
Thessaloniki
Job #
1
Shot 4: Right Light On, Sound: Switch On Sound Effect
Shot 5: Blackout, Sound: Crash Glass, Electricity, Fall Sound Effect, Running
Shot 6: Artwork Left, Sound: Fall Sound Effect Page 4
Workbook The Banner
Client
Intergraphics
Title
“The Banner”
Spot
Thessaloniki
Job #
1
Shot 7: Lights Search, Sound: Fall Sound Effect
Shot 8: Logo Falls, Sound: Fall Sound Effect
Shot 9: Logo Fell Down Causing Smoke, Sound: Noise Sound Effect Page 5
Workbook The Banner
Shot 10: Logo Goes Up
Shot 11: Logo Went to Center
Shot 12: Text Appears Page 6
Client
Intergraphics
Title
“The Banner”
Spot
Thessaloniki
Job #
1
Workbook The Banner
Client
Intergraphics
Title
“The Banner”
Spot
Thessaloniki
Job #
1
Artwork
My artwork created for university projects, available on my blog “consta-dean.blogspot.com”.
Logo Traveling Typewriter by Carl
consta-dean.blogspot.com http://www.dafont.com/traveling-typewriter.font?text=consta-dean.blogspot.com
Visual Effects Spotlights, Motion Blur, Smoke created using the application Adobe Photoshop CS5
Sound Effects • • • • •
Spotlight Switch On: http://www.freesound.org/people/FreqMan/sounds/25862/, Electricity:http://www.freesound.org/people/Halleck/sounds/19487/ Crash Glass:http://www.freesound.org/people/Rock%20Savage/sounds/59263/ Whoosh Falling: http://www.freesound.org/people/Dymewiz/sounds/112827/ Crash down:http://www.freesound.org/people/m_O_m/sounds/109073/, http://www.freesound.org/people/Syna-Max/sounds/56586/
Page 7
Workbook The Banner
Client
Intergraphics
Title
“The Banner�
Spot
Thessaloniki
Job #
1
I draw some drafts sketches in order to help me find the concept idea and create the digital storyboard.
Page 8