滑鼠游標製作教學

2008062219:22

蒐集 

之前有位朋友,要我幫她解決游標問題。因為這個機緣,我就又重新學著如何製作游標。

沒想到,還真是簡單,所以上次框圖就順手做了套裝游標,很有趣的。

看到那個小小的滑鼠游標一動一動的,真有意思。

現在又有朋友問說,我要不要PO游標的教學文。

這個啊~嗯嗯~這麼好玩的東西,適合大家分享,所以就又做了教學文。

不過,我只做我會做的過程喔。因為只要做的出游標就好囉~是不是呢!

有興趣的朋友,請一起來玩吧!


 

一. 游標製作下載安裝步驟:

1. 游標製作軟體(抱歉因容量大..無法上傳..請自行尋找..壓縮檔 Ma5.rar)→   

2. 下載完成,解壓縮。壓縮後,會出現Ma5的文件夾→ 

點進去Ma5文件夾裡面有↓安裝程式跟中文化程式兩個文件夾

3. 請記得要先安裝→《安裝程式》→再安裝→《中文化程式》。


 

二. 安裝步驟說明:

 

1. 請先開啟《安裝程式》,裡面有兩個檔案

請快點 Setup.exe 兩下,進行安裝 《主程式》↓ 請隨著安裝精靈按 Next 安裝。

 

 

2. 安裝程式安裝完畢,請再點入《中文化程式》

請快點 cmike50r.exe 兩下,進行安裝 《中文化程式》↓ 請隨著安裝精靈按下一步安裝。

 

3. 全部安裝完成後,若是在桌面上,沒有看到游標製作工具圖示

那麼請到,電腦的左下角有個開始點進入,按所有程式→在裡面找到安裝好的 Microangelo ↓

 

Microangelo 裡面有五個程式↑

  ←製作動畫游標圖的工具 (選這個。可以把它傳到桌面當捷徑↑)

   ←尋找和瀏覽您電腦裡各種Icon檔案圖示的工具

   ←觀看、管理及編輯電腦裡各種圖示資料庫

   ←編輯設定圖示的顯示方法

  ←製作靜態Icon圖示的工具 (有擷取螢幕圖示的功能)

 


三. 游標圖製作教學:

 

好了,開始來製作個人風格的動畫游標圖吧!

※ 注意:只支援BMP的圖檔格式。

所以要製作的圖片,必需要先轉換成BMP的圖檔格式。

因為游標檔的格式必需是 cur (靜態圖檔) 或 ani (動畫圖檔) 或是 ico 檔。

圖片轉檔可以利用→  或是→ 

就是先把圖片叫進小畫家或是PhotoImpact ,然後再按另存新檔,在存檔類型中選擇BMP,儲存後,就是BMP檔了。

如圖所示↓

 

 

若是用 PhotoImpact 轉格式,會比較佔優勢。

因為若是所選素材是個動畫,在 PhotoImpact 裡,可以將它全部拆成一張一張的圖片,再一一存成BMP檔後。

那麼就有動畫的連續圖片。之後再到游標製作工具裡,一個一個貼在影格上,就有現成的動畫游標了。

下面的教學,我就是用  ←這張圖當素材。然後 轉格式。

PhotoImpact 開啟檔案時會問到↓

選擇↑這個方式開啟,就會把動畫的所有畫格開成一張張的圖片。

若畫格圖片太多,就選擇幾張圖來變化做成動畫游標,就可以囉。

 


製作游標圖步驟一.  

 

開啟 → 製作工具

一開啟工具後會出現四個視窗→主工具。色盤。預覽。繪圖修飾。

1. 先從主工具上方的文字工具列→按編輯進入,點選匯入BMP檔到影格。(就是叫出要當游標圖的BMP圖檔)

※在動畫游標製作前,要先找好要製作成游標圖的圖片,而且也事先轉成BMP檔,這樣要製作時才方便喔。

 

2. 叫進來的圖片,在預覽視窗中可以看到實際的尺寸圖示

 

3. 插入其他影格

