創作內容

13 GP

【游標教學】大懶人的快速製作游標方法 (>ω<)b

作者：Beatrice│2007-09-29 10:26:45│巴幣：2│人氣：8055

本文引用自此

【前言】

不少屋主會使用滑鼠游標來增加氣氛或者搭配來突顯小屋的主題，但一堆人都到網上下載滑鼠游標，使得難免會跟別人的小屋撞到同樣的滑鼠游標。

為了避免這種尷尬的情況發生，也讓自已有一個與眾不同的滑鼠游標，因此建議自己動手製作。但「工欲善其事，必先利其器」，這邊還請想要學習製作游標的人，稍微耐心看完這篇「落落藤(台語)」的圖文教學，也歡迎收藏以便日後繼續參考。

【作者】

帳號：hcvseiko
暱稱：　雨　
學齡：自學到今天(09/29)屆滿一週，算出師了 XD

【工具】

軟體：Microangelo、影像管理軟體PhotoImpact11(或小畫家也可以)
硬體：主機、鍵盤、螢幕、滑鼠……
電源：交流…… (被毆)

※備註：沒有Microangelo的人，可以到兔(sindsiona)的部落格下載，並閱讀基本使用教學

【教學開始】

以下會分成兩部分：(A)網頁模式、(B)部落格模式。
在網頁模式中，為11張的圖片說明以及滑鼠游標的預覽(在網頁最底下)；
而部落格模式，則有完整的文字以及11當的圖片解說，並附上已打包好的載點，
各位可以下載回去一併做為參考或拿來使用。

(A)網頁模式(點此連結) 包含圖片解說以及滑鼠游標的預覽

(B)部落格模式開始

我以HiYo 衝天跑(Tales Runner)官網(點此連結)左上方的「小飛鞋」為例子來示範，我要至做出同樣眼睛會閃爍的圖案來當滑鼠游標。

1.首先我以鍵盤右上方的【PrtScr】將畫面給螢幕截圖，然後開啟你的影像管理軟體(或者小畫家)，把螢幕截圖貼上。

2.接著我們要把小飛鞋的圖案給複製下來。首先將圖片放到大適當的顯示比例，以看清楚圖案；然後，使用套索或者可以把圖按完整圈出來的工具來圈出輪廓，然後按滑鼠右鍵將圖案給複製下來。

3.開啟Microangelo，將已複製的圖案貼到影格上。軟體會問你是否要改變大小，這步驟請安心點「是」繼續，然後將圖片拖曳到適當的位置就算完成這一步驟。

4.使用選色滴管，在旁邊沒有圖案的地方左鍵點一下，接著以筆刷、鉛筆(懶一點可以用油漆桶)將圖案邊邊的白色以及無用的雜色給修掉。

5.接著保留這個第一格影像。我們點左側工具列的選取框來框出圖案，也可以省略前面說的，直接按上方工具列的複製按鈕來複製圖案。

6.新增影格。點圖片右上方指著的按鈕，我們來新增幾個空白的影格，以便待會兒要進行的工作(這邊請特別注意圖片的新增影格框框，我選了5個新穎格，並不匯入前面的圖案)。

7.進入眼睛閃爍的動畫製作。為了不要用鉛筆一格一格慢慢點以及有畫出光芒的感覺，我們使用會圖修飾的漸層功能(A是陰暗，B是明亮)，選好顏色後，從眼珠的地方先向↗、↘、↙、↖拉個兩三格直線。

8.接著我們用先前所述的方法來複製步驟7的的影格貼到下一格中，以同樣的拉線方式從眼珠像四個方向拉個三四格出來，並繼續重複同樣的動作於再下一格拉個五六格的漸層直線。

9.為了使眼睛完成閃爍的動畫效果，開始對稱的方式複製影格，像在圖片中的影格5是複製影格3、影格6是複製影格2。

10.為了使動畫效果能夠完整呈現，我們來設定影格的停留時間(jifs)，另外我有在影格1後新增一模一樣的影格2，一樣設定60jifs，使之停留時間達到120jifs，而其它除了最亮的影格5外是設定30jifs外，都用10jifs就覺得OK了。

11.在一串動畫完成後，再設計一個鍵頭來方便使用上的指出，所以我們又畫上了圖片上的鍵頭(我用鉛筆、油漆桶含漸層效果去畫，這部分可以自由發揮)，然後儲存檔案。

12.為方便各位的參考學習或者想要拿回去用，這邊附上載點。

載點：點此下載
格式：zip 壓縮檔
大小：2.04 KB
空間：香港Yahoo! GeoCities
期限：掛了再補

【後記】

正常來說，要完成一個這種遊戲主題的游標，前後大約只要10分鐘，不過邊畫邊做圖文教學、上傳、寫預覽網頁、吃早餐(承認吃挺久的)，再回到小屋寫到這裡，已經過兩個半小時。

