如何使用Photoshop的切片工具(slice)

因為VAWLOG的朋友有問到網站相關的問題，
我們就利用這個時間順便寫在blog，
讓有遇到類似問題的人可以搜尋。
其實切片工具VAWLOG不常用，
因為主要是直接以div標籤去分比較多，
但是一般不熟悉網頁的新手，
簡單上手的方式就是把影像做切片，
而Photoshop裡面像一個刀子的工具就是切片工具，
如上圖所示。

切片的主要概念就是利用PS再上面畫切割線，
在輸出網頁的步驟時，
讓PS利用你畫的分割線幫你分割圖片，
再用網頁的表格幫你整個拼起來，
甚至可以在分割的地方加上鏈接，
方便你鏈接網頁。

那到底要怎麼用呢？
VAWLOG在網路上找了又找，
終於找到幾個比較清晰的教學影片，
如果不會slice tool切片工具的，
就看看下面幾個Youtube影片吧，
保證會有收獲的。


如何切片



切片並輸出版面


Slice and Export a Website Layout + HTML