Transfomers Movie Promo in HBO

This is my 3rd year 2nd term project for Advance Motion Graphics. is it a group project, so the requirement is choose a movie to promo 30sec, so we choose Transformers. The concept is starts with the space of transformers language and target on the root of All Spark. after that camera zoom out from the All Spark and explode with light to make the machine start works. the camera still zooming out, and saw the eye of Transformers and the title.

Motion Graphics - Cherish Life

My motion graphic is wan to speaking up for cherish life. My motion graphic art style is base on vector silhouette. It have 4 part.

The first part is about the dinosaurs, I added some text is because end of the Cretaceous Period is around 65 million years ago, I apply the dinosaur scene with blur color is because at the time is without any light, and also can represent in the night time.

The second part is about reborn after the first scene, and bring to jungle scene and I also use green color to represent the nature feel, I’m trying to use butterfly to help me change the next scene.

The third part is classic time, I put yellow color is want try to create the old feeling and I also try to use a old classic car to help me change the scene and the next scene is change to modern scene. There will be a 3D Lamborghini sport car is because I want to say from the old car change to a new modern sport car, and from old town change to modern city. When showing the modern scene it will slowing change the mood to orange, and have some flame effect at the background when the factory show out, is want to show then the factory a lot is a part of increasing the temperature of the weather. I was using the fighter jet to change to scene is because next scene I will show the war scene.

The fourth part is want to the war scene. I put red color is want to show the blood, horror, feel. And I also put some blood texture at the background. So the scene will have shooting and explosion scene. I also try to make a lot of sound effect to create the messy feeling and during explosion the camera will have shaking and blur is want so let the audient have some same feeling during the war.

At the ending part I put the main message is cherish life, I put the message meaning is the time is moving forward. Every things is changing, we need to cherish our life, cherish every things that what we having now.

Nokia 2360 in 3D

3D modeling with NewTek LightWave.

Lamborghini Reventon in 3D

Motion Graphics

StyleFrame


Short StoryBoard

I'm trying to do my motion graphic about "Evolution", from dinosaur world until the end of the world.

Message meaning : Our world only one, which century that you want to stay ?
is your choice...

Message : (not confirm yet)

Web Design 2 : Redesign Commercial Website

Finally Done...

http://petwonderland.yeujian.freehostia.com/

When post to web.. it is some thing different... why... T_T

Fire Fox cant support...

IE comes out side scrollbar and bottom scrollbar.. X_X

and i have added music... but dun know why at web didnt show out.. >.<"

at pc open the file.. it won't have scrollbar.. and have music....

Idea develop...

This time i added shadow to make it look like have layers..

and background put a gradient colour..

1st idea for webdesign...

This is some of the 1st idea layout.. the problem is very flat.. no layers...

A little sharing references for web design student..

Come take a look for this website http://www.cssdrive.com/index.php it is about CSS.

it have some web design..

and also have menu bar design, vertical , horizontal, multiple...

good luck every one..

Web Design 2 : Part 1-project concept proposal

The Website that will be redesign for http://www.petswonderland.com.my/, this is about pets website, information about new event, pets care, and sharing. The target audience will be the pets lover, so there will more activity about pets, for giving more chance to people and pets together. there is some services for pets like Bath & Blow , grooming, medicate bath, nail cliping, flea spray and tick. Pets wonderland can make the pet look nice, so the pet will happy and the master aslo happy. The website also have a product page, there can find alot pets accessory pets toy, pets house, and pets food. The website also have a tips section for how to take care well with the pet, whats pets needs, whats pets don't. so if wan to be a member of the pets wonderland, the website also have a from to easy let the people who like to join. and the most important thing is the contacts page, without contacts page it is hard to find the shop.

so i try to make the website more active, feel more warm between human and pet. and more cute pet picture to attract the user during explore the website. the colour can make more natural, try to add more intresting layout on the website, or maybe some flash. for the music part, i will try to put some soft music, so the user can have a relax during explore the website.

so any suggest or comment that can add in for my web design for pets wonderland ?
how to attract the pets lover to keep visit the website ?
how to attract a person from non pets lover to beacome a pets lover ?

Web Design 2 : Site Map

This is the original website Site Map, there is quite alot pages, so i hope that can decrese some pages.. :)

Moodboard for Web Design.

Web Design 2 : add on more analysis

Add on more analysis for redesign client's website.


http://www.petswonderland.com.my/
about the website, there have information about pet, gallery, membership, forum, tips and services, so the website is look like create a space for sharing more then selling pets. and there also have a news updates for the shop, like have any promotion, new accessory, or new event.

before redesign the client's website, i try to take a look client's shop(Pets Wonderland) at KL Mid Valley Megamall.


This is the shop. ( Pets Wonderland )


This is the entrance, i only can take picture at the out side, beacuse the they don't let to take photo in the shop. and i start observe that the corridor is decorate like a natural enviroment feel, blue sky , yellow flower , green grass ,the stair handle make like a wood, and have nice display picture on the screen .


At the entrance there have a content board to let the client know the shop have what..

i try to go there to take some brochure or some thing take can help my web design. the sad case is there dun have.. so i only can use my eye to remember what is inside the shop.
1st when i enter. there have 2 ways. left amd right. the right side have Dogs. and the left side have Dog's food, Cats, Birds, Small Aimal, Books, and Fish.
they separate it in a section by section, the advantage is to easy let the client to find what they want, and also to avoid those animal fight.
there have alot brands for animal's food to let the client choose, beacuse different pets have different needs. and have alot accessory for pet, like belt, comb, toys, and alot more.. about fish, there have seawater fish and freshwater fish. there also have books for how to take care well for the pets. so.. the shop target is for the pets have a good environment good life. and want the master have a good relationship with there own pet.

Web Design 2

4 screenshots of client's website

4 URL and screenshots of competitor's website

Analysis

1st : i found that the website is look more children's website, beacuse it have the cartoon icon. maybe it also can tells those who are heaving pets must trade like own child.

2nd : the website when starting have some funny animation. and the button look like do in flash.

3rd : the website have those photo are pet and the master, to creat the sweet memory.

4th : the website is about fish, so it make like underwater feel. have the lighting, bubble icon. so it is wan the user to stand in the fish view.

http://www.aquarium-express.com/fishfamily_koi.asp
http://www.petsmore.com.my/
http://www.thepetfamily.com/
http://www.electronicpetshop.com/
http://www.classicpetshop.com/

4 beautiful commercial web

Analysis

this 4 page is some beautiful website, so it may help me to do on my web design. the 1st 1 that i like is a graphic art style. the 2nd is colour mood is quite nice for me. the 3rd 1 that it give me an idea is green environment, beacuse my project that i get is a pet's website. and the 4th is also a graphic, but it have some character is have a white bold out line, so it look can make the character out standing, and it have a feel look like a cutting paper.

4 URL of design tutorials

http://www.dphotojournal.com/photoshop-tutorial-page-curl/
http://www.tutorialwiz.com/rayoflight/
http://www.miraztutorials.com/photo-vibrance-photoshop-cs4-tutorial/
http://jolieodell.wordpress.com/2009/03/06/wet-floor-effect-photoshop-tutorial/

4 URL of HTML / CSS / Javascript code library tutorials

http://www.w3schools.com/
http://webdevelopmenttutorials.com/howtoaddcommentstojavascriptcode.php
http://www.dynamicdrive.com/style/

http://www.echoecho.com/html.htm

Visual Fundamentals 2

Visual Fundamentals2 : Coca-cola sunset mood.

Typography digital media : Movie Poster

Give some comment about my web design

Typography Digital Media

Project : Redesign product.

Thomson

Web Design