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
webdesign:slicetool [2015/05/15 13:12] – [Convert PSD to HTML] adminwebdesign:slicetool [2022/10/29 16:15] (current) – external edit 127.0.0.1
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.1431695550.txt.gz · Last modified: 2022/10/29 16:15 (external edit)