Gaudi and surrealism : Digital Graphics for Interactive Media Unit 18

In this unit we had to create 3 banners realating to surrealism or the project overal which would be suited for the web.
I first done initial reasearch to find out what banner was and look more into detail how they were used. From that i found out the type of formats you culd export web banners as then i began to draft my ideas as 3 storyboards in my sketchbook.

 this is the image of the story boards 1 & 2 for the banners that i had started.

 One of the ideas i had for my banner was to ust have a skull cracking sayin surrealism. As the skull was one of salvador dali's work and he is a well known surrealism artist. I also added a backgound similar to his in the skull painting and painted it with a cartoon effect in photoshop. Then i added it to the flash library and started to animate it on each keyframe. The specification for this banner is: (see below image)

1ST BANNER: BANNER 1 DALI
.SWF 
POP UNDER (720X300)
PAL D1
SIZE: 11.8 KB (12,149 bytes)
CREATED IN ADOBE FLASH CS4

 

 

 

 

 

 

 

 

 

 

 

 

The reason i chose to do a Pop Under banner was because i felt that it was a good size in which i could fit all my designs in and the graphics animation would ru smoothly and the audience could view it.

The second  and 3rd banner that i did wasnt animated as much as the 1st one as the first one was a swf flash document the other 2 are gifs which was more of an image based type animation not too complicated as the swf.

This is the second banner that i did which was a leaderboard size, the reson for this isze is because its one of the most poular on websites as it doesnt take up alot of space on the pag and its eyecatching because its one the 1st things a visitor to the site see's. This time i added red and yellow stripes to represent the colours on the barcelona flag with a text sayin saying surrealism. The specification for this banner is:

2ND BANNER: SURREALISM-BANNER-2
.GIF     | EXPORTED FOR WEB
LEADERBOARD (728X90)
SIZE: 14.7 KB (15,143 bytes)
NO COMPRESSION SETTINGS
CREATED IN ADOBE PHOTOSHOP CS4

 This is benner 3 in this banner i also used gif format but this time created a Pop under type banner abit more squared in size. The banner was just one of salvador dali's paintings of the cloud in the eyes which i made animate in the pupil and move around like a real eye in photoshop. The specification for this banner is:

3RD BANNER: SURREALISM-BANNER-3
.GIF     | EXPORTED FOR WEB
SQUARE POP-UP (250X250)
SIZE: 64.6 KB (66,235 bytes)
NO COMPRESSION SETTINGS
CREATED UN ADOBE PHOTOSHOP CS4

 

Overall i think that this assigment was varley easy apart from the idea storyboarding as i didnt know what i wanted to do at 1st and it took me quiet a while to think of 3 ideas. The making process was the part i enjoyed the most and my favourite banner of all 3 has to be the 3rd banner as it is simple and effective.