User Tools

Site Tools


webdesign:slicetool

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
webdesign:slicetool [2015/05/15 13:12] – [Convert PSD to HTML] adminwebdesign:slicetool [2015/05/15 13:26] – [Convert PSD to HTML] admin
Line 59: Line 59:
   * Auto Slice: Gray Box   * Auto Slice: Gray Box
 ==== Convert PSD to HTML ==== ==== Convert PSD to HTML ====
 +Basic Changes:
   - Step1: Save **PSD to PNG or JPG file**   - Step1: Save **PSD to PNG or JPG file**
   - Step2: Using tool to **get all color in PNG file**   - Step2: Using tool to **get all color in PNG file**
-  - Step3: Using **template with HTML and Javascript availabe** which suitable with the design, and replace colors in HTML with colors in design +  - Step3: Using **template with HTML layout and Javascript availabe** which suitable with the design, and **replace colors** in HTML with colors in PSD design 
-  - Step4: Using slice tool to **slice some images** in psd file +  - Step4: Change layout of template base on layout of PSD design 
-  - Step5: Update some images from design to images in template to finish the design+  - Step5: Using slice tool to **slice some images** in psd file 
 +  - Step6: Update some images from design to images in template to finish the design 
 +Other Changes: 
 +  * Add some new HTML element base on PSD design 
 +  * Add javascript to add some other effects for website
webdesign/slicetool.txt · Last modified: 2022/10/29 16:15 by 127.0.0.1