|
|
|
|
![]() ![]() |
Sep 30 2007, 12:23 AM
Post
#1
|
|
|
Advanced Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 126 Joined: 21-February 06 Member No.: 18,973 |
Here's the deal. I am new at working with web objects in photoshop. I have CS3, and I created a really nice template. I'm told I have to do something with slicing. So I have the template, and it has images, buttons, and text on the buttons, and text fields, etc. How can I export this to HTML and images, and be able to open it up in dreamweaver in an editable web page? I've tried exporting to "web and devices" and exporting as HTML and Images, but when I open it up in dreamweaver, it looks right, but it is all images.
Thanks |
|
|
|
Oct 1 2007, 01:45 PM
Post
#2
|
|
|
Newbie [Level 1] ![]() Group: Members Posts: 22 Joined: 1-April 07 From: Spain Member No.: 40,913 |
It's not so hard...
First of all I haven't use CS3 but CS2 so I guess there's no a big difference. Here's an advice first: * I't a bad idea to try to make the whole template with images 'cause your web site will load slow. You must use the images the header and maybe the footer, and the rest of the body use html, trying to combine the color of yor header with your html background and so on... About CS3 you were right, you could use the web and devices tool with the slice tool. You can find the slice tool as part of the Ps tools and it's seems a cutter tool image... so pic that tool and try to draw "squares" over your CS3 image. The tool is quite smart and it will numerate each slice. You must try to make pieces and make a sort of a puzzle with your PSD image. One your finished, export your image with web and devices option menu; set the parameters (if yu want jpg's or png's or gif's and the quality) choosea name for the file, the target folder and save it, or better said, save them, because CS3 will make for you separate images as slices you did with; after that go to dreamweaver and using tables "re-compose" the puzzle by loading the images previoulsy sliced and stored by CS3 |
|
|
|
Nov 5 2007, 08:59 PM
Post
#3
|
|
|
Newbie [Level 2] ![]() ![]() Group: Members Posts: 31 Joined: 28-September 07 Member No.: 50,771 |
It's not so hard... First of all I haven't use CS3 but CS2 so I guess there's no a big difference. Here's an advice first: * I't a bad idea to try to make the whole template with images 'cause your web site will load slow. You must use the images the header and maybe the footer, and the rest of the body use html, trying to combine the color of yor header with your html background and so on... About CS3 you were right, you could use the web and devices tool with the slice tool. You can find the slice tool as part of the Ps tools and it's seems a cutter tool image... so pic that tool and try to draw "squares" over your CS3 image. The tool is quite smart and it will numerate each slice. You must try to make pieces and make a sort of a puzzle with your PSD image. One your finished, export your image with web and devices option menu; set the parameters (if yu want jpg's or png's or gif's and the quality) choosea name for the file, the target folder and save it, or better said, save them, because CS3 will make for you separate images as slices you did with; after that go to dreamweaver and using tables "re-compose" the puzzle by loading the images previoulsy sliced and stored by CS3 Thanks having a good tutorial which you replied to the question. its really good and easy to understand slicing tools for web designers. |
|
|
|
![]() ![]() |
Similar Topics
|
Lo-Fi Version | Time is now: 26th July 2008 - 04:37 PM |