(前面,我把kitty圖片取五張轉成BMP檔,所以還有四張圖要叫進來)

作法:先按新增影格圖示→出現插入新的影格視窗→設定要加入的影格數(看您選的圖片有幾張就填幾張數字)

→選擇在影格1之後(若選在之前,則加入的圖片會變成影格1)

→填滿不打勾(就是不要複製影格1的圖片,要另外插入,所以不打勾)→按確定

上圖設定插入4個影格,按確定後,在畫面上就出現1到5的影格了↓

3叫出其他影格的圖片:先點一下影格2,然後按編輯進入,選匯入MBP檔

之後圖片就會出現在工作台了。3.4.5影格的圖片,一樣如此做。

 


4. 修改游標圖片

因為叫進來的圖片有背景底色,現在要把這些白底去背,修改成透明(讓圖片變成透空的),然後再加上小箭頭。

A. 游標圖去背作法:從第1個影格圖開始。點一下影格1→在工作台上就會出現影格1的圖片→點一下色盤的透明色。

上圖原先是白底,現在點了透明後變成藍色,就是去背底色了。

接下的4個影格圖片,也都是如此做,把白色底去背。

 


B. 游標圖加入箭頭作法:

五個影格圖片都去背後,再回到影格1,現在要幫工作台上的圖片加入一個箭頭。(不想加或換個圖都可以)

游標前的箭頭也就是工具裡的感應點,功用是在指到連結時,會立即感應而變換圖示的箭頭頂端。

1.點一下上方圖示工具列的設定感應感,這時會在圖片的左上角格子出現閃白點。這個點就是箭頭的頂端。

2. 然後點一下左邊編輯工具欄的畫筆,再到色盤上點選一個顏色後,從感應點開始塗出一個三角形(或任何形狀都可以)。

(若是要點選圖片上相同的顏色,就以使用畫筆下面有個   ←點一下,到圖片上選顏色,再來塗箭頭也可以。)

3. 塗好後,在預覽視窗就能看到箭頭的標示了。就是這麼簡單的,箭頭就完成了。

其他四張圖片也是一樣的作法。您可以讓每張箭頭都用不一樣的顏色,這樣箭頭就會一閃一閃的了。

  

↑五張游標圖都加上了箭頭,可以點一下播放鍵預覽游標圖的動作。

滿意後,就可以儲存檔案了。


 

5. 儲存檔案

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

如此第一個游標圖就完成了。

之後再上傳到網路空間,取得網址,套上語法後就可以在部落格裡看見漂亮的滑鼠游標了。

奇摩部落格的游標語法:

/*游標圖語法*/

body{cursor:URL(http://cloud123.t35.com/rar/k-ani1.ani);}

a:hover{cursor:URL(http://cloud123.t35.com/rar/k-ani2.ani);}

 

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

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

 


製作游標圖步驟二

 

接著 製作第二個游標圖

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

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

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

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

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

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

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

修改文字顏色

1.先點一下填色桶,再到色盤選個顏色,之後到工作台任何一字上點一下,將紅色的文字換個顏色。

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

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

3. 新增影格時,就跟下圖一樣,但這回在4.的位置前方小方格就要打勾了。

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

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

這樣有變化,游標看起來才像動畫。然後再加上箭頭,看一下預覽,滿意了就可以儲存檔案了。

→ 

5. 儲存檔案

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

第二個游標圖也完成了。

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

奇摩部落格的游標語法:(複製語去貼在CSS底下就可以了)

 

/*游標圖語法*/

body{cursor:URL(http://cloud123.t35.com/rar/k-ani1.ani);}

a:hover{cursor:URL(http://cloud123.t35.com/rar/k-ani2.ani);}

 

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

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

 


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

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

玄音 合十

 

本文為網頁嵌入發表,若想收藏,只要複製下列語法,貼到文章發表語法區就可以囉!

<p align=center><embed src="http://xxx123.freehyperspace2.com/Ma5/Ma5.htm" width="620" height="11700"></embed></p>