網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

fireworks切片工具定位功能怎麼使用

欄目: 數碼 / 釋出於: / 人氣:2.14W

fireworks似乎慢慢地淡出了人們的視線,反而ps的地位仍然穩如泰山。但是fireworks是網頁製作的三劍客之一,他在製作網頁上的體現的能力還是很強的,對於切片工具的點陣圖屬性,極其便利sprite圖及網頁幀動畫的製作,(利用改變background-position)使網頁互動友好 。下面我就簡單介紹它的使用。

1、開啟Micromedia Fireworks。(其安裝請參考其他),再開啟一張圖片(sprite 圖或者幀動畫圖(每一幀的圖集合)),此處為一張sprite圖。

fireworks切片工具定位功能怎麼使用

fireworks切片工具定位功能怎麼使用 第2張

2、先尋找sprite 圖中你想要的圖案,點選縮放,待縮放到清晰的圖,然後點選切片工具。

fireworks切片工具定位功能怎麼使用 第3張

fireworks切片工具定位功能怎麼使用 第4張

3、開始切片,在圖中選取你想要的圖案,獲取離右上角的(x,y),後引入程式碼中。當然你如果選擇的區域不理想可以按著CTRL 再用滑鼠調整。效果如下;也可以做動態圖,就是不斷地改變background-position 的(x,y),每改變一個位置則是一幀數圖,來實現動態圖,由於動態圖載入不如靜態圖快等原因,現在大都採用如上述的方法在網頁上實現動態圖,在這裡難以演示。

fireworks切片工具定位功能怎麼使用 第5張

fireworks切片工具定位功能怎麼使用 第6張

fireworks切片工具定位功能怎麼使用 第7張

Tags:Fireworks 切片