製作自己的滑鼠游標

2010081123:43

 

自己做個人滑鼠游標

 

本文來自:玄音小棧

因為之前引用的圖片都已失聯,寶貝蜜糖重新做了整理。

希望對大家有所幫助!

一. 下載游標製作軟體:

*本軟體要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圖檔)

※在動畫游標製作前,要先找好要製作成游標圖的圖片,而且也事先轉成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(你的游標圖);}

語法說明→ 

                                          第一行語法是正常時的游標圖案。

第二行語法是滑鼠點到連結時,改變後的游標圖案。

游標上傳空間,可以上傳到奇摩個人網或是香港奇摩個網

FileDEN-500MB免費空間申請教學使用~

如何貼在部落格?在部落格右上角

 

 

將語法貼在css語法框最下面

在最後一行貼上語法,就一切ok了,嘻!終於有了自己的游標。

 


 

 

製作游標圖 之二

接著 製作第二個游標圖

這次我用直接打文字的方法,製作游標圖。

作法:先點擊開啟新檔→之後會有個開啟新資料視窗出現→選項都OK後→按確定。

↑點擊文字鍵,會在製作工具旁出現一個加入文字視窗。↑

直接在這個文字視窗上輸入您想要的文字。

1.打字前請先到色盤選個顏色,或事後再塗顏色都可以。

2. 打好文字按Enter鍵(輸入中英文字都可以),文字就會出現在工作台上。

3.點字型進入,可以更換字型。

 

修改文字顏色

1.先點一下油漆桶

再到色盤選個顏色,之後到工作台任何一字上點一下,將文字換個顏色。

(因為填色桶在填顏色時,是一大塊的填滿,比較快。也可以使用畫筆一格一格慢慢塗。)

2. 換好顏色後,若要讓文字變成動畫,可以再新增一個影格。

3. 在新增影格時,這回在用目前的影格甜滿心的影格小方格就要打勾了。

這樣可以把第一個影格的文字圖案複製到第二個影格。

 

增加相同的影格後,再把第二影格的文字顏色換一下,不要跟第一影格的文字顏色一樣。

這樣有變化,游標看起來才像動畫。

然後再加上箭頭,看一下預覽,滿意了就可以儲存檔案了。

*還有記得要去背哦!

儲存檔案

請按上方文字工具列的檔案進入→點選另存新檔→取個名稱按儲存就OK囉。

*記得儲存ani 哦!

第二個游標圖也完成了。 

同樣的上傳到網路空間,取得網址,套上語法後就可以貼在部落格了。

奇摩部落格的游標語法:(複製語去貼在

CSS底下就可以了)

/*游標圖語法*/

body{cursor:URL(你的游標網址);}

a:hover{cursor:URL(你的游標網址);}

語法說明→ 第一行語法是正常時的游標圖案。

第二行語法是滑鼠點到連結時,改變後的游標圖案。

游標上傳空間,可以上傳到奇摩個人網或是香港奇摩個網

FileDEN-500MB免費空間申請教學使用~


好囉。。以上就是游標圖的教學。

到此告一個段落了,祝您玩得愉快唷~

玄音合十

寶貝蜜糖在此內容已增添或修改,我會註明來源並加連結,內容如有侵犯到您的著作權敬請告知。喜歡的人,希望您能使用引用方式,這樣…對想學習的人或能多一點幫助。謝謝!