Tuesday, March 13, 2012

DMA455 Final Project RFP


For this project, the goal is to create an online only, stand-alone deployment of an audio visual video. We are to use visual elements to describe sounds or music. The song that will be used will either be an instrumental of Mutemath’s Noticed, or Pink Floyd’s Money. I have chosen these songs because they are somewhat simple, yet intricate at the same time. In listening to these songs, I can visualize the different frequency levels displayed in different ways, and so would like to put this to life.
My inspiration for this is the abstract qualities from the examples demonstrated by HYPE Frameworks as well as www.mathandflash.com.
Any font that will be used throughout the video will be STRUNGOUT by Xerographer Fonts. I have chosen this because it gives the impression of ‘abstract’ and is also very visually aesthetic compared to typical serif/ sans serif fonts, while still being ‘toned down’.
Colors that will be used are as follows: (hexadecimal values)





Most of the colours are warm colours, and this will be to emphasize bigger actions or ‘spikes’ from the frequencies. The darker cool colours are meant to be background colours, still serving to the overall picture.

Thursday, February 2, 2012

OFFICIAL NYC VIDEO and SONG NOW AVAILABLE!!!

After months of working and waiting, The Bloody Five's FIRST music video shot in New York City is finally released today! :D

You can check that out here:

http://www.youtube.com/watch?v=cRjHtEayMxw

And you can check out the official band website for more news and content here!:

http://thebloodyfive.com/

Visual Audio Assignment Part 1

The goal of this assignment was stated as:

"You have been asked to provide an audio experience proof of concept using just this simple FLA sample file and replace the visual elements and audio source.

There is a catch - no vector data can be used for the visual assets. The replacement visual assets must be bitmap based( aka Jpg, png etc …. )

The second requirement, The bitmap based replacement assets must have some connection to the audio that can be
explained in a few sentences. "

So here-we-GO!

Using an open source FLA file from HYPE frameworks, I first had troubles finding a song that worked somewhat well with the original code. I had ideas for faster songs, but they did not capture as smoothly as I had hoped. This led me to experiment with one of the slower songs that I had  created with my band called Just Joking. **Free to download at www.thebloodyfive.com**

The spinning background picture of the galaxy (found here: http://apod.nasa.gov/apod/ap050825.html) was used to give the feel of vastness and to calm and sooth the viewer. I feel it suits the music, in that it is easy going (slow spin) while still figuratively explaining the intensity of the songs lyrics. The second lighter spiral (found here: https://mymsd.msd.lbl.gov/node/892) was used to emphasize the effect of the first image, in a reverse rotation.

Finding an image to use for the bitmap content was the hardest part of this so far. I had no idea how to represent the music, and with what images. It is a darker song, and so some first ideas were an eyeball, which added weirdness, but did not relate. Next I thought of some sort of explosion to relate to the space background, but this did not relate to the music again, and I could not find a suitable picture. So after thinking and experimenting with different pictures for quite a while, I listened to the lyrics carefully, and finally derived my interpretation of the them of time. And so, I decided to use a simple but effective clock, found here: (http://modmyi.com/attachments/forums/iphone-4-new-skins-themes-launches/479771d1288868032-50-clock-faces-png-format-white-clock.png). I found one without hands because I felt it better suited the music as being 'timeless'.

From this prototype, I would like to, if at all possible represent the sound with images of the instruments being played. So for example, when you would here a bass drum THUD, it would be represented by a bass drum. Same thing for guitar, or cymbals, etc.

Here are some example screen shots of different results throughout the song:




I encountered some errors and difficulty arranging and sizing the clocks. I was going back and forth between 3 clocks and the 8 now, and noticed it displayed better with the 8, and gave a fuller effect albeit the 'cluttter' compared to the 3. I also had trouble bringing it into after affects, because it would become extremely pixelateded once it was created into a new composition. From the suggested tutorial we were provided for this (found here: http://gotoandlearn.com/play.php?id=89 ) I realized was not needed for my composition.

From this I would like to find out how to attach seperate pictures to the different frequency levels if possibly and be able to move them around, so they are not in a line. I would also like to continue experimenting with other songs and see if consistency can be fixed.

Here is the final video! I had fun making this, and am going to continue experimenting new songs and possibilities.


http://www.youtube.com/watch?v=u9C3AHv4thA&feature=g-upl&context=G243939dAUAAAAAAAAAA

Saturday, November 26, 2011

Red Bull Game Interface Concepts

The next step in the assignment was to create a landing page concept, as well as an in game concept. In my original outlook, I was trying to go for a completely new look. This is hard to do for a pre-established and well branded company, so instead I decided to work with their own material. My main foundation is the saying, "Red Bull gives you wings."

From this I worked with background images of skies and clouds, and used cool colours to emphasize this theme. My next idea/ step is to implement a fractal zoom video ascending upwards until finally it comes back down, representing Red Bull's energy drink effects. This would replace the blue background on the stage now.
Personally when i play games on websites I don't want a lot of distractions, and although effects are sometimes nice to look at, they can become annoying and 'in the way' after a while. For these reasons i decided to have a simplistic yet effect display.


 **This is solely intended for educational use as school assignment. All rights, permissions, and credits go to their respected owners.**

Friday, November 25, 2011

Flash 'RedBull' Themed Pong Game

As part of a school assignment, we were to design and develop a Pong game focused around a theme. The theme given was for the company RedBull. Here is my wire-frame mockup that simply shows the functionality of what the game will do.

Friday, April 22, 2011

FREE Textures! Week 13, 14

Hey all! Here are my final set of textures for now!:









Celebrity Painting

For this assignment we were supposed to use a similar method as the Robocop assignment (http://roblogzone.blogspot.com/2011/04/robocop.html), except recreated an already coloured picture to create a 'brushed/ painted' look. Here is the original photo I chose:

 And this is the product I came up with:

Unlike the 'Robocop' picture, I did not use a tablet for this picture. The tablet sure does help with the 'feel' of creating these, and ultimately I think produces a better image just from the method and ease of use. But I am still happy with this outcome.