webdesign:slicetool
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
webdesign:slicetool [2014/10/06 23:40] – [How to know what the guides and slice types were created?] admin | webdesign:slicetool [2022/10/29 16:15] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 58: | Line 58: | ||
* User Slice: Blue Box | * User Slice: Blue Box | ||
* Auto Slice: Gray Box | * Auto Slice: Gray Box | ||
+ | ==== Convert PSD to HTML ==== | ||
+ | Basic Changes: | ||
+ | - Step1: Save **PSD to PNG or JPG file** | ||
+ | - Step2: Using tool to **get all color in PNG file** | ||
+ | - 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: Change layout of template base on layout of PSD 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.1412638844.txt.gz · Last modified: 2022/10/29 16:15 (external edit)