平常大家對網頁進行切片輸出的時候,一般都用普通的切片工具進行輸出的。但是如果遇到導航很多,切片重疊時候,用一般的方法就無法進行處理,這時多變型切片工具的好處就顯現出來了,以下我就詳細介紹多變切片工具的使用方法!
1.打開作好的導航圖片,在第一楨做好按鈕一般狀態(tài)圖形,在第二楨上,做好按鈕over狀態(tài)圖形,如圖所示:
2.回到第一楨,在工具欄找到多邊型工具(K),如果所示:
3.然后用切片工具根據按鈕重疊的形狀,勾出多邊型切片,如圖所示:
4.然后選中切片,點擊右鍵,在彈出菜單中選中“添加交換圖像行為”,如圖所示:
5.在彈出菜單中,選擇當前切片的第二楨,如圖所示:
6.然后選擇導出網頁,保存類型為“HTML和圖像”,如圖所示:
7.其它的按鈕依次類推,所作的效果如圖所示:
注意的問題: 1.多邊形切片工具不能切出圓形切片,如原圖比較復雜,可多切幾個邊,或在dw中在進行熱區(qū)形狀編輯; 2.多邊形工具的邊數多少決定生成文件的大小,所以除非特殊需要,盡量控制多邊形的邊數;
為了方便大家學習我提供了源文件下載。
出處:藍色理想
責任編輯:moonjeep
◎進入論壇Photoshop、Fireworks版塊參加討論
|