moodboard. flowchart.

moodboard. 1

moodboard 2. Same elements, different layout.

flowchart.

HOW TO _ _ _ . Web Design 1 Project.

HOW TO BE A ROCKER.
1. who i am - a professional and experienced rocker.

2. what is it - learn the attitude of it.

3. what for - to share thoughts of a rocker and the process of being one of it.

4. 1st task:
i) introduction of a rocker.
ii) learn more about rock music and a rocker's life.

5. 2nd task:
i) hair style that suitable for a rocker.
ii) how to dress like a rocker.
iii) the accessories.
iv) make-up.

6. 3rd task:
i) the music.
ii) learn to play electronic guitar.
iii) learn how to scream and shout.
iv) find some stage to gain experience.

7. outcome - transformation.

8.showcase - picture and videos.





HOW TO SAVE A PRINCESS.
1. who i am - a super mario fan.

2. what is it - learn how to save the princess in every mario game.

3. what for - to share the walk through and thoughts for the game.

4. 1st task:
i) knowing about the game.
ii) go get a version that suitable for you.

5. 2nd task:
i) learn the button.
ii) knowing the character ability.
iii) some tricks and secret.

6. 3rd task:
i) level walkthrough. ( process of the walkthrough )

7. outcome - able to beat the game.

8.showcase - picture and videos.






HOW TO BE A GANGSTER.
1. who i am - a gangster observer.

2. what is it - learn how to conquer your street.

3. what for - to get a thought of how gangster live and what they do.

4. 1st task:
i) introduction.
ii) rules of being a gangster.

5. 2nd task:
i) the dress up.
ii) get a tattoo.
iii) learn the way they talk.

6. 3rd task:
i) learn how to fight.
ii) learn how to get a chick onto your car.
iii) learn how to collect money.
iv) train your workers.

7. outcome - able to be a successful gangster.

8.showcase - gallery.








HOW TO BE A MILLIONAIRE.
1. who i am - a crazy guy that dream to be a millionaire.

2. what is it - learn how to earn money.

3. what for - to be be a millionaire in any way in order to achieve it.

4. 1st task:
i) get yourself ready to humiliate yourself.
ii) rules of being a millionaire the fastest way.

5. 2nd task:
i) gains media attention.
ii) upload your talents.
iii) buy lottery.

6. 3rd task:
i) workaholic.
ii) kidnap some random millionaire's son.
iii) tell the president of your country he need you.
iv) just dream and dont do anything.

7. outcome - able to think that im a millionaire now.

8.showcase - gallery.





HOW TO TRAVEL BACK TO PAST.
1. who i am - a scientist.

2. what is it - travel back to the past.

3. what for - will not regret what i did.

4. 1st task:
i) get yourself a time machine.

5. 2nd task:
i) rules and warnings. ( many warnings )

6. 3rd task:
i) you're done.

7. outcome - im now in the past.

8.showcase - video and pictures.





HOW TO SAVE THE PRINCESS ( another ver. )
1. who i am - a normal human being lived on a small village.

2. what is it - a adventurous story.

3. what for - to earn money that the king's offer.

4. 1st task:
i) know the enemy place.
ii) prepare armor.
iii) weapon.

5. 2nd task:
i) start journey.
ii) random obstacles.

6. 3rd task:
i) finally got to the place.
ii) princess fall for him.
iii) But all the guy want is money.

7. outcome - the guy still love money more than the princess.

8.showcase - gallery.








HOW TO TRAVEL SMART.
1. who i am - a experienced traveler.

2. what is it - travel around the world.

3. what for - to ask traveler to travel smart.

4. 1st task:
i) know where are you going.
ii) research on the place.
iii) wait for promotion.

5. 2nd task:
i) basic knowledge for compass and stuffs.
ii) knowing the weather.
iii) what to prepare during which season.

6. 3rd task:
i) try to merge with their culture.
ii) try on their food besides from restaurants.
iii) make friends with their local citizen.

7. outcome - should be able to know abit more about travel.

8.showcase - mostly pictures.

Tutorials for WebDesign 1

First i will start off with the tutorials.

1. http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-eroded-metal-text-with-photoshop/







2. http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-an-incredible-typographic-illustration-part-1/
http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-an-incredible-typographic-illustration-part-2/

3.http://abduzeedo.com/reader-tutorial-arcadia-80s-vhs-style


