自己做個人滑鼠游標
本文來自:玄音小棧
因為之前引用的圖片都已失聯,寶貝蜜糖重新做了整理。
希望對大家有所幫助!
一. 下載游標製作軟體:
*本軟體要IE6以上才適用哦!
1. 請先下載游標製作軟體Microangelo
2. 下載完成,請解壓縮。壓縮後,會出現Ma5的文件夾→
點進去Ma5文件夾裡面有↓安裝程式跟中文化程式兩個文件夾
3. 請記得要先安裝→《安裝程式》。再安裝→《中文化程式》。
二. 安裝步驟說明:
1. 請先開啟《安裝程式》,裡面有兩個檔案
請快點 Setup.exe 兩下,進行安裝 《主程式》↓ 請隨著安裝精靈按 Next 安裝。
2. 安裝程式安裝完畢,請再點入《中文化程式》
請快點 cmike50r.exe 兩下,進行安裝 《中文化程式》↓ 請隨著安裝精靈按下一步安裝。
3. 全部安裝完成後,若是在桌面上,沒有看到游標製作工具圖示
那麼請到,電腦的左下角有個開始點進入,按所有程式→在裡面找到安裝好的 Microangelo
Microangelo 裡面包含的程式↓
三. 游標圖製作教學:
好了,開始來製作個人風格的動畫游標圖吧!
※ 注意:
Microangelo只支援BMP的圖檔格式。所以要製作的圖片,必需要先轉換成BMP的圖檔格式。
因為游標檔的格式必需是 cur (靜態圖檔) 或 ani (動畫圖檔) 或是ico 檔。
而jpg. gif. png.bmp 都不能當做游標圖。
圖片轉檔可以利用→
就是先把圖片叫進小畫家或是PhotoImpact ,然後再按另存新檔,在存檔類型中選擇BMP,儲存後,就是BMP檔了。
若是用 PhotoImpact 轉格式,會比較佔優勢。
因為若是所選素材是個動畫,在 PhotoImpact 裡,可以將它全部拆成一張一張的圖片,再一一存成BMP檔後。
*注意:存檔類型一定要bmp哦!
那麼就有動畫的連續圖片。之後再到游標製作工具裡,一個一個貼在影格上,就有現成的動畫游標了。
下面的教學,我就是用←這張圖當素材。然後用 PhotoImpact 轉格式。
按檔案→開啟舊檔→你的gif圖後
在 PhotoImpact 開啟這個檔案時會問到↓
選擇↑這個方式開啟,就會把動畫的所有畫格開成一張張的圖片。
若畫格圖片太多,就選擇幾張圖來變化做成動畫游標,就可以囉。
然後再一張一張的存成bmp,我的是存成八張。
沒有 PhotoImpact軟體的朋友,請自行下載。
製作游標圖 之一
開啟 → 製作工具
一開啟工具後會出現四個視窗→主工具。色盤。預覽。繪圖修飾。
1. 先從主工具上方的文字工具列→按編輯進入,點選匯入BMP檔到影格。
※在動畫游標製作前,要先找好要製作成游標圖的圖片,而且也事先轉成BMP檔,這樣要製作時才方便喔。
↓
2. 叫進來的圖片,在預覽視窗中可以看到實際的尺寸圖示
3. 插入其他影格
(前面,我把dog圖片取八張轉成BMP檔,所以還有七張圖要叫進來)
作法:先按新增影格圖示→出現插入新的影格視窗→設定要加入的影格數(看您選的圖片有幾張就填幾張數字)
→選擇在影格1之後(若選在之前,則加入的圖片會變成影格1)
→填滿新的影格不打勾(就是不要複製影格1的圖片,要另外插入,所以不打勾)→按確定
一樣會有一個對話視窗如上上圖 ↑
然後按編輯進入,選匯入MBP檔。
之後圖片就會出現在工作台了。3.4.5.6.7.8影格的圖片,一樣如此做。
4. 修改游標圖片
因為叫進來的圖片有背景底色,現在要把這些白底去背,修改成透明(讓圖片變成透空的),然後再加上小箭頭。
A. 游標圖去背作法:從第1個影格圖開始。點一下影格1→在工作台上就會出現影格1的圖片→點一下色盤的透明色。
就是▼下面有兩個
上圖原先是白底,現在點了透明後變成藍色,就是去背底色了。
我們的主題是白色的狗狗嘛!狗狗以外的顏色就用透明色把它去除,
使用工具列的油漆桶去背比較快。
接下的七個影格圖片,也都是如此做,把不要的底去背。
B. 游標圖加入箭頭作法:
八個影格圖片都去背後,再回到影格1,現在要幫工作台上的圖片加入一個箭頭。(不想加或換個圖都可以)
游標前的箭頭也就是工具裡的感應點,功用是在指到連結時,會立即感應而變換圖示的箭頭頂端。
1.點一下上方圖示工具列的設定感應點
2. 然後點一下左邊編輯工具欄的畫筆,再到色盤上點選一個顏色後,從感應點開始塗出一個三角形(或任何形狀都可以)。
3. 塗好後,在預覽視窗就能看到箭頭的標示了。就是這麼簡單的,箭頭就完成了。
按黑色箭頭即可看預覽
其他張圖片也是一樣的作法。您可以讓每張箭頭都用不一樣的顏色,這樣箭頭就會一閃一閃的了。
滿意後,就可以儲存檔案了。
5. 儲存檔案
請按上方文字工具列的檔案進入→點選另存新檔→記得一定要存ani,如dog.ani按儲存就OK囉。
如此第一個游標圖就完成了。
之後再上傳到網路空間,取得網址,套上語法後就可以在部落格裡看見漂亮的滑鼠游標了。
奇摩部落格的游標語法:
/*游標圖語法*/
body{cursor:URL(你的游標圖);}
a:hover{cursor:URL(你的游標圖);}
語法說明→
第二行語法是滑鼠點到連結時,改變後的游標圖案。
游標上傳空間,可以上傳到奇摩個人網或是香港奇摩個網。
如何貼在部落格?在部落格右上角
按
↓
↓
按
↓
↓
將語法貼在css語法框最下面
在最後一行貼上語法,就一切ok了,嘻!終於有了自己的游標。
製作游標圖 之二
接著 製作第二個游標圖
這次我用直接打文字的方法,製作游標圖。
作法:先點擊開啟新檔→之後會有個開啟新資料視窗出現→選項都OK後→按確定。
↓
↑點擊文字鍵,會在製作工具旁出現一個加入文字視窗。↑
直接在這個文字視窗上輸入您想要的文字。
↓
1.打字前請先到色盤選個顏色,或事後再塗顏色都可以。
2. 打好文字按Enter鍵(輸入中英文字都可以),文字就會出現在工作台上。
3.點字型進入,可以更換字型。
修改文字顏色
1.先點一下油漆桶
,再到色盤選個顏色,之後到工作台任何一字上點一下,將文字換個顏色。(因為填色桶在填顏色時,是一大塊的填滿,比較快。也可以使用畫筆一格一格慢慢塗。)
2. 換好顏色後,若要讓文字變成動畫,可以再新增一個影格。
3. 在新增影格時,這回在用目前的影格甜滿心的影格小方格就要打勾了。
這樣可以把第一個影格的文字圖案複製到第二個影格。
增加相同的影格後,再把第二影格的文字顏色換一下,不要跟第一影格的文字顏色一樣。
這樣有變化,游標看起來才像動畫。
然後再加上箭頭,看一下預覽,滿意了就可以儲存檔案了。
↓
*還有記得要去背哦!
儲存檔案
請按上方文字工具列的檔案進入→點選另存新檔→取個名稱按儲存就OK囉。
*記得儲存ani 哦!
第二個游標圖也完成了。
同樣的上傳到網路空間,取得網址,套上語法後就可以貼在部落格了。
奇摩部落格的游標語法:(複製語去貼在
CSS底下就可以了)/*游標圖語法*/
body{cursor:URL(你的游標網址);}
a:hover{cursor:URL(你的游標網址);}
語法說明→ 第一行語法是正常時的游標圖案。
第二行語法是滑鼠點到連結時,改變後的游標圖案。
游標上傳空間,可以上傳到奇摩個人網或是香港奇摩個網。
好囉。。以上就是游標圖的教學。
到此告一個段落了,祝您玩得愉快唷~
玄音合十