Cutting the draft: The Making-Off

Posted on 16 June 2009 by admin

http://blog.tonykieuphotography.com/wp-content/plugins/sociofluid/images/digg_24.png http://blog.tonykieuphotography.com/wp-content/plugins/sociofluid/images/reddit_24.png http://blog.tonykieuphotography.com/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://blog.tonykieuphotography.com/wp-content/plugins/sociofluid/images/delicious_24.png http://blog.tonykieuphotography.com/wp-content/plugins/sociofluid/images/facebook_24.png http://blog.tonykieuphotography.com/wp-content/plugins/sociofluid/images/twitter_24.png

Today I am going to cut the design draft into fragment that will be used to make the website.
Using photoshop I will cut the piece I need.
Having a look at the design, I can say that it only needs 3 cuts at most.

One cut that takes the upper part of the banner one that takes the lower part and one that cuts a fragment of the middle part.

upper banner

upper banner

Here is the upper part where we cut the logo and the partition like fragment.

extended line

extended line

Here is the extended part where we keep the redundant background.

lower banner

lower banner

Here is the lower banner which regroups the partition like fragment and the lower banner.
All of them are cut and now we need to use CSS and HTML to assemble them.

Leave a Reply

Spam Protection by WP-SpamFree

Photos from our Flickr stream

See all photos

Advertise Here

RELATED SITES