Melatoninja Multimedia

Vector Beluga!

2011-02-27T20:40:00.000-08:00

Yes, another semester, another year. Time really is flying by. Well, only when I'm not thinking about it. Anyway, motion graphics. Progress? Is a Beluga. Took about an hour to finish. That is all. Now have some beluga goodness! beluga.png beluga.jpg

Web Design Tip: Centralising Your Website

2010-12-08T21:27:00.000-08:00

So many of us were having problems centralising our websites for Web Design 2. I feel kinda stupid now that I've found the solution to be so simple. I kept telling people that I had no idea how to centralise the website using CSS, so I kept advising them to use the "margin-left" property. After some research (looking at the source code of perfectly centralised sites) and other research (

Digital Photography: KL Street Pikachus, I Choose You!

2010-10-11T08:24:00.000-07:00

So, yes. Went to KL today for some photo-taking happy fun time. I's still pretty n00b, so please don't say anything, lawl. This is a short entry. Now has some n00bshots, nyeh! Random alleyway near Petaling Street, KL. Colourful umbrella and shades, Petaling Street, KL. A couple nice enough to let us take their picture, Kota Raya, KL. Going up the stairs. Overhead bridge

Ribbon So Hot Glue Gun Right Now!

2010-10-04T11:16:00.000-07:00

I gotta stop taking shitty camera phone pictures. Anyway, putting my hot glue gun to good use. Maybe These are flowers. The end.

Digital Photography: Slowpoke Lightshow.

2010-10-02T10:19:00.000-07:00

Low shutter speed...etc. This is a short post, the end.

Web Design 2: Moodboard

2010-09-20T19:49:00.000-07:00

Digital Photography: Scanogramisational Awesomeness?

2010-09-14T10:51:00.000-07:00

I scanned eggs. The end.

Web Design 2: Useful Tutorial Links

2010-09-13T13:23:00.000-07:00

The Internet is a beautiful thing. Access to online tutorials is also a beautiful thing. Below is a list of tutorial URL's that I may be referencing for the development of this project. 1. CSS Tutorials: Sliding Panel Multi-level Menu Scalable Breadcrumbs Rounded Corners Full-page Background Image Polaroid Photo Gallery 1 Polaroid Photo Gallery 2 Alternative Layouts for IE6 IE6 Cheatsheet 15

Web Design 2: Coffee Websites. Do You Want Creamer?

2010-09-13T12:36:00.000-07:00

So, in the final "Website Inspiration" showcase, I've included some sites about coffee. Coz coffee smells nice and stuff. 1. Pura Vida. 2. Seattle's Best Coffee. 3. Henrici. 4. Sweet Sallie's. 5. Cilantro's. 6. Kicking Horse Coffee. 7. Robust-ah. 8. 1369 Coffee House. 9. Park Avenue Coffee. 10. Greyhouse Coffee. 11. Dunn Bros. Coffee. 12. Looney Bean Coffee.

Web Design 2: Awesome Restaurant Websites

2010-09-13T12:05:00.000-07:00

A good way to know how to arrange your information is to look at how other similar websites arrange theirs. Below are some restaurant websites that caught my attention for both design and information hierarchy. 1. Barley's Greenville. I liked this site for a number of reasons. The main one being the way in which the menu was laid out. Although it does not have supporting pictures for each item

Web Design 2: Inspiring Commercial Websites

2010-09-13T11:46:00.000-07:00

Below are four commercial websites that I was pretty impressed with. The thing that all 4 of them have in common is the clear navigation and beautiful design. I believe the design is beautiful because the corporate identity is very apparent in each site. 1. Rohm and Haas. 2. conEdison. 3. McDonald's. 4. Levi's Strauss.

Web Design 2: Beautiful Website Inspiration

2010-09-13T11:34:00.000-07:00

Below is a roundup of some beautiful website design, although they are not all "coffee" websites, they are still an inspiration, methinks. 1. Corvus Design. 2. Oddo Design. 3. Rocket Club. 4. Edgepoint Church.

Web Design 2: Inspirational Interface Design Tutorials

2010-09-12T16:50:00.000-07:00

1. Nature Inspired Painted Background. 2. Viget Inspire Background. 3. Watercolour Effect Menu. 4. Royal Interface. 4. Simple Layout Design. 5. Trendy Geometrical Lines. 6. Handy Web 2.0 Icons.

Web Design 2: Competitor Analysis

2010-09-12T16:22:00.000-07:00

