New buttons

With the new layout we can now finsh all the buttons for our graffiti application, we split the buttons up equally to make the work load fair.
We all decided on a font and style for the buttons in photoshop and all followed it closely when we made them so that they all look similar.
Here are the finished buttons

New layout

We Recently Changed the layout of our CD rom, initially we were going to have 10 pages and the navigation through the pages was going to be a 360 degree shot of a setting, we were then going to screen shot 10 frames of the 360 rotation and use the screen shots as the backgrounds of the pages so as the user clicks onto the next page the camera will travel left or right to the next page.

Mike got talking to one of our teachers and Broke up the 10 pages into 4 sub sections and showed us the idea, we all agreed that this new layout is better and more suited to our CD rom.
Our new layout is going to follow the same principle however instead of having one main section which has all the 10 pages on we are now having 1 main section and 4 sub sections so we are going to film four other settings as well as the main setting for the user to travel around.
The main section is the only place the user can get to the other four sections, so if the user is on a sub section they can't travel straight to another sub section they will have to first go back to the main section then to the desired sub section.
Here is a diagram to help explain the layout



As you can see in the image the home page is the main page and the red arrows show where the user can travel to and from, the home page will have 4 pages on with buttons to the other 4 sub sections and the sub sections will have pages within them with a link back to the home page.
We believe this layout will offer an interactive environment for the user to travel around and get information/ entertainment along the way.

video editing

For our CDrom application we are making a video each to be put in the video section, Mike is doing an interview, i am doing a 'related sports to graffiti' video and Kris is making a tutorial video on how to create graffiti.
I have almost collected all my footage, i just need another section on skateboarding then i will have it all on camera.
i have edited the beginning skate part and the bmx part so far using premier pro, after effects and photoshop.
















The screenshot above is of the program premier pro, aftre i imported the footage that i have so far i edited the avi file using the time line and the cut tool. Once i had the footage in the right order i added certain effects such as 'brightness/ contrast and exported certain frames that i wanted to edit in photoshop. On the bmx scene when a bike is in the air i edited the frame in photoshop using the gradient tool etc and imported the frame back into premier pro so in the video there is a freeze frame of the bike in the air.

NOTE to upload the preview footage below i used windows movie maker and the freeze frames of the BMX's in the air arent working properly (something to do with the importing into windows movie maker) so this will look a bit different to the final edit.



The screen shot below shows what one of the freeze frames should look like that didn't work properly when i saved the avi on movie maker.

the other three navigation buttons i am designing

Here are three more navigation buttons i designed myself for our CDrom












































Like the other two buttons (Video and Timeline) i drew out an outline image of the text and scanned it into photoshop where i edited the piece using gradient tools etc.

MP3 Player production and other work in progress

Recently I have been concentrating on the MP3 player.

We captured the footage of the Dj spinning decks at 3 different angles. The following video shows the editing and animating process i went through to get the video footage for the mp3 player.

Here are some pictures of us setting up and filming.

After filming the footage, i then set about designing the flash player. Here are a couple of printscreens that lead from Photoshop to Flash.

Actionscripting my flash player is a very tricky business, and to be honest its not completely finished. Sometimes i get the script right and the just the video works, and i've never had the songs working entirely perfect yet. But all the code is essentially in and just needs a bit of guidance from a tutor.

I made the player's layout and buttons by just drawing them in in photoshop and editing them with effects until they looked like they do in the final draft.

buttons for the navigation of our application

Our CDrom application will have 10 sections to navigate through so we will need buttons that contain the section name on them that the user can press and then be taken to the desired section, e.g. 'home' page will have a button that says home on.
Me and Chris split the job role of designing these 10 buttons between us so we are designing 5 each.
Here are my first two buttons






















We all agreed that the buttons are going to be done in a graffiti style and that the user must be able to clearly read the titles so that they know which button takes them where, we also agreed on a bright colour scheme.

To get the gradients of colour on these buttons i used the Gradient fill tool (on Photoshop) and made sure that the gradient went from a fill colour to transparency, this gave me the ability to add shadows and darker colours to the text.

Finished GANTT chart

Here is an image of our completed GANTT chart.