寫太久累死人啦！(╬─╯一皿一) ─╯ ╨──╨

抱怨完了……最後，對於這份教學有任何問題或者意見，歡迎留言一起討論。

喜歡 13 收藏 25 引用 1 留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=657657
All rights reserved. 版權所有，保留一切權利

相關創作

暗黑集結！20個以上Telegram老司機群組/頻道，都幫你整理好了！

【以和音諦造美好】雷姆輕鬆速刷(最大40%加成)

【RPG之幻想國度】【角色卡】【無頭騎士】【劍士】芬恩(Fionn)

AI繪圖│圖片動畫化Part 2 - 續更

超夯吉卜力風格生成器——電腦手機線上都能用

留言共 31 篇留言

as1955：
建議去邊部分　可用PS貝茲去背或PI物件橡皮擦　會更容易使用

09-29 11:11

Beatrice：
那兩個橡皮擦工具被遺忘了，不過也沒什麼影響就是了 XD09-29 11:16

as1955：
貝茲不算橡皮擦　比較屬於是選取工具　詳情請見處理版精華區內文章↓
http://forum.gamer.com.tw/G2.php?bsn=60427&parent=143&sn=33&lorder=4

09-29 13:21

Beatrice：
我沒有PS，而PI的貝茲弄出來再貼到Microangelo上一樣會有一圈白色，所以大概框一下就好，對過程沒什麼影響，重點還是製作游標的時候自己記得塗成透明 (汗)09-29 13:28

渾渾噩噩小書僮：
真詳細。

09-29 15:14

Beatrice：
但不精。09-29 15:29

狐鬼鬼：
寫的好用心!
感謝你的教學欸>口<ˊ

09-29 16:27

Beatrice：
謝謝 ~ XD

一起做些滑鼠游標來玩吧。09-29 17:35

Sweetξ喬米：
THANK YOU啦><
終於了解了^^"
很累對吧0.0!

09-29 16:46

Beatrice：
寫完剩半條命了 (飄)09-29 17:42