To be honest, when I got "Pappa Rich" as the site I had to redesign, I wasn't expecting it to be...that bad. Because firstly, their outlets are pretty well done. I was surprised at how poorly the site was constructed. No offense! Anyway, to the obvious next step when attempting to revamp a design; Competitor analysis! 1. Starbucks, Malaysia. Events Page Home This is actually one of the

Web Design 2: Pappa Rich Website Screenies!

2010-09-12T15:38:00.000-07:00

So, I have to redesign the website for Pappa Rich, Malaysia. Below are some screenshots of the pages that I felt could use the MOST improvement: The homepage could definitely be more interesting, >_<. The Menu page could be better layed out. Too much text, poor alignment, no mood to read, >_<. The HTML Table border gives me lols.

Web Design 2: Gantt Chart and Site Map

2010-09-12T15:24:00.000-07:00

So the new semester has begun. This semester's brief requires us to redesign an existing corporate website. Below is the first part of initial planning: Gantt Chart, blergh! Below is the site map of the existing website. There are quite a few things I would like to propose to change. I will cover that in a coming post, stay tuned! Site Map, for serious!

Web Level Up!

2010-07-27T09:15:00.000-07:00

Evolution is a given. Everything evolves. And in my opinion, technology evolves faster than most everything else. Today, the lecturer asked what the differences were between Web 1.0 and Web 2.0. Honestly, I've always wondered but never got around to finding out properly. So after doing some research, I have compiled a list of the key differences from my understanding: Web 1.0 Was read only

Kinetic Typography.

2010-07-24T23:43:00.000-07:00

For one of our Typography for Digital Media projects, we have to make a weather report in motion. Kinda thing. Like faux motion graphics. But using Flash. Anyway, I am seriously having trouble trying to storyboard that shit, so I looked at some references on YouTube. I know it's not exactly what we're trying to achieve, but inspiration nonetheless. 1. Pulp Fiction in Motion Graphics: 2.

WD1 Update, Rawr!

2010-07-11T02:17:00.000-07:00

Hmmm, well it's that time again for the gathering of user feedback. I do realise that my priorities are all over the place when it comes to assignments, but meh. Anyway, blogging a few screenshots for Web Design 1 because I'm stuck on ideas for the look. The coding is still a work in progress but that shall be up once I'm done. 1. First Round: For this first one, I initially thought to go

Mansions: Some Are Haunted.

2010-07-08T04:58:00.000-07:00

Progress on all fronts is kind of slow. Well, generally. Anyway, this is a short assignment update. I have a few more to get through, but I'm going to take a break for now. We have received the final project brief for Visual Fundamentals and it seems doable enough. Minimum requirement: 12-frame storyboard for a tourism TV commercial for your chosen country and a poster thing for said country.

Scrolling Along The Horizon?

2010-06-30T09:31:00.000-07:00

On the Web Design 1 front, there have been a few "drastic" changes made to my project. I don't know if I can call them improvements, so I guess I'll just call them changes. Anyway, I won't write a long long post detailing all the said changes, so don't redirect away from this page. I will, however, mention that I've decided to try out a horizontal scrolling layout. So this is just a little post

Ohnoes! Clock Flashed Me!

2010-06-30T08:29:00.000-07:00

Yes, just doing some random Flash Tutorials for Actionscript 3.0 Came across this one that was only 15 steps, so I thought I'd try it out. Click here to see the actual tutorial page. That is all for now.

Breaks of Coffee?

2010-06-14T06:12:00.000-07:00

Visual Fundamentals 2 is a relatively fun subject. And I need to make an update, so I shall follow this falla's good example and post people drinking coffee or tea or [insert hot beverage of choice]. I had a lot of fun doing this particular assignment. The actual colouring didn't take very long, but I spent a really long time sketching it because my proportion is – how to say – uhm, fail? Yes,

Flo Chart. The Rapper?

2010-05-24T22:06:00.000-07:00

Yes, I am in a "lame-blog-titles" mood today, >_<. This is a continuation of the last post. A proposed flowchart for the Website. It probably raps better than certain rappers anyway, just saying. As usual, click to enlarge and that sorta shizz, feel me?

Moodbored?

2010-05-24T21:12:00.000-07:00

This is the next part of the project development. Creating a moodboard to show the overall feeling and direction of the site. I don't really know if I did it right, but this was sorta what was in my head when I think of what the website will look like. In other news, I do believe I need to post my flowchart too. Anyway, moodboard below. Click to enlarge and all that jazz.

Part 3: Ideas For "How To…" Website.

2010-05-16T04:24:00.000-07:00

