Layout Designer: grecia. Copyright 2006
Hi there,
I've been getting a lot of emails inquiring about the layout for Sora's Heart. So I'm making this page to explain how I made it in a nutshell. Alright, well I create all my graphics using Adobe Photoshop CS2. I made all the graphics (including the Kingdom Hearts shapes, Mickey's gold head, etc.), except for most of the Kingdom Hearts II images, from scratch. As for the Kingdom Hearts II images, I did a lot of editing to create new or unique ideas such as Sora and Kairi with crowns. The logo for Sora's Heart wasn't made using a Kingdom Hearts II font, I actually had to edit the Kingdom Hearts II logo and put it together. Anyone can do this, just make sure your site's name can be made from the letters "Kingdom Hearts". This is my first attempt at making a book styled site with chains and etc. I have however made a Kingdom Hearts pencil before, and the keyblade dangling from the pencil was actually made by me by using the the pencil and brush tools in Photoshop. About the scrollbar, it's powered by 4 Javascript codes and Div layers. The codes are very long, but they help keep it stable. The rest of the layout was coded using Notepad, Editpad, and some Dreamweaver. I'm actually very surprised that the coding went smooth, without any errors.
The designing and coding process for this design took me around a week.
As for inspiration, I usually get many ideas from music and the world around me. They start out small, and I take them as far as I can. So I don't have a set plan ready when I start, I make it up as I go. I've been designing layouts for a long time (i.e. Sora's Kingdom, Sora's Hikari, Kingdom Hearts Europe, Suteki-Square, and more). And this layout is my favorite Kingdom Hearts design I've made so far. Well that's about it. I'm glad many of you like my layout! I'd also like to thank the wonderful staff that I work with, because they work really hard to make the site a great experience for everyone =)
** Bonus: Download Kingdom Hearts II Font