Project+3+DylanBS

[|Project 3]. Done as i want it to be. *Open in Safari*

The Letters above are my modified letter forms relating closely to justice:

The *JU* letters have the blindfold wrapped around each character, which is warn on Lady Justice's face. The *S* contains the shield, which stands for the protection of citizens and people within or daily society. The *T* represents the scales that Lady Justice holds in her right hand, displaying an unbiased nature, and equality. The *I* is a chess piece or "King", representing the judge who decides in the justice that may occur / punishment to promote justice. The *C* is the sword / gun that is held in Lady Justices left hand, representing the courts power. The *E* represents the world, not only in the context of rights / law standards world wide, but my sites opening page link.

The text above are sketches from the popular typeface ITC Franklin Gothic, which i used as my base for the letters forms. The creation of the rollovers took a long time to create, in which i used tracing paper to re-sketch my letters and add the different symbols closely related to the term justice.

http://www.youtube.com/watch?v=erwfhT7e_HI The Music in my webpage was created by a band called "justice", the song is one of my favorite songs.

A) B)

A) This Image of Lady Justice, is done in the style known as Steam Punk, which is a science fiction alternative history created a between 1980's -90's. This style involves and is based from the era where steam power machines were the daily norm, this is usually in collaboration with the 19th century victorian era.

B) The Image in an abstract drawing of a steam punk robotic brain, which is used twice throughout my web page, firstly as a scroll bar that goes behind images and in front of images as the sliding JQUERY add on is in motion, creating more depth to my piece. It is secondly used as a button to link to one of my processing sketches of captain america's shield bouncing side to side.

This example piece of fabric has had the colour manipulation done to it, in photoshop where i changed the vibrancy and exposuer to allow for more of a rich colour. It has a greater appeal than the original image. The darkened corners allow for my the pieces of fabric to hi-light my hand sketches through-out my side scrolling website.

My Journey took me to Fabricland, where i went on picture rampage for victorian styled fabrics. This included patterns that have a highly decorated feel, displaying a feather/planet like flourish that is extremely common within the steam punk style, past in history with close relationship to justice.

PROBLEMS & SOLUTIONS: 1) When asking many students within second year, how to embed a video into my HTML file, no one really had an answer except for embiding a youtube / vimeo video, which i already knew about. I wanted to figure out how to embed an video from a file on my desktop rather than from online, just to increase my knowledge on html and css a little bit more.

1A) To my surprise it was rather easy to incorporate the video from the same file as all my other items using the simply tag:   by using the  Tag, I was able to make it an object, and then use tag to simply place it on the page and have it play automatically behind my shield.

This Sketch is displaying the crossing sword and rifle, the sword baring a strong relation to the one Lady Justice holds, but while incorporating a more steam punk style. The rifle was my own little invention to symbolize the change in our society from sword to fire-arm, while also keeping the steam punk style alive and well.

The Scale is similar to the Sword and Rifle listed above. All the images were drawn extermily big on large sheets of white paper "30x20", then scanned in and redrawn with the pen tool. The old pencil copy of the image was then placed in the background to show some of the eraser marks / mistakes to give more or a dirty grimy feel.

This was my mood board to help my creative juices get flowing!

http://demos.hellohikimori.com/diesel-otb-ironman/

http://www.somethinginthesea.com/home.html