fireworks切片工具定位功能怎麼使用
來源:趣味百科館 2.16W
fireworks似乎慢慢地淡出了人們的視線,反而ps的地位仍然穩如泰山。但是fireworks是網頁製作的三劍客之一,他在製作網頁上的體現的能力還是很強的,對於切片工具的位圖屬性,極其便利sprite圖及網頁幀動畫的製作,(利用改變background-position)使網頁交互友好 。下面我就簡單介紹它的使用。
1、打開Micromedia Fireworks。(其安裝請參考其他),再打開一張圖片(sprite 圖或者幀動畫圖(每一幀的圖集合)),此處爲一張sprite圖。
2、先尋找sprite 圖中你想要的圖案,點擊縮放,待縮放到清晰的圖,然後點擊切片工具。
3、開始切片,在圖中選取你想要的圖案,獲取離右上角的(x,y),後引入代碼中。當然你如果選擇的區域不理想可以按着CTRL 再用鼠標調整。效果如下;也可以做動態圖,就是不斷地改變background-position 的(x,y),每改變一個位置則是一幀數圖,來實現動態圖,由於動態圖加載不如靜態圖快等原因,現在大都採用如上述的方法在網頁上實現動態圖,在這裏難以演示。