創作內容

13 GP

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

作者:Beatrice│2007-09-29 10:26:45│贊助:2│人氣:6940
本文引用自此

【前言】

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

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


【作者】

帳號: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分鐘,不過邊畫邊做圖文教學、上傳、寫預覽網頁、吃早餐(承認吃挺久的),再回到小屋寫到這裡,已經過兩個半小時。

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

抱怨完了……最後,對於這份教學有任何問題或者意見,歡迎留言一起討論。
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=657657
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 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
<!--Created by GeoCities Home Page Generator-->
<html><head><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=big5"><title>歡迎進入 Yahoo! GeoCities ─ 填入的帳號(英數字)'s 的主網頁</title></head>
<!--COLOR-->
<body bgcolor="ffffff">
<!--HEAD1-->
<!--HEAD2-->
<!--LINE1-->
10-05 06:55
Beatrice
<br>
<!--BODY-->
<center>
<!--#geoguide-->
<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="http://a372.g.akamaitech.net/7/372/27/ff59c7f0e30e85/pic.geocities.com/images/members/default/nmi.gif" 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 >
<!-- if .desc -->

<!-- else .desc -->
未有訪客
<!-- endif .desc -->
</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>&nbsp;<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>&copy; 2000 <a href="http://${yHome}">Yahoo!</a> Inc. 版權所有 不得轉載
</font></center></td></tr></table>
<!--LINE2-->
<p>
<!--LINE3-->
<p>
<!--LINE4-->
<p>
</center>
</body>
</html>10-05 06:57
奸仔蘭˙華麗閃耀
哈哈哈哈哈~
終於~又失敗了.....囧RZ
我把我貼的PO在我發的那篇文章上
因為這樣不用分段比較精確
能幫我看看嗎>"<

10-05 12:46

Beatrice
去看過了,問題似乎已經解決。@@10-05 22:44
~姿~
請問一下,怎麼作才能向妳那樣,把滑鼠移到文字上,就可出現特定移標?

10-05 18:22

Beatrice
在特定的按鈕基本設定下加上一段滑鼠游標的指令就可以了(cursor:url(網址);),這部分可以參考如語娃娃(indream228)的教學。10-05 22:42
天才小釣獸
請問要如何才能將做好的滑鼠游標貼在巴哈部落格?

搞不懂! 煩請大大解答,謝。

10-07 00:25

天才小釣獸
另外如果可以,可否順便告知背景如何加入?謝謝。

10-07 00:40

Beatrice
連同上面的問題,這裡都有解答:

http://home.gamer.com.tw/bookmark.php?owner=hcvseiko&sn=47710-07 16:30
天才小釣獸
那麼語法要PO在哪啊?

看了半天看不懂耶-.-

10-07 17:45

Beatrice
看到自己的小屋主選單下方還有一排按鈕,選"自訂面板"到裡面寫CSS10-08 06:59
奸仔蘭˙華麗閃耀
關於香港YAHOO那邊我已經放水流了
畢竟我實在不會搞定這種東西~=3=
不過游標的大小可以改嗎
不然我有一個游標作出來感覺太小了說@@

10-08 13:04

Beatrice
可以

先在Microangelo複製圖案,
然後再貼到影像管理軟體修改大小,
再貼回Microangelo。10-08 20:15
奸仔蘭˙華麗閃耀
呃............
什麼是影像管理軟體啊@@??
Adobe嗎@@??
右邊的的預覽那編不能調嗎@@??

10-08 21:13

Beatrice
就是像PI、PS那些可以修改影像的軟體,Adobe的話,我沒用,但應該也可以吧?10-08 21:17
奸仔蘭˙華麗閃耀
我把它改到小畫家
再把它貼回去
但是他說我檔案太大所以又縮回原來大小耶@@??

10-08 22:10

Beatrice
小畫家的話我不清楚(被我砍啦),不過可以試著在改好先存檔,然後再轉過去。10-08 22:20
奸仔蘭˙華麗閃耀
轉過去的話
他還是會變成32x32大小
簡單的說我的製造大小一直卡在32x32大小
簡單的說我必須先把放圖的格式變大
才能放入較大的圖
至於pi跟ps軟體我電腦竟然沒有=口="

10-09 01:00

Beatrice
我是用PI,是可以把圖縮小的,它有30天試用版,可以去載來使用。10-09 07:27
nanahikari
努力打造小屋準備中,但進度超慢 很多看不懂= =" 不過還是

11-14 11:09

Beatrice
你的游標做得很讚!很生動!

--
不好意思,過了一個禮拜才看到這則留言 m(_ _)m11-22 11:07
Jigang

11-22 10:58

Beatrice
不客氣,日後相關問題可以在這留言詢問11-22 11:07
小角落..
辛苦了~
寫圖文教學是一件很累的事情XD
懶的畫畫~改圖~
你寫的很棒!很詳細!!
等我有空在試試看..

03-17 13:24

Beatrice
那陣子有這種衝勁,但現在要我再做......

似乎不太可能了。04-08 12:40
我要留言提醒:您尚未登入,請先登入再留言

13喜歡★hcvseiko 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【游標】放電熊、小金魚,... 後一篇:【中獎】早起的鳥兒有蟲吃...

追蹤私訊切換新版閱覽

作品資料夾

f1f1pptw大家
一些生活記事,一些文字創作,有興趣就來看看,歡迎追蹤,也歡迎+朋友~!看更多我要大聲說9小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】