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

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

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

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


如何切片



切片並輸出版面


Slice and Export a Website Layout + HTML

是科學家還是美女？

今天收到一封信，
蠻有趣的，
利用眼睛近視的高斯模糊效果做的

有近視的把眼鏡拔掉就知道了，
不近視的人看到的是Albert Einstein 阿爾伯特 愛因斯坦，
近視的人看到的是Marilyn Monroe 瑪麗蓮 夢露，
沒近視的人把眼睛眯起來也可以看到夢露，
近視的人戴眼鏡看的是愛因斯坦取下眼鏡看到的是瑪麗蓮·夢露，
你近視還是不近視，看這圖就可以測出來了 。

相當有趣，
不知道作者是誰，
下禮拜我們來研究怎麼來做看看。
如果有知道出處或作者的麻煩告訴我們，
謝謝
祝大家周四愉快啦 :)