fireworks似乎慢慢地淡出了人們的視線,反而ps的地位仍然穩(wěn)如泰山。但是fireworks是網(wǎng)頁制作的三劍客之一,他在制作網(wǎng)頁上的體現(xiàn)的能力還是很強的,對于切片工具的位圖屬性,極其便利sprite圖及網(wǎng)頁幀動畫的制作,(利用改變background-position)使網(wǎng)頁交互友好 。下面我就簡單介紹它的使用。
1、打開 Micromedia Fireworks。(其安裝請參考其他),再打開一張圖片(sprite 圖或者幀動畫圖(每一幀的圖集合)),此處為一張sprite圖。
2、先尋找sprite 圖中你想要的圖案,點擊縮放,待縮放到清晰的圖,然后點擊切片工具。
3、開始切片,在圖中選取你想要的圖案,獲取離右上角的(x,y),后引入代碼中。當(dāng)然你如果選擇的區(qū)域不理想可以按著CTRL 再用鼠標調(diào)整。效果如下;也可以做動態(tài)圖,就是不斷地改變background-position 的(x,y),每改變一個位置則是一幀數(shù)圖,來實現(xiàn)動態(tài)圖,由于動態(tài)圖加載不如靜態(tài)圖快等原因,現(xiàn)在大都采用如上述的方法在網(wǎng)頁上實現(xiàn)動態(tài)圖,在這里難以演示。
新聞熱點
疑難解答