我要玩嚕：
呼，打的好累(誤

09-29 17:24

Beatrice：
還可以，不過下次可能沒這個毅力了09-29 18:41

小美老師：
嘻嘻~熊熊講解的好詳細呦!
游標做的很漂漂耶!!XD

09-29 17:42

Beatrice：
謝謝 ~

小美做的教學也很棒09-29 18:41

吟情：
洗澡~
(我不要穿不要穿~)

09-29 18:20

Beatrice：
那我要抱抱 ~ (大羞)09-29 18:40

武藤奈奈：
幾乎所有步驟都有附圖說明了
真是辛苦您了大大^^
感謝提供此教學!!

09-30 15:43

Beatrice：
不客氣

也謝謝你的GP09-30 15:48

吟情：
嘿XD 大壞蛋~

09-30 16:01

Beatrice：
呦XD 小傻瓜~09-30 16:41

麻藥搜查官：
以閱

09-30 20:42

Beatrice：
嗯09-30 22:22

麻藥搜查官：
GOOD

09-30 20:43

Beatrice：
thx09-30 22:23

吟情：
要睡覺了~~(*啵)
大壞蛋><穿可愛一點嘛..
穿太成熟..會很老~

09-30 22:19

Beatrice：
一起睡吧 (抱)

好啦 ~
會聽妳的

我們快睡吧09-30 22:22

御風：
真的很用心的教學耶謝謝這篇先收藏嚕~

10-01 00:43

Beatrice：
不客氣，記得放入冷藏保鮮10-01 05:56

奸仔蘭˙華麗閃耀：
呃.....
看不懂= =a
妳說鍵盤的右上角是指print screen sys rp 這顆嗎
我按了沒反應啊@@??
要怎樣把他存入小畫家啊@@a??

10-03 12:44

Beatrice：
先說這裡為什麼要以PrtScr來截圖，
那是因為……
沒有可下載的素材，所以用截圖把圖案存下來，
然後再用影像管理軟體或小畫家自己修改。

(如果本身就有素材了，當然省了截圖去偷拿 XD)

然後你說的，就是這顆，
按了之後，電腦會自動記錄下，
回到小畫家後直接使用上方工具選單中的"貼上"，
或者Ctrl+V就可以把螢幕截圖給貼上來，
然後再依照內文方法按表操做即可。10-03 18:02

奸仔蘭˙華麗閃耀：
我的游標做好了
但是我沒地方上傳
原本我是上傳到香港YAHOO的個人自製網址
但是現在又不能傳了
請問您是用哪裏的網址上傳啊

10-04 19:15

Beatrice：
多重新整理(按F5)囉，現在是沒問題的：

http://hk.geocities.yahoo.com/v/ul.html10-04 19:23

奸仔蘭˙華麗閃耀：
我不斷的上傳
也一直嘗試重新整理
結果上載結果顯示~
1.ani
-
大概表示上傳失敗吧
讓我一整個頭痛到ˊˋ
原本上傳的檔案也通通消失
顯示~注意：你現時沒有 "index.html" 或 "index.htm" 檔案
也借塊豆腐給我吧>"<

10-04 21:33

Beatrice：
呵記然沒有，那就生一份出來不就得了

按"新檔案"，檔名打"index.html" 或 "index.htm"儲存
這樣就可以上傳東西了10-04 22:51

貓在鋼琴上昏倒了：
太ㄅㄧㄤˋ了XD

10-05 00:00

Beatrice：
謝謝 ~ (遞爆米花)10-05 06:46

奸仔蘭˙華麗閃耀：
耶~
我在檔案名稱打上index.html以及index.htm(分次打的,我可沒這麼笨打在一起,雖然也差不多了)
她只是淡淡的告訴我~孩子-輸入/輸出錯誤
這..........
老天爺啊~你在玩我嗎
我不來了啦>"<
對了~
我這次能換成炸豆腐嗎@@a

10-05 00:49

Beatrice：
按新檔案，將下面內容覆蓋在新檔案的HTML碼上，然後儲存為index.htm。
PS.填入的帳號(英數字) 這邊要改成你的帳號
10-05 06:53

Beatrice：

<html><head><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=big5"><title>歡迎進入 Yahoo! GeoCities ─ 填入的帳號(英數字)'s 的主網頁</title></head>

<body bgcolor="ffffff">



10-05 06:55

Beatrice：
<br>

<center>

<p><table width=500 border=0 cellspacing=0 cellpadding=4>
<tr><td colspan=2><font size=4><b>填入的帳號(英數字) 的主網頁</b></font></td></tr>
<tr><td height=6></td></tr><tr><td width="1%"><img src="

" border="0" hspace="2" width="41" height="20"></td><td><font >
我還未開始製作網頁。請稍後再來！
</font></td></tr></table><hr size=1 width=500><table width=500 border=0 cellspacing=0 cellpadding=4><tr><td width="50%" valign=top><font ><b>描述︰</b></font><br>
10-05 06:56

Beatrice：
<table cellpadding=4><tr><td><font >



未有訪客

</font></td></tr></table>
</td><td align=right width="50%" valign=top><table border=0 cellpadding=4 cellspacing=3 width="100%"><tr><td bgcolor=ffffcc><font size=-1><b>快來製作自己的網頁吧！</b></font></td></tr><tr bgcolor=eeeeee><td><font size=-1><a href="http://hk.geocities.yahoo.com/v/w/"><b>Yahoo! 網頁快攻手 </b></a></font> <br><font size=-1> 回答幾條簡單問題，醒目網頁立即製作完成。 </font></td></tr>
10-05 06:56

Beatrice：
<tr bgcolor=eeeeee><td><font size=-1><a href="http://hk.geocities.yahoo.com/v/fm.html"><b>檔案總管</b></a></font> <br><font size=-1>助你開設分目錄、上載及修改檔案。</font> </td></tr>
<tr bgcolor=eeeeee><td><font size=-1><a href="http://hk.geocities.yahoo.com/filemanager/advancededitor"><b>高級編緝</b></a></font> <br><font size=-1>將構思寫成 HTML，變出精彩網頁。</font></td></tr></table></td></tr></table>
10-05 06:57

Beatrice：
<font size=-1><b>自製網頁的 URL：</b></font>
<font size=-1><b><a href="http://hk.geocities.com/填入的帳號(英數字)/">http://hk.geocities.com/填入的帳號(英數字)/</a></b></font><hr size=1 noshade width=500>
<table width=500 border=0>
<form action="http://hk.geocities.yahoo.com/search" method=get>
<tr><td valign=top width="50%"><font size=-1 ><b>找不到網頁？</b></font><br>
</td><td valign=top width="50%" align=center>
<font size=-1><b>心癢癢想開始製作自己的網頁？</font>
</td></tr><tr><td>
<input size=24 name=p> <input type=submit value="檢索"></td><td align=center valign=top><font size=-1><b><a href="/">加入 Yahoo! GeoCities </a></b></font></td></tr></form></table>
<p><table border=0 cellspacing=0 cellpadding=2 width=500>
<tr><td valign=top><center><hr size=1 width="100%"><font size=-2>© 2000 <a href="http://${yhome}/">Yahoo!</a> Inc. 版權所有不得轉載
</font></center></td></tr></table>

<p>

<p>

<p>
</center>
</body>
</html>10-05 06:57

奸仔蘭˙華麗閃耀：
哈哈哈哈哈~
終於~又失敗了.....囧RZ
我把我貼的PO在我發的那篇文章上
因為這樣不用分段比較精確
能幫我看看嗎>"<

10-05 12:46

Beatrice：
去看過了，問題似乎已經解決。@@10-05 22:44