This is Bananattack.

Spreading the webdev love.

Posted by Overkill on July 26, 2009 at 7:06 pm under Uncategorized

Hello!~ ♥♥♥

Yesterday I was bored, and one of my housemates was working on a webpage for fun. So I decided maybe I should try my hand at redoing my website so that it has minimal eyehurt and incorporates some of my colorful artwork.

I drew a rough mockup in pencil (which I scanned for interest’s sake):
Drawing is fun!

Then I cracked open Photoshop and went to town. The end result, is what you see now! Here’s a thumbnail of the result anyways (showing the frontpage which is has a larger, more detailed header):

Just used about 3 layers for each image. A background color layer, an outline layer, and a “coloring” layer sandwiched between (The sky also had a separate ‘cloud’ layer behind the banana but in front of the background). I painted them with the regular brush tool + pick, with a few well colors chosen in advance. Screw smudge and sponging and all those extras. Also didn’t use brush opacity settings.

Oh, and of course, a little bit of fighting with CSS and HTML, but not nearly as much now as I used to!
 
 
 
Today I took my rough prototype and mashed it into a WordPress layout. Was relatively painless since it was mostly CSS changes, and a few elements being shifted around.

Oh, and Kael, Zaratustra, and Andy helped point out the hugeness of my old header through messaging on Twitter. Thanks!

Anyways, that’s all I have to say for now. Games will be mentioned soon, I promise!

Tags: , ,

No comments (make one!)


Trackback

Add your comment!

Name (required)
Email (this will not be published, but it is required.)
Website

You can use the following HTML code:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>