This is my first Web Design 1 assignment blog for semester 5. Requirements are as follows:- Screenshot 4 beautiful CSS websites; blog about them Screenshot 4 Photochop/Illustrator tutorials; blog about them Blog about 3 ideas for "How To…" Website design Ideas For "How To…" Website Below are three potential ideas I came up with for my project. The general brief is to design/create a "tutorial"

Part 2: Photochop/Illustrator Tutorials.

2010-05-16T00:14:00.000-07:00

This is my first Web Design 1 assignment blog for semester 5. Requirements are as follows:- Screenshot 4 beautiful CSS websites; blog about them Screenshot 4 Photochop/Illustrator tutorials; blog about them Blog about 3 ideas for "How To…" Website design Photochop/Illustrator Tutorials This part includes a brief summary about some effects I would like to use in my project. Although the

Part 1: Beautiful CSS Websites.

2010-05-15T23:40:00.000-07:00

This is my first Web Design 1 assignment blog for semester 5. Requirements are as follows:- Screenshot 4 beautiful CSS websites; blog about them Screenshot 4 Photochop/Illustrator tutorials; blog about them Blog about 3 ideas for "How To…" Website design Beautiful CSS Websites The following websites caught my attention mainly because of the navigation. I like the idea of a fixed navigation

A Revival?

2010-05-11T09:09:00.000-07:00

Back to the grind and such. I apologise (yes, to my non-existent audience) for the lack of updates on this blog. I find it a little bit sad that a "blogging assignment" has been the reason for the revival of this blog, however, I do hope I can continue to update. I won't make any promises, though, because I have a regular blog that I tend to neglect also. Anyway, we shall see how it goes.

Spuds and That.

2010-04-01T02:13:00.000-07:00

School has been hectic. I haven't updated this in a while. So this is an update. Semester ends in 3 weeks and I we got our Mr. Potato Head assignments back. As usual, I'm kicking myself over stupid little careless mistakes, >_<. Now look at the pretty potato, k. ---------------- Now playing: Verve Pipe, The - The Freshmen via FoxyTunes

Wooo! Typography, ^_^.

2010-03-11T05:40:00.000-08:00

Yes.I have pretty much abandoned this blog, aye?I should post here more.Anyway, interesting link to share. Very cool use of Typography.Now watch the video, it's GREAT!

Merry Christmas Everyone!

2009-12-25T00:11:00.000-08:00

Pet Society Colour Palettes?

2009-12-03T02:46:00.000-08:00

I haven't posted anything here since October.I admit that I have been kind of lazy about blogging.Anyway, I have been playing a lot of Pet Society these days, and I think some of the decoration themes are very attractive, colour-wise. So I decided to collect some colour palettes from my rooms in Pet Society.This first one is from the Wonderland theme. It's mysterious and magical. The colours are

Header Has Compass!

2009-10-25T10:30:00.000-07:00

Yes, a quick update!I have changed the header for this blog.As usual, it is transitory, temporary. Until the next one, that is.The map used for the background is an actual KL map. And the compass was the one I made a while back, the font is courtesy of DaFont.com and I used Photochop! to throw everything together.That is all for this update, there is nothing more I have to mention.End.

Colour Palettes!

2009-10-25T09:53:00.000-07:00

Wah lau! I need to stop over-thinking things when I sample a colour palette. I keep worrying that I am choosing the wrong colour, even though I'm supposed to choose the colours that appeal to me.Anyway, below are some colour palettes that I think can inspire me when doing my mobile and screen interfaces. I found pictures with the keyword "happy", so don't laugh at the pictures, ok!~~~First

Flowcharts Part II

2009-10-13T07:59:00.000-07:00

So this is a continuation form the previous post; for the second part of the assignment, I need to answer some questions, scan through responses and respond to two or more participants who left comments on my blog. Must give feedback.So the questions are:1. Why do you want to use a flowchart in your mobile and screen interface design?After watching the videos, I realise that organising the whole

Flowcharts Part I

2009-10-13T06:31:00.000-07:00

The assignment post for today is on "Flowcharts". It's sort of like a prerequisite step of sorts for our final project, you know, watching the videos and reading the material and all. If you don't read, then you stand outside and no happy lecture time for you on Friday. Yes, it's that important!Anyway, I have just finished watching the video resources that we got, on Monday, but I could only find

Help, Help! User Feedback!

2009-10-10T02:57:00.001-07:00

