|
|
看到別人在網頁或部落格裡的游標如此華麗,想要一個屬於自己的嗎? |
Microangelo 是一套游標製作工具,相關資料網頁如下:
軟體實體下載網址 / 軟體王 相關介紹 /
OECSPACE 製作教學 / OECSPACE 使用教學
本例相關半成品及成品 [下載]
Step01. 先用圖形編輯工具,例如:小畫家、PhotoImpact 或是 Photoshop。本例使用 Photoshop 編輯兩個字形的檔案,大小為正方形,本例為 64 x 64 像素。 (因為動畫游標最終大小為 32 x 32 的正方形)
兩個圖檔,分別為 "恭" 及 "喜"。當然,也可以用圖片來取代。要做成動畫,最少必需有兩張以上的圖片。

Step02. 完成後,請另存新檔為 bmp 檔。本例為一個 "恭" 及一個 "喜" 的圖片檔。

Step03. 開始 / 所有程式 / Microangelo / 裡面有兩個功能:Studio 是製作靜態游標,靜態游標一般可以到 64 x 64;而 Animator 是製作動態游標,動態游標量多只能做到 32 x 32。而當匯入進來後,會自動縮成可以使用的大小,所以上一步驟中,將圖檔刻意存成為 64 x 64。請開啟 Animator 並選取功能表 編輯 / 匯入 Bmp 檔到影格。

Step04. 匯入完成如下圖所示。

Step05. 完成第一張圖檔匯入 (如圖中央所示) 之後,請按一下右上方,新增影格 按鈕。

Step06. 在 "插入新的影格" 對話方塊中。請如下圖,將 "用目前的影格填滿新的影格" 核取方塊取消,再按下 "確定" 鈕。

Step07. 完成後出現一個空白影格 2

Step08. 再次使用 功能表 編輯 / 匯入 Bmp 檔到影格。將圖檔 "喜" 複製進來。

Step09. 請選取影格1。選取 "填色" 工具鈕。選取色盤第二列右邊第二個按鈕,這是設定為桌面色彩,即為透明色。再到中央填滿白色部位。請注意 "預覽" 窗格中的變化,設為桌面色即為透明。

Step10. 將白色部份適當填滿,完成如下圖。

Step11. 將影格 2 的喜字也做如上圖般填色。完成如下圖,並保持注意 "預覽" 窗格裡的變化。

Step12. 再分別在影格 1 及影格 2 裡的左上角。使用 "直線" 工具鈕,在色盤選最左上角的黑色 (當然也可以自由選取喜歡的顏色)。在兩個影格中繪製一樣大的三角形,若有很多影格都要畫的一模一樣。這就是讓使用者可以依循的游標端點。

Step13. 完成繪製後,使用上方的 "設定感應點" 工具鈕,在最左上角設定。請注意每一個影格都要設定,且要設定在相同位置。

Step14. 完成後可以在 "預覽" 窗格裡按三角按鈕預覽。以及調整下方滑桿調整整體的播放速度。

Step15. 全部完成後。使用功能表 檔案 / 另存新檔。可以先存在桌面上。若要放在部落格裡,檔名請使用英文及數字,不要特殊符號。最後按下 儲存 鈕。

Step16. 完成後桌面圖示如下。自動會有副檔名 ani。

Step17. 有兩個應用可以玩玩看。其一是在控制台 / 滑鼠 中。選取 指標 類別標籤。選取要變更的滑鼠 / 按下 瀏覽 按鈕。

Step18. 在 檔案類型 選取 游標 / 再選取剛才製成的游標 / 按下 開啟 按鈕。回到上圖按 確定 即可在自己的電腦使用自己的游標。

Step19. 其二,可以進入全球華文網後台,先在檔案中心裡,將游標檔案上傳。
a. 進入檔案中心 / 新增資料來。建立一個存放位置。
b. 選取新增檔案 / 按 瀏覽。
c. 找到游標檔。
d. 按右下方 新增 按鈕。

Step20. 完成如下圖。接著需要找到游標的實體位置。請按一下圖示。

Step21. 按一下檔案的連結。

Step22. 在 下載 的超連結處 / 按滑鼠右鍵 / 選 內容。

Step23. 將實體 網址選取 / 按右鍵 / 複製。

Step24. 在本例範例中有一個文字檔,請打開,將上圖複製的網址置換其中的中文部份,再次選取並再次複製。

Step25. 在文章編輯中,按一下 HTML 編輯鈕。
Step26. 可以貼在全文的最前或最後面,最後按下 Update 鈕。再更新全文,回到前台,打開文件,就可見到美麗的游標了。

祝您成功製作。 語法如下:
<style type="text/css">
body {
cursor:url("http://blog2.huayuworld.org/gallery/9/NewYear1.ani"),url
("http://blog2.huayuworld.org/gallery/9/NewYear1.ani"),text;
}</style><p>
注意:這種製作及語法,只能適用於 IE。