2009/3/22

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


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

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

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


如何切片



切片並輸出版面


Slice and Export a Website Layout + HTML

1 意見:

tony 提到...

第一部的語調好有趣XD