Web Tutorial

Web Tutorial

http://designinstruct.com/web-design/how-to-make-a-vibrant-portfolio-web-design-in-photoshop/

Tutorial

Making a Book of Magical Scene

Outcome:

Ideas

1. How to be an independent person

• Steps
• Be determine
• Dump the old habits and influence
• Accept yourself and believe in yourself
• Have Passion in life
• Realize and accept that life sometimes seems not fair
• Reason
• Logically, when we think like everyone else is thinking, the best we can expect is to achieve what they’re already achieving. If our aim is to over-achieve, we need to avoid the same banal influences and think impossibly. We need to become independent from conventional wisdom.
• Resources
• http://www.wikihow.com/Be-Independent
• http://www.wikihow.com/Become-Independent
• http://www.oprah.com/relationships/How-to-Be-More-Independent_1
• http://www.pickthebrain.com/blog/5-ways-to-develop-independent-thought/

2. How to be creative

• Steps
• Say no to routines
• Find inspiration outside your immediate surrounding 
• Seek a fresh perspective from peers and random people 
• Dont be afraid to fail
• Keep dreaming
• Reason
• Creativity enhances everything from career to understanding yourself.
• Resources
• http://www.slideshare.net/ethos3/how-to-be-creative-10176709
• http://christinekane.com/21-ways-to-be-more-creative/

3. How to be emo

• Understand what is emo
•  Appreciate emo music
• Dress emo
• Cut emo hairstyle
• Wear make up and eyeliners
• Have enough sleep

Resources

• http://www.wikihow.com/Look-Emo
• http://uncyclopedia.wikia.com/wiki/HowTo:Be_Emo
• http://www.howcast.com/videos/259684-How-To-Be-Emo

Interesting Websites

1. www.denisechandler.com

• Very interesting color palette
• Cute graphic that attracts user to read more
• Neat grid system
• Interesting typeface for navigation
• Body content is nicely arrange with good typeface

2.www.meomi.com

• Very interesting interactive treatment 
• Nice graphic
• Body content is well organized 
• User friendly
• Obvious navigation buttons that direct the user

3. www.playtend.com

• Interesting graphic design and theme
• Interesting idea of the monster mouth closes when user scroll down
• Neat and clean
• Very minimum of words
• Special navigation buttons for user to share on social media website

4.www.sillypoems.com

• Interesting graphic design and theme
• Consistency of the entire webpage
• Navigation bar follows as user scroll down
• Interesting typeface
• Easy to understand/directing

Photoshop and Illustrator Tutorials

1. http://www.psdbox.com/category/tutorials/

2. http://www.1stwebdesigner.com/category/tutorials/photo_effects/

3. http://www.psd-dude.com/tutorials/

4. http://abduzeedo.com/tags/photoshop

5. http://10steps.sg/tutorials/

3D Book and Alarm Clock

Web Safe Area

Web Safe Area

1. 1024px x 768px
   Safari
   
   
   
   
   
   
   Firefox
   
   
2. 1152px x 864px (my pc automatically adjust into this resolution instead of 1280px x 800px)
   Safari
   
   Firefox
   
   
3. 1080px x 1024px
   Safari
   
   
   Firefox