6 Jun 2012

Web design through Slice tool


Slicing of an image is a wonderful Photoshop technique.  It basically slices an image into different pieces. You can then edit or save these slices. You can use these images in your code. This would be an easy technique to change background, using picture or text etc. While writing HTML code for everything is an old and tough technique.



How Slicing Works?
 Usually designers design the Photoshop layout of a website and then the developer code that site.
Through slicing an image developer just need to merge the Photoshop sliced images by the code.

Step1: Open the designed layout of your site page.
Step2: On the side bar see the slice tool. Slice the image into parts. (Carefully Slice those areas which you want to use in your website design).
Step3: File > Save for web & devices
Step4: All selected files will be now in a folder. You can use them through their codes on your site by using HTML.

Style by your choice by applying CSS.

2 comments:

Photoshop is really one of the best tools to use in web designing. You can create great designs for website on this tool. Hope to see more discussion about this to use in web designing.

Philippine Web Design

Yes, I do agree with you. Photo shop is the best web designing software that contains so many features and tools. It is the most easiest software that any one can learn easily.



Microsoft Training

Post a Comment