DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 在Fireworks中繪制QQ聊天表情 [7]
在Fireworks中繪制QQ聊天表情 [7]
編輯:Fireworks基礎     

    用相同的方法再復制出四個半圓形對象,並按圖29般進行排列。將這並六個對象同時選中後使用“修改—組合”命令。

圖29

    將該組合對象移至表情臉部位置後,這一表情的靜態繪制也就結束了。

圖30

    新建一個65*65的空白文檔,將組成這一表情的所有對象都復制進來,然後點擊“層”面板右上角的下拉菜單,將圖層1設置為“共享此層”。然後再新建一個圖層2,將“嘴吧”的組合對象移至圖層2中。

    同時選中左側眼睛中的眼白和瞳孔組合,然後使用“修改—組合”命令,將這兩個組合合二為一。然後點擊菜單欄中的“修改—動畫—選擇動畫”,在彈出的對話框中進行如圖31般的設置。

圖31

    用同樣的方法,將右側眼白中的眼白和瞳孔組合合成一組後,點擊“修改—動畫—選擇動畫”命令,然後在彈出的對話框中也進行圖31般的設置。

    我們再來設置嘴吧的動作,在圖層2中將“嘴”的組合對象選中,並點擊“復制”按鈕。然後在“幀”面板中依次選擇第2、3、4幀,將“嘴”的組合對象逐一復制過來。但第2和第4幀中還要將該對象進行180度的水平翻轉。

    最後別忘了還要將所有幀的延時時間設置為16/100秒。這個速度在導出為GIF文件後也有點慢,但這要是在聊天中使用的話,速度會被加快近兩倍多的。到時候這個表情動作看起來就變得舒服了。

    通過以上三個實例,只是希望能為大家在繪制自己的QQ聊天表情時帶來一點技術上的幫助。同時也將我個人的一點經驗與大家共享。如果你已經有了繪制一套屬於自己QQ聊天表情的初步構想的話,那就趕快行動吧!而且畫好後也別忘了送我一套哦!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved