Refine refine and refine

Week four progress

Refine//Dining//Too much words =(

Moodboard & wireframe

Moodboard

Wireframe

Design,Beautiful web,Css tutorial

design

http://webdesignledger.com/tips/web-design-trends-in-2011

http://www.garysimon.net/webdesign_tutorial/1

http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://vandelaydesign.com/blog/design/website-layout-photoshop-tutorials/

beautiful

http://www.templedulogo.fr/
Analysis: Graphic very strong
DOF very clear
Color very nice
The layout is very interesting

http://www.danaepanopoulou.com

Analysis:Overall look very peaceful

Very simple layout with a round frame 

 

http://rainydayinteractive.net/
Analysis:Not much color
Overall look cloudy
Interesting graphic
Nice layout

 http://www.darasgarden.com/
Analysis:Nice graphic
Color match
Composition is interesting
Typography is nice

 http://www.habitationsbouladier.com/aylmer_new_house/newhouse_aylmer.php
Analysis: Layout interesting
Special, Nice logo

css tutorial

http://www.w3schools.com/css/css_examples.asp

http://www.w3.org/Style/Examples/011/firstcss#reading

http://www.html.net/tutorials/css/

http://www.1keydata.com/css-tutorial/codes.php

http://www.w3schools.com/html/default.asp

WEB DESIGN2 (COMPETITORS WEBSITES)

1.0 = http://thenoodlebox.net/

Analysis : 

The color look very match.

What i love is they have great typography.

The layout tidy and nice.

Easy to find out the information.

2.0 = http://www.daimu.com.br/

Analysis:

The background with solid color

Focus on the pictures at the centre

Simple and nice

Can show out how fresh is the fish

3.0 = http://www.giannis-steakhouse.com/

Analysis:

Overall the feeling is there.

The graphic is nice but it cant be repeat in dreamweaver

Lighting show DOF

4.0 = http://www.lareservedenice.fr/uk/restaurant.php

Analysis:

The typography is interesting

The flash thing is creatively done

Very special

Tidy, fresh and nice

5.0 = http://www.charliebrowns.com/

Analysis:
Great sound effect

Nice Layout

Interesting Photos

Information very clear

Mood Board

Ps Tutorial - How to draw an EYE (part II)

Ps-Watercolor Effect

Step 1

Open an image, I will use this image because it suit to my tricks.

Step 2

CTRL + J, duplicate the image. Now you will have a layer which labeled as “layer 1”. SHIFT + CTRL + U, desaturate the image and you will get something like this:

Step 3

CTRL + J again to duplicate layer 1 and you will get a new layer which labeled as “layer 1 copy”. CTRL + I to invert the layer and set the layer blend mode to Color Dodge. Go to filter > other > minimum > 1. Double click on layer 1 copy to bring out the blending option. ALT + left click on the triangle and set the underlying layer as below:

Step 4

CTRL + E to merge up both layers. CTRL + J, duplicate layer 1. Select layer 1 copy and go to filter > blur > Gaussian Blur > radius 6. Set the layer blend mode to linear burn. CTRL + J on layer background and put the layer background copy at the top of all layer and set the layer blend mode to color.

Step 5

Hope you are still with me. Select layer background copy and add a layer mask, fill it with black color.

Step 6

Still with the layer background copy, go to image > adjustment > curve and set as below.

 

Step 7

Create a new layer and put it top of all layer. Fill it with #ffecd1. Set layer blend option to linear burn.

Step 8

We are nearly there, now select layer 1 and set the opacity to 60% or whatever you think suitable. Select the background copy layer’s mask, with a 45px soft brush, opacity 65%, brush the face area. Here is it!