翻蓋再點燃 Fireworks製作打火機,視覺,平面,fireworks,課程,書籍,封面,設計

　　在Fireworks中為網頁添加一個交互式動態按鈕這已不是什麼新鮮事了，然而利用該動態按鈕的製作原理，創作一款能響應鼠標操作的翻蓋式打火機，你見過沒呢？！下面讓我們先來看一下該作品在導出為HTM格式後，在瀏覽器中所呈現的各種動態效果。

　　一、效果展示

　　1、普通狀態。　　

　　

　　5、如果想要再次看到打火機翻蓋時的效果，只需再次刷新頁面即可。

　　怎麼樣，這個效果好玩吧！下面就讓我們進入實質的製作階段。

　　二、製作過程　　

　　要完成我們剛才所看到的效果，就必需先把打火機的“翻蓋”和“開關”這些對像進行分解，然後依據鼠標的相關動作再將其進行組裝。至於火苗和火苗光芒這些效果，我們可以根據需要，畫上去即可。因為網上的打火機素材圖片非常多，所以也就省去了再去繪製一個帶翻蓋打火機的時間。我們在啟動Fireworks後新建一個500*400大小的白色畫布，然後導入一張事先準備好的打火機位圖，如圖05。　

　　

　　為了更加凸顯該打火機火苗的亮光，我們需要將圖05中的背景，改為黑色，所以我們第一步要做的就是先將圖05中的打火機從其背景中“扣”出來。等到把火苗繪製完後，再把畫布改為黑色即可。在這裡，我使用的是蒙版扣圖。先用“鋼筆”工具沿著這個打火機的外形繪製一個封閉路徑，然後對該路徑使用無描邊色的實心填充，填充色為全白色，如圖06。　

　　

　　將路徑對象與位圖同時選中後，使用菜單欄上的“修改——蒙版——組合為蒙版”命令。從而使我們得到一個較精確的打火機外形，如圖07。然後再點擊菜單欄上的“修改——平面化所選”命令，將這組蒙版對像轉成位圖。　　

　　

本新聞共4頁,當前在第1頁  1  2  3  4