可以製作出個人化的游標哦~
步驟看似有些多 其實並不難..
下列示範簡易版動畫游標的製作方式
有興趣者可以試試~
一.[下載安裝檔案]
Microangelo_Toolset_v6.10.10_32_繁體中文版 (按鍵頭下載)
下載後解壓縮安裝檔<Microangelo Toolset v6.10.10_Chinese (Taiwan).msi>即可
二.[開啟程式] 安裝好的Microangelo,會有四個程式:
Animator .. 製作動畫游標軟體
Explorer .. 尋找和瀏覽各種圖示的工具
Librarian .. 管理及編輯各種圖示資料庫
Studio .. 圖示製作工具
請開啟"Animator"進入操作面版如下..
1.工具列 2.繪製區 3.預覽視窗 4.色盤 5.動畫影格
三. 1..按"選擇熱點" -要設置游標感應處
2..點畫格子,畫出所要的游標箭頭
四. 1..選取工具列的"文字"按鈕
2..會跳出文字輸入視窗,在裡頭輸入文字(牛奶的示範是輸入"Hello")
3..點選文字輸入視窗的"字型"按鈕,進入調整字體和大小
4..繪製區會呈現出輸入的文字
5..可從預覽視窗看到游標現狀
五. 1..按一下工具列的"顏色選取工具"
2..在右方色盤中選取顏色
3..按一下工具列的"畫筆"
4..將文字周圍的格子和游標箭頭塗上顏色
繪製過程中若畫錯了格子,別緊張,只要按上方的"復原"鍵,
或用"顏色選取工具"選取色盤右上角的綠色小螢幕圖案..(如下圖)
那是"透明色",再點選畫筆,將畫錯的部分點畫成透明即可~
六. 1..選取"新增影格"
2.在跳出的視窗中輸入游標動畫尚需的影格數,按確定
(牛奶的示範中是輸入"4")
1..承上個步驟..操作面版右方會新增四個影格數,加上原先一個,共五個(如下圖)
七. 1..點選右方第一個影格
2..按一下工具列的"顏色選取工具"
3..選取色盤上的白色
4..按一下工具列的"畫筆"
5..把"H"的格子點畫成白色
八. 1..點選右方第二個影格
2..把"e"的格子點畫成白色
九. 1..點選右方第三個影格
2..把第一個"l"的格子點畫成白色
十. 1..點選右方第四個影格
2..把第二個"l"的格子點畫成白色
八. 1..點選右方第五個影格
2..把"o"的格子點畫成白色
十一. 1..完成囉~可在預覽視窗按下播放箭頭觀看游標作品
牛奶此次的示範成果.. (呵呵~做得有點小!)
儲存時,因為這個游標屬於動態游標,故,檔名部分請加上 .ani 做為附檔名(如下圖)
若為靜態游標,則加上 .cur
製作游標時若想插入圖片,需先用小畫家或photoimpact改成點陣圖(.bmp)
再從操作面版上方的編輯→選擇性貼上→確定→選取.bmp檔的圖片→開啟;
若圖片背景非透明,可用上面所述的方式選擇透明色後,用畫筆將背景改成透明!
套用游標:
[使用於電腦中]
開始→控制台→滑鼠→指標(分頁)→下方瀏覽→選擇自製游標檔案
→套用
[使用於網頁或部落格的CSS語法]
1.需先將游標檔案上傳至網路空間,再於游標檔案上按右鍵看內容,
將游標檔的位置全部複製起來
2.將網頁的CSS拉到最下方,貼上下列兩行語法
body{cursor:url(游標圖片檔網址1)}
a:hover {cursor:url(游標檔圖片檔網址2)}
示範:body{cursor:url(http://smilepuppy.myweb.hinet.net/test.ani)}
"游標圖片檔網址"是要貼上游標檔的網路位置
body 放的是畫面上呈現的游標圖
a:hover 是移動到超連結時所變換的游標圖
留言列表