ZEPHYRE PRESENTS
Friday, June 19, 2009

not a very new work, but is certainly one of the newer (and smaller) ones. I think i'll make this one quick.

an online friend of mine, who's online identity is Zephyre, asked me come up with the opening title for a video-game based movie (machinima) that he's making. This isn't going to make it into the final product because it didn't fit the movie's timeline, but on its own, this one's pretty okay.

Iteration 1


the same lighting technique used to illuminate the darker parts of the text (mainly the back), that was used in the blogOSHT banner, was used here. It's a simple and yet powerful trick, to give stuff differentiated lighting. The main advantage of doing this here, is to make sure the back portion of the 3d text doesn't blend so much into the darkness, so much so that it starts to look flat. This iteration was dumped, because it just wasn't according to design.

Iteration 2


this one's a different design altogether. It's a first go at plastering a fake reflection map unto the text. As I was experimenting with different maps, I removed all lighting from the scene. That's how the text looks almost completely flat, with no depth at all. What's here is what you see: it's just a plastered reflection map, with no parameters set. It's flat, and the text looks masked. The only step forward here, is the reflection map itself.

Iteration 3


The text is made smaller on purpose. By request, and to suit the video my friend was making. Same lighting technique as iteration 1, but slightly tweaked. Nothing much to say, except that, in my opinion, the reflection made this text look really pretty. An animated reflection doesn't say much when it's in a still frame like this, but I suggest you download and view the full animation to see how much substance the reflection map really adds to the text.

you can download and view the fully animated moving reflection animation here:

blogOSHT's design process
Wednesday, June 17, 2009

since this is the first *official* post here on blogOSHT, I thought it would be a good idea to talk about the design process for blogOSHT.


The blogOSHT banner:

I didn't know where to start, but I had this idea of text, on a floor, in empty space. I also had in mind, a clean, white feel to the blog, with subtle colours, to give an overall smoky feel to the blog. Early iterations of the banner proved that this would be a difficult task.


as you can see, while the background is completely white, the overall portrayal is still, very, very dark. Other post-stage effects applied to this render was a depth of field effect, in my desperate attempt to blur out the horizon, and bring the text into focus. So, as you can see, the horizon is completely burred out.

I ended up with a semi-cartoon style, which worked surprisingly well, and I liked it quite alot. I figured the cartoonish style would do the blog's name a little justice, in terms of comic value. And hey, I could do with a less-than-formal blog for all my graphics work. welcome2thesocial is formal enough as it is.

I spent of of the time on the second iteration, which I eventually dumped:



I kept the blue text, for some reason. And, in hopes of a cleaner, less heavier looking banner, I got rid of the ugly depth of field. Together with this, was a bit of a professional look to it, which I did by making the text reflect off some of the light. Which is why the "OSHT" part of the text is a little brighter.

I also made the floor ignore most of the lighting, but instead, left it to light itself up. The result was a mostly flat & ugly-looking banner, and perhaps the only thing that worked out, was the light reflecting off the text. The floor was dull, and just so flat. I spent so much time working on this, and got nothing. I knew this wouldn't work out, and so, I started over from scratch.

and so, we ended up here, iteration 3:

It was luck, that led me to figure out that a green floor was kinda cool. The nice thing about this iteration was, even though it was completely black, it didn't come across as dark at all. A second light to the scene helped illuminate the floor nicely, and helped give appropriate highlight to the text. The back of the text was lighted up, and as you can see, the text, although it doesn't reflect light, it has a certain shininess to it. This shininess, yours truly, the second light in the scene. It helped light up the darker portions of the text, most evident in the letter "O" and "S", where the top of the text is brighter than most parts of the text. This second light is brighter than the light that lights up the front face of the text.

These two lights cast two corresponsing shadows on the floor, as you can see from the render. As a last minute thing, I threw in a volume light fog effect, which gives the light's path a fog effect. The result was a unindented over-the-top spotlight effect, but I was happy with what I saw.

The floor's horizon is barely noticeable. It's there, but the way everything just clicked, I didn't even notice the first time I saw my render. This entire thing took me around 4 hours.


the blogOSHT blogskin:

The blogskin desgin, was another story. The blogOSHT banner fit right into the top of the page. From the very start, my vision for this blog, was just plain posts. Nothing else. No tagboard, no music, no hit counter, just posts about my GFX works. BlogOSHT, is afterall, what will serve me as my portfolio.

So, I was stuck with another dark theme for my second blog. welcome2thesocial already had a dark theme to it, and worse, it has no color. It was easy to work with, but in that sense, it's a lackluster. blogOSHT's banner forced me to further incorporate the blue and green colors into the blogskin, and with some experiments, I did.

this blogskin is blessed, in a sense that it only uses new-gen code. welcome2thesocial has some ugly bits in it, because the original skin for that blog was formatted using tables (ew). I got Jing Wen and Geok Shan to help me with that blogskin, and soon, it was a mix and mash of new-and-old, containing an odd mix of CSS and HTML tables working together.

blogOSHT is blessed with the capabilities of CSS, and as such, I was able to place exactly where, on the skin, I wanted my posts to appear. I could also give the title of the blog post a blue background color, and the date, green. Surrounding the post is a border, yours truly, CSS coding. This blogskin is the result of me experimenting around with new-gen web coding, such as CSS. With stuff like these, i'm able to do more with less.

below the last post of every page, is a rather ingenious integration of links to previous posts. I didn't want any sidebars, etc etc on this blog, so I just added it after the last post. The "Previous Posts" box looks similar to regular blogposts, but actually, it isn't. That's the ingenious bit.

and there you have it. blogOSHT's design process.

Welcome
Monday, June 15, 2009

hi,

this will be my official portfolio for all of my GFX (graphics) works from now on. Don't mind the name of this blog, and please don't be put off by it, if you find it rather crude. I called it blogOSHT on purpose.

And really, this placed will be dumped with all, I mean, ALL of my works, ranging from projects that lasted half a year, to month-long, to even stuff that got whipped up in 5 minutes. All sorts of sht.

this is blogOSHT.

>> Previous posts

ZEPHYRE PRESENTS
blogOSHT's design process
Welcome


blogOSHT is the official portfolio of Thanikodi Ramesh, a guy with way too much time on his hands. Best viewed in 1024X768 resolution and above.