DIV CSS 佈局教程網

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

    然後選中“汗滴”對象,再點擊“修改—動畫—選擇動畫”命令。此時會彈出一個動畫元件的設置窗口,我們在該窗口中輸入如圖25般的相關數值。

圖25

    點擊“確定”按鈕後“汗滴”對象即被轉成了動畫元件。點擊畫布下方的“播放”按鈕即可進行查看了。但播放速度稍快了點。我們打開“幀”面板,並將裡面5個幀的延時時間設置為35/100秒,然後用“切片”工具為這一動畫建立導出切片後保存為GIF動畫,以便在看圖軟件中進行查看或導入到表情庫進行使用。

    三、“暈”

    效果預覽


    這一表情共有三個運動對象,除了兩只眼睛要不停地轉動以外,嘴吧也是會動的。但制作起來卻也不難。先從“放大鏡”表情中將我們所需要的對象都復制過來,為了使這一表情動作再加的有趣,我們將原來的眼球投影對象用“縮放”工具拉伸至21*21.改用色彩為#648A13的實心填充,羽化值為3.眼白對象也用“縮放”工具拉伸至20*20,而黑色的瞳孔則不必做任何修改。然後按圖26般進行擺放。

圖26

    我們再來繪制它的嘴吧。先畫一個5*5大小的圓,取消其填充色,選用2像素的柔化描邊,描邊色為# 4B7801.然後用“路徑切割”工具將該圓一分為二,如圖27.

圖27

    然後將上半部分刪除,並將下半部分進行復制後再進行180度的水平翻轉。然後如圖28般進行排列。

圖28

 

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