animated files being projected

These are the video that i will be projecting on to the wall. The idea being that a person mimic the shape of the line and make it look like they are creating it. It took some trial and error but i eventually got the shots i want.

To save time i'll upload a couple and screenshot of a selection of the rest

setting up projector

So i borrowed a projector from uni and then set it up in my bedroom, linking it up with Mac meant i could project whatever i had on my screen onto the wall.

Also from a little tester i noticed whoever i was videoing would have to stand to the side of the projected screen, otherwise their shadow would cover it, i did some test shots seen above, which show from the right angle i can still get the shots i want.

Storyboard for animation

So after i made my quick mock animation i thought before i do the real thing a good idea would be to draw up a storyboard so i can plan all the shots in advance and know how i want it to look like.

These are just simple sketches, but they get across the idea of the camera angle and what i want to shown in each shot.

 the animation will start with a person looking at the interactive board ready to start...

 then two quick shot which show the participant grabbing the headphones and putting them on. I see the animation as a sort of 'how to' video as well as trying to promote it.

 It then shows the person selecting a brush a colour ready to start spraying.

 the camera angle changes so it can be seen clearly when the person starts using the light graffiti can.

 a close up shot shows a zigzag motion as the person gets creative.

 a wide angle shot now, which shows a laptop near by which is capturing the motion and images the person is drawing in real time.

 This shot is to demonstrate that the person can select different colours throughout making their design.

 This represents the idea that i want lots of quick close up shots of different designs being created.

 Then the camera goes wide again and you get the image of the final design.

Finally it shows the design being saved to the computer where it will be compiled and projected onto the city hall later on in the day.

Throughout my animation i'm wanting a piece of music to be playing in the background. Im going to look into the alight twilight event again and see if it gives any information as to what songs are going to be played so i can choose a relevant song that people can design to.

developing tool tables

My intention was to create something that could be used easily and be friendly to both children and the elderly. So the idea was to have it plain and simple, so the participant could focus on their design rather than getting confused with using the technology.

 This was my first attempt, i first i just wanted the bare minimum like colour brush options. However i found out i would need more to accommodate people's needs when designing.

 To start with i re-designed the colour tools section. I felt the previous design was too small and would be difficult for someone to choose a specific colour especially if this is relying on touch screen technology

 I then added the brush section, which also has been changed to look a lot neater and cleaner. I also added the option to chance the brush size swell as the style.

 Thinking about it made me come up with more options such as a undo/redo button and also the option to rotate your design.

 To finish off the tool sections I made two large buttons, one to represent a paint brush, the other for a eraser. This is so the drawer knows which option they have selected.

I finished it off by added faint grey borders to keep everything contained and neat. I also added grey border for guidance, to represent the area where the audience member should draw.

I'm pretty happy with the result, The design is simple, clean and hopefully clear and can be easily understood.

looking into tool sections

Whilst creating this animation it came apparent to me i needed to show how the audience will be able to change the colour of the brush. This lead me to thing of other things, such as the brush size, the type of brush and what if they want to erase certain area.

I knew then i needed to create some kind of tool section on the screen, where people can touch and select what they need. So first i wanted to look at existing examples.

Photoshop

MS Paint

Mock animation

Creating mock animation in after effects

i want to create a quick video demonstrating the idea of what i have. This way having a visual example will make it much easier to understand. Furthermore it will highlight areas where i can work upon in my final video.