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

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),后引入代碼中。當然你如果選擇的區(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)圖,在這里難以演示。
相關推薦:
相關文章
- Fireworks快捷鍵怎么自定義設置?每個軟件都有自己用習慣的快捷鍵,該怎么設置Fireworks中的快捷鍵呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-17
- fireworks怎么畫一輪滿月?想要繪制夜空中的一輪滿月,該怎么繪制呢?下面我們就來看看使用fireworks畫銀色大月亮的教程,需要的朋友可以參考下2017-03-17
- Fireworks怎么制作圓角三角形?Fireworks中想要將直角三角形變成圓角三角形,該怎么操作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-17
- 有些使用Fireworks的朋友可能對它的操作用法還是不太了解,大家知道Fireworks可以用來修改網(wǎng)格線尺寸嗎,下面小編就為大家介紹fireworks修改網(wǎng)格線尺寸方法,來看看吧2017-03-17
- 許多人習慣使用PS對圖片進行相關處理,但還有一款同類的圖片處理軟件——firework也可以實現(xiàn)同樣的功能,甚至比PS運用起來還要簡單一些,下面為大家介紹Fireworks中文字工具的2017-03-17
- fireworks怎么制作立體陰影字體效果?想要使用fireworks制作立體效果有陰影的文字,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-03-17
- Fireworks怎么畫大腳圖標?Fireworks中想要畫一個圖標,該怎么畫呢?下面我們就來看看使用Fireworks畫一個大腳圖標的教程,需要的朋友可以參考下2017-03-17
- Fireworks怎么畫五子棋黑白棋盤?想要畫一個黑白相間的格子圖,也就是我們常見的五子棋棋盤,該怎么繪制呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-03-17
- Fireworks8怎么制作透明背景Logo?想要制作一個透明背景的logo方便放到網(wǎng)站上去,該怎么設計呢?今天我們就來看看使用Fireworks來完成的教程,需要的朋友可以參考下2017-03-17
- 這篇教程是向腳本之家的朋友分享Fireworks簡單制作一個人像時鐘方法,教程制作出來的時鐘非常漂亮,方法也很簡單,推薦到腳本之家,喜歡的朋友可以參考本文2017-03-16