Using Photoshop to start design of site

[joshbutcher]

I have been reading a lot that designers are coming up with the design of the site in photoshop, then splicing it and taking it to dreamweaver, or whatever editor they use.

How many people actually do that? I have never done that.

 

[magictree]

Most of the time, yes. My process:

0. Doodle framework with pencil

1. Get framework done in PS (just the positions of everything, usually using shades of grays for coloring at this point)

2. Decide color scheme and start filling in framework

3. Make site, splicing whatever's necessary as I go along. I try to see which aspects I'm willing to make entirely HTML/CSS based to speed loading times up

For many cool effects (e.g. gradient like this site's header) you'll need to do some splicing.

 

[LouTheDesigner]

I do this ONLY when necessary: for example, when a company has a graphic designer that creates the layout in photoshop.

If you want to learn how, I recommend following these 2 tutorials:

For slicing:
http://www.youtube.com/watch?v=DVfxe4pqvo8

For importing into Dreamweaver:
http://www.youtube.com/watch?v=lEjLciNRC8s

That should help a lot.

-Lou

 

[webmaster705]

Is there any other way to access the tutorial, youtube is banned in my area.

 

[PixelPusher]

This is always the process for me. Design (Ps), then build (Dw)

 

[LouTheDesigner]

Is there any other way to access the tutorial, youtube is banned in my area.

Yes,

Go to keepvid.com

It will ask you to copy and paste the youtube URL into the field.

It will then generate a movie file for downloading.

-Lou

 

[maheshwebads]

First do the complete design in photoshop, slice it, optimize it and build in dreamweaver
you could check this
http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/
or you could contact me I will teach you online