Hi, I am pretty new to web design, am getting peitty good with photoshop and the actual design of the layout but i am having problems when it comes to slicing the template up to export in to dreamweaver.

 

Does anyone know of any good tutorials about slicing or can anyone point me in the right direction ? I have searched the net and cant find any tutorials that explain clearly.

 

Thanks for any help.

Ooh, I can't help you first-hand because that's not the way I design things, but let's see what Google has to say, shall we?

 

Welcome to the forum, by the way.

 

http://www.entheosweb.com/photoshop/layout.asp

http://www.reconn.us/tutorial_01.html

http://www.tutorialized.com/tutorials/Phot...p/Web-Layouts/1

http://www.good-tutorials.com/tutorials/ph...hop/web-layouts

 

Hope these help!

thank you, should get me started

this is a great website made by the people at pixel2life, helped me out greatly when i was starting take a look:

 

http://www.slicingguide.com/

How you slice a design in photoshop? actualy i always used imageready and goes much better i guess.

There's a Slice tool in Photoshop that let you define areas which then get saved as separate files when you Save For Web.

i presume its the same as imageready lol...

Yea, should think so. I've never used IR much.

With the structure of CSS design I would think the slice tool is close to useless. The way you layout a page is pretty close to the layering in Photoshop.

 

Well, assuming that you're a good Photoshop citizen you have been using groups to segregate different elements of the page design already so all you need to do is drag the group onto a new document and start keeping seperate PSDs of all the different sections/titles/features etc. as well as the full PSD of the design and organising them in some kind of folder structure. And if you haven't...well I guess you better start getting more organised in your work .

 

It is much quicker to work this way and makes making changes as simple as going into 'titles' folder and opening the PSD of the title you want, making a few changes, and exporting to PNG (and if you have a lot of changes to make and wish to see them in the layout of the site then you can do them on the full PSD and once everything looks right, drag the groups off into their seperate PSDs and start exporting). You could probably write some Javascript/Photoshop scripting to automate the group exporting but I haven't really cared enough to try.

^^

Very good tip. Take note.

I'm a layer/group maniac. I keep as much of the components in an image editable.

Good names is the key, when your layer list grows you're gonna be sorry for leaving your layers named "layer1", "layer2" etc.