close

可以製作出個人化的游標哦~
步驟看似有些多  其實並不難..
下列示範簡易版動畫游標的製作方式
有興趣者可以試試~

一.[下載安裝檔案]
   Microangelo_Toolset_v6.10.10_32_繁體中文版  (按鍵頭下載)
   下載後解壓縮安裝檔<Microangelo Toolset v6.10.10_Chinese (Taiwan).msi>即可

二.[開啟程式] 安裝好的Microangelo,會有四個程式:
                       Animator .. 製作動畫游標軟體
                       Explorer .. 尋找和瀏覽各種圖示的工具 
                       Librarian .. 管理及編輯各種圖示資料庫
                       Studio .. 圖示製作工具
                    請開啟"Animator"進入操作面版如下..
                    1.工具列    2.繪製區   3.預覽視窗    4.色盤    5.動畫影格

1.JPG 

 

三.  1..按"選擇熱點" -要設置游標感應處
      2..點畫格子,畫出所要的游標箭頭

2.JPG 

 

四. 1..選取工具列的"文字"按鈕
     2..會跳出文字輸入視窗,在裡頭輸入文字(牛奶的示範是輸入"Hello")
     3..點選文字輸入視窗的"字型"按鈕,進入調整字體和大小
     4..繪製區會呈現出輸入的文字
     5..可從預覽視窗看到游標現狀

4.JPG 

 

五. 1..按一下工具列的"顏色選取工具"
     2..在右方色盤中選取顏色
     3..按一下工具列的"畫筆"
     4..將文字周圍的格子和游標箭頭塗上顏色

6.JPG

繪製過程中若畫錯了格子,別緊張,只要按上方的"復原"鍵,
     或用"顏色選取工具"選取色盤右上角的綠色小螢幕圖案..(如下圖)
     那是"透明色",再點選畫筆,將畫錯的部分點畫成透明即可~

         5-1.JPG  

六. 1..選取"新增影格"
     2.在跳出的視窗中輸入游標動畫尚需的影格數,按確定
        (牛奶的示範中是輸入"4") 

 7.JPG

 

  1..承上個步驟..操作面版右方會新增四個影格數,加上原先一個,共五個(如下圖)

8.JPG

 

七. 1..點選右方第一個影格
     2..按一下工具列的"顏色選取工具"
     3..選取色盤上的白色
     4..按一下工具列的"畫筆"
     5..把"H"的格子點畫成白色

 9.JPG

 

八. 1..點選右方第二個影格
     2..把"e"的格子點畫成白色
10.JPG

 

九. 1..點選右方第三個影格
     2..把第一個"l"的格子點畫成白色

11.JPG

 

十. 1..點選右方第四個影格
     2..把第二個"l"的格子點畫成白色

12.JPG

 

八. 1..點選右方第五個影格
     2..把"o"的格子點畫成白色

13.JPG

 

十一.  1..完成囉~可在預覽視窗按下播放箭頭觀看游標作品
             牛奶此次的示範成果..  test.gif  (呵呵~做得有點小!)

14.JPG 

 

 儲存時,因為這個游標屬於動態游標,故,檔名部分請加上 .ani 做為附檔名(如下圖)
      若為靜態游標,則加上 .cur

08.JPG 

製作游標時若想插入圖片,需先用小畫家或photoimpact改成點陣圖(.bmp)
     再從操作面版上方的編輯→選擇性貼上→確定→選取.bmp檔的圖片→開啟;
     若圖片背景非透明,可用上面所述的方式選擇透明色後,用畫筆將背景改成透明!

套用游標:
      [使用於電腦中]
            開始→控制台→滑鼠→指標(分頁)→下方瀏覽→選擇自製游標檔案
            →套用

      [使用於網頁或部落格的CSS語法]
           1.需先將游標檔案上傳至網路空間,再於游標檔案上按右鍵看內容,
              將游標檔的位置全部複製起來
           2.將網頁的CSS拉到最下方,貼上下列兩行語法               
              
  body{cursor:url(游標圖片檔網址1)}                        
                 
a:hover {cursor:url(游標檔圖片檔網址2)}
        
     示範:body{cursor:url(http://smilepuppy.myweb.hinet.net/test.ani
)}
                         

                       "游標圖片檔網址"是要貼上游標檔的網路位置
                       body 放的是畫面上呈現的游標圖
                       a:hover 是移動到超連結時所變換的游標圖


   

  

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Milky 的頭像
    Milky

    牛奶窩

    Milky 發表在 痞客邦 留言(12) 人氣()