How to slice a layout? Some kind of tutorial

24 May

in progress…

Status: rendering first part of video.

Layout: this one. I put my designer skills on work and this is what i got. I’m sure it is not the best design in the world, but i’m sure is more that we need for undestand how stuff work, right? :D

The result: here. At the end you will have the zip file with all files. PSD is included ;)

I hope in one hour to have first part (30 min) up & running on my site. It’s about how to slice images and how to create header with top menu. In the second part, you will learn how to made the sidebar and content.

Updates.

I uploaded first part on google videos. Quality SUCKS! I exported with 640×480 resolution and is the most HORRIBLE thing.

Anyway, i reconverted first part and i uploaded on Vimeo. I’m waiting to see how it’s working. The new video have around 30Mb, 30minutes and is encoded as WMV.

Now i’m rendering (50%) the second part of video. Wish me luck :D

You still need to stay tuned :D

Tags: ,

Bookmark this article!

Del.icio.usDiggStumbleUponFurlRedditTechnorati

SlashDotWindows LiveYahooGoogleFacebookBlogLines

3 Comments »

  1. Still waiting for this tutorial man ;)

  2. May 24, 2008 Ionut Staicu said:

    well… i’m workin on it :D i made about two hour of raw video and now i’m editing & rendering. Today will be up. Can you guys recommend me a video hosting? Youtube limit is at 10 minutes AFAIK so i will need MORE…

  3. [...] 25, 2008 Ionutz a realizat un tutorial video de slicing al unui PSD si respectiv asamblare in HTML. Daca-l considerati util nu ezitati in a lasa [...]

Leave a comment