4. http://abduzeedo.com/sleek-wallpaper-pixelmator




5. http://abduzeedo.com/reader-tutorial-create-vintage-traveler-diary-photoshop

Mobile & Screen Greeting Cards. Part III. LAST

Hehe. so long didn't update. LOL. Ok, here it is the mobile screen e-card interface design. It is the Final project for one of my pre-major semester which is Digital Design for Multimedia. Basically, my blog started because of this subject, and so i try to keep blogging because i feel that up coming semester will have some more subject that required us to blog. XD

BTW, im not going to post those "steps" anymore because i did it in previous post. So i will only post my "presentation slides - progress" for the mobile screen e-card interface design. Here it is,








And this is the final outcome for my Mobile screen e-card interface design.

I really enjoy the process for making this project, its my favorite subject among this Semester. Why i said so is because, my Visual communication project is a RUSH, perspective studies bungalow wasnt as good as i expect, Drama was only good at the final @___@... culture n society presentation... HAHA.

Well, expect more fun subject coming soon for next semester. * If i dont get an Option to Progress (OTP) or retake * Probably is a NO, because i have confident that overload. XD

Until next time. =P

Mobile & Screen Greeting Cards. Part II.

So, here it is Part 2. XD In this post i will post only the screen interface, from 1st to the last i will also post. So, take a look on how i finalize from my idea to the outcome. :)


Here it is, the very NICE greeting card.




The sketches ive sketch. Can u see it?? haha. i normally use HB to sketch so doesnt need to erase it. XD paiseh. haha lazy to photoshop it to darker so wadeva la XD
Next is the color scheme i choose.

1stchoice

2nd choice

3rd choice.

Above progress are just stage 1. Long long more to go. ( actually not much ) XD

After that, was the progress for creating the e-card in photoshop or illustrator. BTW, those pic shown below is my powerpoint final presentation screenshot, because i dont want to do extra work on saving those progress in Jpeg again. XD

Ive made 2 choices because i feel like doing two. =P. Haha. its because i saw others e-card required to trace character, but mine, only need to do a lantern so i do more work so that my lecturer wouldn't have a chance to SHOOT me XD.

Ya. thats the progress of making an e-card from sketches to finalizing.


And know, i will show you the whole e-card flow from homepage to the last page.

*Be patient it take time to loads because file size was big* O__O

2nd choice
Haha, so how was it? okay what izit. XD For me, at first i think the 2nd choice is better but then the 1st choice came out unexpected and its greater than the 2nd choice. Btw, for me i kinda enjoy doing this project although its a last minute work but it still the outcome i was satisfied enough because i know i cant expect more when i burned midnight oil to finish it.

The next post, i dont really know which 1 i should choose 1st. Confusing XD. either Part III or another Artwork.

Hehe, again, until next time. chao-o-sai. XD


@_____@ i think this is the longest post i've ever post.

Mobile & Screen Greeting Cards. Part I.

In the subject Digital design for Multimedia, we are required to do 2 icon based on the greeting card we choose. That was the previous task. And now, here it is. The final project- Re purposing the greeting cards into mobile & screen which also known as E-cards. So basically my greeting card was those Chinese New Year card. =____=.

My Mobile E-card interface design.

Loading.........

Look so cool in Iphone XD.

My Screen E-card interface.

In MacBook Pro XD.

Haha. Screen doesnt have a loading page because im so rush in time XD. The due date was so near. No time. EXCUSE. By the way, u surely curious about why there is only a few pages?? Haha. Since is part I, So i only upload Loading page and Main page. hehehe. Others i will reveal it as soon as possible XD.


P/S. Ignore the photoshop skills. I thought of posting the actual one, but look so cool with the phone n Macbook. So i simply photoshopped it. Sorry. XD

Next post should be the Part II, If nothing came up to let me post.

Untill Next time. =P

Color Palettes.

Short Post.

Haha. this post actually should be done 1 week before XD. Due to laziness i actually drag it for a week to post 3 color palette. So sorry for my lecturer XD. By the way, here is the color palette.

1)

the picture i took my color palette from.

2)

3)

I took only the background.

Here are some website where you can get real cool color palette:

http://kuler.adobe.com/
http://www.colourlovers.com/palettes

Haha. i dont really know what i gonna post next. XD Photo montage of me?? or another Artwork??

Until next time. chao-o-sai. XD