Friday, February 8, 2008

Convert PSD into Xhtml

As far as web designer concerned you would certainly like to learn “how” to code PSD into a CSS/Xhtml/. To say it even more ethically, your are converting images into JPEG,PNG etc, but learning the way of converting a PSD in Xhtml is slightly different.
It’s not that hard to convert the PSD file but it will really matter how well you code it to get more performance from your web page. For example, if your web page has more pictures it would take more time to load, but using the CSS code with either Xhtml format you can tweak it to load faster. Reading through a known book would help a lot learning in-depth concepts of Photoshop and web development using Photoshop. So let’s take a look at the instructions below which can help you understand and perform the coding.
Firstly open Photoshop application before we proceed any further. Now from the Main Menu, click on the File Menu on the top of the window and select the Open option from list. This will allow you to pick an existing PSD file on your local computer. Once you have selected a PSD file, you should go back into File Menu and select the Edit in ImageReady option from the list. This will open the PSD document in ImageReady. To proceed further, you can select the Slice tool from the Tools palette which is located vertically either in right or left side of the Photoshop application. This tool will help us define the way you would like to divide your PSD documents.

Once you finished up the slicing on the images in your PSD document you will find those areas starting to hide under blue numerated lines and squares. This is the indication of a slice. Slices can be identified very easily as been placed appropriately into proportionate images. Never try to slice an image twice as this will only increase overhead. You are now left to define the output parameters through which you will get these slices converted into pictures along with the code that you need the most.