查看完整版本: 游標製作+語法設定教學

游標製作+語法設定教學

[size=2]MicroAngelo這是一套用來製作圖示及游標的程式！裝飾日誌或網頁不可缺少的工具它可以來製作自己獨特風味的滑鼠游標。OK我門來動手製作自己的滑鼠游標吧^Q^
一.首先下載 Microangelo
【 置放空 間 】：GB(gogobox)、(ME)megaupload
【下載一.GB】：[/size][url=http://down.gogobox.com.tw/wbox/4aa7][color=#006600][size=2]http://down.gogobox.com.tw/wbox/4aa7[/size][/color][/url][size=2] → [/size][url=http://blog.xuite.net/boxwow/online/10998267][color=#cc0000][size=2]GB使用教學[/size][/color][/url]
[size=2]【下載二.ME】：[/size][url=http://www.megaupload.com/?d=F2HK2M9U][size=2][color=#006600]http://www.megaupload.com/?d=F2HK2M9U[/size][/color][/url]
[size=2][/size]
[size=2]二.安裝安裝主程式(檔案解壓縮內容物↓)
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/11.jpg[/img]
[/size]
[size=2][/size]
[size=2]安裝後先關閉右下角的(圈起來)的圖示↓
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/12.jpg[/img]
三.再開始安裝中文化程式。(有附在壓縮檔中)
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/13.jpg[/img]
四.到開始程式集中找出安裝好的Microangelo，你會看到下圖：
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/14.jpg[/img]
◎ Animator →製作動畫游標軟體
◎ Explorer →尋找和瀏覽各種圖示的工具
◎ Librarian →觀看、管理及編輯各種圖示資料庫
◎ On Display →編輯設定圖示的顯示方式
◎ Studio →圖示製作工具
[color=#ff0000]==● 使用介面 ●==[/size][/color]
[size=2]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/23.jpg[/img]
[/size]
[size=2][color=#ff0000][/size][/color]
[size=2][color=#ff0000]===● 認識軟體工具如下圖↓[/size][/color] ●==
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/20.gif[/img]
[size=2][color=#ff0000][/size][/color]
[size=2][color=#ff0000]===● 製作游標教學開始 ●==[/size][/color]
[color=#0066ff][/color][size=2][color=#0066ff]一.先來製作箭頭範例→[/size][/color]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/16.gif[/img]
，
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/24.jpg[/img]
1.先畫好箭頭樣式 1.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/0.gif[/img]
2.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/1.gif[/img]
3.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/2.gif[/img]
4.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/3.gif[/img]
5.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/4.gif[/img]
6.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/5.gif[/img]
(當然可以發揮自我樣式嚕)
2.將箭頭內補滿顏色(利用吸管選取色盤顏色)
3.新增第2畫格(利用油桶、筆刷、直線填滿色彩)
4.製作OK觀看預覽成品樣子
5.存成檔案(別忘記設置箭頭感應點喔)
6.完成圖→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/16.gif[/img]
※若只想為靜態箭頭例如→1.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/0.gif[/img]
2.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/1.gif[/img]
3.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/2.gif[/img]
4.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/3.gif[/img]
5.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/4.gif[/img]
6.
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/5.gif[/img]
可以不用增加影格
[color=#0066ff]二.加入圖片的游標範例→[/color]1.靜態
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/18.jpg[/img]
2.動態→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/19.789[/img]
[b]
[size=2]注意：因為只能插入.BMP檔的圖片，所以當找到其他副檔名的圖片時，先利用小畫家存成BMP檔[/size][/b]
[size=2]          (因為當圖片儲存BMP檔圖片是靜態的喔)
A.插入圖片：編輯→貼上特別的→找你要編輯的圖檔位置
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/20.jpg[/img]
B.把圖片成透明圖
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/21.jpg[/img]
1.用吸管選取色盤透明色(x的下方有兩個小電腦圖示綠色的是透明色)
2.用油桶將白色底圖填滿透明色
3.完成圖→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/18.jpg[/img]
C.此時圖片是靜態，製作動態效果範例→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/19.789[/img]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/25.jpg[/img]
[/size]
[size=2]1.新增畫格
2.編輯第二畫格
3.利用選取框移動指定物件(我是右邊移動一格，可發揮自己想像力製作圖片喔!)
◎移動過後的物件若出現百底選擇透明化
4.看預覽製作的如何若是移動過快的話，可利用"調整整體的速度快慢"。
5.完成圖→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11222780/19.789[/img]
[/size]
[size=2][color=#0066ff]三.加入文字的游標
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/17.jpg[/img]
[/size][/color][size=2][color=#000000]1.點選 TEXT 加入文字
2.吸管選取色盤 "透明色"
3.利用油桶透明色填滿百色底圖
製作動態文字範例→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/18.gif[/img]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/19.jpg[/img]
1.新增影格
2.將第一影格、第二影格文字上色
3.利用色盤 "透明色" 將第一影格、第二影格 黑色文字填滿
※若是把文字分開打上去動畫會不一致唷~所以用這方法把文字定位在用色盤 "透明色" 刪除文字即可。
4.完成圖→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/18.gif[/img]
[/size][/color]
[size=2]※學會了1.2.3點現在可利用→ 一.製作箭頭、二.加入圖片、加入文字整合完整游標
[color=#0066ff]四.製作完整游標範例→[/size][/color]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/0.gif[/img]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/1.jpg[/img]
[size=2]1.筆刷製作箭頭
2.插入圖片(編輯→貼上特別的)
3.新增影格
4.編輯第二影格(發揮自我想像力作出更炫的動態圖片)
5.編輯圖片動態快或慢(調整整理速度快慢)
6.游標設定感應點
7.別忘記儲存唷~完成圖→
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/2.gif[/img]
我感覺箭頭大了點=.=!![/size]
[b][size=2]※可利用範例一.製作箭頭、二.插入圖片、三.文字游標。嘿~嘿!頭腦動一動可預防老年痴呆唷0.0"[/size][/b]
[size=2]愛兒製作了幾個游標圖示，喜歡可以拿去用
[/size]
[size=2]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/8.gif[/img]
01.[/size][url=http://u5152.myweb.hinet.net/ico/01.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/10.gif[/img]
[/size][/color]02.[url=http://u5152.myweb.hinet.net/ico/02.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/9.gif[/img]
[/size][/color]03.[url=http://u5152.myweb.hinet.net/ico/03.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/11.gif[/img]
[/size][/color]04.[url=http://u5152.myweb.hinet.net/ico/04.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/12.gif[/img]
[/size][/color]05.[url=http://u5152.myweb.hinet.net/ico/05.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/13.gif[/img]
[/size][/color]06.[url=http://u5152.myweb.hinet.net/ico/06.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/14.gif[/img]
[/size][/color]07.[url=http://u5152.myweb.hinet.net/ico/07.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/15.gif[/img]
[/size][/color]08.[url=http://u5152.myweb.hinet.net/ico/08.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#0000ff]
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11242400/16.gif[/img]
[/size][/color]09.[url=http://u5152.myweb.hinet.net/ico/09.rar][size=2][color=#0000ff]下載[/size][/color][/url]
[size=2][color=#cc0000]
1.自我電腦更換游標方法↓
[/size][/color]◎ 開始→控制台→滑鼠→選擇指標(分頁)→選擇下方瀏覽→選擇你製作的游標→套用
[size=2][color=#cc0000][/size][/color]
[size=2][color=#cc0000]2.放置網頁或日誌方法↓[/size][/color]
◎ 自製好的游標必須先要有網址位置，所以請先把你做好的游標上傳至網路空間。
例如→ [url=http://u5152.myweb.hinet.net/box1.ani][size=2][color=#0000ff]http://u5152.myweb.hinet.net/box1.ani[/size][/color][/url][size=2] 這樣游標有網址位置 才可以在網頁或日誌顯示出來喔。
◎ HiNet空間(會員)、或其他 [/size][url=http://blog.xuite.net/boxwow/online?st=c&re=list&p=1&w=354821][size=2][color=#0000ff]免費空間[/size][/color][/url][url=http://blog.xuite.net/boxwow/online/6946787][size=2][color=#ff0000]
[/size][/color][/url][size=2]※ 游標有網址之後 在套用以下語法↓
[/size][color=#ff0000][font="Comic][b]
[size=2]==● CSS[/font][/size][/color][/b][size=2]語法設定 ●==[/size]
[font="Comic]
[size=2]1.在css語法裡面找到→ [/font][/size][size=2]body{cursor:[/size][color=#ff0000][size=2]url(游標檔網址)} [/size][/color]      [font="Comic][color=#000000](滑鼠顯示整頁)[/font][/color]
[color=#ff0000]◎若是在css裡面找不到可複製→ cursor :[/color] url(游標檔網址[color=#ff0000]);[/color] [color=#000000]貼在這個→[/color] [color=black]body [/color]{ [color=#006600]貼上語法 [/color]} [color=#000000]←這個裡面[/color]
[color=#000000][font="Comic]
[size=2]2.在css語法裡面找到→ [/font][/size][/color][size=2]a:hover{cursor:[/size][size=2][color=#ff0000]url(游標檔網址)[/size][/color][color=#000000][size=2]}          (滑鼠屬移過超連結換圖片)
◎若是在css裡面找不到可複製→ cursor:[/size][/color] url(游標檔網址[color=#ff0000]); 貼在這個→a:hover[/color] { [color=#006600]貼上語法 [/color]} [color=#000000]←這個裡面[/color]
[size=2]※游標檔位置 = 檔案的連結 例如：[/size][url=http://u5152.myweb.hinet.net/box1.ani][size=2][color=#0000ff]http://u5152.myweb.hinet.net/box1.ani[/size][/color][/url]
[size=2]※css完整語法範例：[color=#009900]cursor : url([/size][/color][url=http://u5152.myweb.hinet.net/box1.ani][size=2][color=#009900]http://u5152.myweb.hinet.net/box1.ani[/size][/color][/url][size=2][color=#009900]);
[/size][/color][color=#000000]
[size=2]注意事項：
[/size][/color]1.動態游標的副檔名為.ani和.ico
2.靜態游標的副檔名為.cur
3.除了這三種副檔名之外，不支援其他副檔名的圖片!!
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11033169/7.gif[/img]
[color=#000000][size=2][/size][/color]
[size=2][color=#ff0000]顏色漸層：[/size][/color]
在色盤的最下方看到如下圖所示，那是可以設定兩個顏色之間的漸層色。
下圖即為紅色至黃色之間的漸層色。
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11476932/0.gif[/img]
[color=#ff0000]
[size=2]設定方法：[/size][/color]
[size=2]1.先指定顏色後再將滑鼠移至下圖所示之紅色圈起來的地方，出現油漆桶  後點下就可以囉^^
2.在用吸管選取你要顏色漸成 的顏色，你指定的物件就隨者顏色而改變。
[color=#ff0000]要注意的是：[/size][/color]
1.當你要設定漸成的物件必須尚未定型
皮如↓你看文字邊邊框線還在表示尚未定型 這樣才可以做漸成喔！
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11476932/1.jpg[/img]
2.不能使用透明色或反相色來畫漸層
[img]http://c.blog.xuite.net/c/d/d/9/15216821/blog_364835/txt/11476932/2.gif[/img]
看到圖裡有很像電腦圖示..依各式透明色 另一各式反相色
這兩各物件是抵圖..所以不能來畫漸層。
[size=2]PS.我是不建議大家使用這漸色，因為只是選取一小部分作漸成
若是只是改想要的色彩是可以..想要整各文字有比較明顯的漸色
利用繪圖軟體先製作好，在轉成bmp檔匯入 會比較有漸成效果。[/size]

感謝作者!!!!!!!!!!!!thx

感謝感謝!!!!真１棒

真的很實用
感謝分享::90::

回復 1# 的帖子

真係THX,你既大恩大德我永記難忘!!!!!!!!

真的很詳細ㄟ
感謝~::85::

超好用的游標..
自己製作更好哦..

怎麼不能下載程式::35::