Hi there!Our most recent assignment submission was a "series" of icons.So, building on that, we are required to collect user feedback in order to improve on the design.So, I need your help!All you need to do is answer the following questions in regards to my icons:1. Can you tell what each icon represents?(e.g: Settings, Help, About Us, Contact, WiFi, etc.)2. Is the function of each icon clear

Bad Luck Umbrella!

2009-10-07T10:00:00.000-07:00

Alright.Icons are due this Friday.I have finished one vector one almost.Almost.I made this one accidentally.See, so some accidents are a blessing in disguise! It's very ugly, colourwise, and I haven't completed my icon yet, I just want to post the umbrella before I make any more changes.Saved the file as PNG this time.I am proud of myself, I did this without the use of online resources. But then

Caramel Ripples!

2009-10-06T05:16:00.000-07:00

Yes, I have done another tutorial.I particularly enjoyed doing this one because of how simple yet methodical it is. I got the result below in only nine steps.This tutorial is good practice for using tools such as "Distort" and "3D Revolve".Nothing too fancy, but still very effective, ^_^!

The Golden Compass!

2009-10-05T09:40:00.000-07:00

I have not been updating this blog very frequently, aye?I guess it's because we only have one MM subject this semester, but I assure you, next semester, I will update so frequently, you will be so tired of seeing the new entries. Yes, I said "you" but I don't know who I was referring to.Anyway, yesterday (because it's after midnight), we had our first DDMM class in a week or so. We didn't have

Starlite, Starlite!

2009-10-02T05:13:00.000-07:00

The Multimedia Department organised a week-long event for the MM students.It's over now, and I think that we all gained a lot from the sharing sessions. We had a lot of talented people come talk to us about their personal experiences, the problems they faced, what they gained and the way in which they went about bringing their ideas to life.MondayThere was a team building exercise, however, our

Vote Now!

2009-09-26T02:28:00.000-07:00

Short post.Please click on the link below and then click the "thumbs up" icon to vote!http://pimpmybroadband.com.my/Gallery_Vote_Photo.aspx?ID=431136ff-e758-49d0-810c-c4902fe32ee1

Two More Cute Clocks!

2009-09-25T08:49:00.000-07:00

Ok!I have just finished the bronze clock!I don't know how it turned out and I am not sure whether or not I am happy with it.Anyway. I have learnt a very important lesson by doing this assignment. I just started making the clock without checking to see what colour mode I had set the document to. By default, it was set to CMYK, so when I attempted to post the finished clocks on this blog, the

Glossy Icons FTW!

2009-09-25T04:03:00.000-07:00

We made glossy icons in class today.It is so much more fun than it sounds, you know! Anyway, I just post mine here!S-button. It's pink! First attempt, so don't look too closely.And this here is an alarm clock! (Click to enlarge). It's all stainless stain and such. I will make a bronze coloured one later this weekend, so watch this space for updates.Will try to write some more entries over the

Pixel Buddy!

2009-09-19T05:28:00.000-07:00

Class assignment: make a little pixel avatar of your friend.People were paired up and, with the powerful weapon that is Photoshop, we created a little pixel avatar/buddy/thing icon of the other half of our pair.I made a mini-Liang Shing.The end.

Where did Nongkyndong go?

2009-09-19T05:19:00.001-07:00

I have just transferred this blog to another one of my Google Accounts.My dashboard of my main account was getting a little too crowded.So, Nongkyndong will no longer be posting here. Instead! All posts will be made by the Melatoninja. Now, I do realise that this point is extremely pointless seeing as both pseudonyms (pen names?) refer to me. I do believe that it will be relevant one day. But not

Visual Communication: Material List

2009-09-19T02:11:00.000-07:00

Hey MM0901-1, I'm going to post the material list for the Visual Communication final project here.So, please let me know what all you will be getting before next weeks class, k?

Ten Things That Describe Me

2009-09-11T23:06:00.001-07:00

Yes, this is the first so called "assignment blog post", Ten Things That Describe Me.So, basically, we have to list ten things that describe us. I don't think it's a top ten sort of thing. Just ten random things. I'm going to use headings!1. GeminiI was born between 20th May and 21st June, so that makes me a Gemini. I don't really obsess about the whole astrological "profiling", but sometimes it

First Entry!

2009-09-11T11:21:00.000-07:00

Why do I always call the first entry, "First Entry"?Anyway, new blog!Now, I know I have had many "new blogs" in the past, only one of them actually having stood the test of time, but this one here is for school, so it will probably endure. I hope. Anyway, the others have faded into obscurity, like those oh-so-awesome One Hit Wonders, because I never maintained them.Maintaining multiple blogs