DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 教你用Fireworks制作老虎從電視裡走出來特效
教你用Fireworks制作老虎從電視裡走出來特效
編輯:Fireworks基礎     

經常會看到類似的廣告,特別是在電視機或LCD中,人物栩栩如生的從屏幕中出來。其實用Fireworks來做也很簡單。今天就教大家如何利用Fireworks制作老虎從電視裡走出來的特效,原理大多相通,你也可以用別的來試試。還是那句話,做得越細致,效果就越逼真!

先上最終效果圖:

Fireworks制作讓老虎從電視裡出來特效

步驟:

1.首先找到一個LCD的素材,建立畫布將其導入其中

Fireworks制作讓老虎從電視裡出來特效

2.再找來老虎的圖片,覆蓋在LCD的層上,調整好老虎在LCD中顯示的位置(可以先將老虎的透明度調整到 50%左右以便調整位置)記得調整好老虎的位置後復制一個層隱藏,我們後面將會用到

Fireworks制作讓老虎從電視裡出來特效

3.調整老虎的透明度讓我們能清晰的看到LCD屏幕的輪廓

Fireworks制作讓老虎從電視裡出來特效

4.用鋼筆沿LCD屏幕勾出一個輪廓

Fireworks制作讓老虎從電視裡出來特效

5.反鍵,將路徑轉換位選區,然後反選選區刪除老虎圖片中不需要的區域

Fireworks制作讓老虎從電視裡出來特效

6.選擇老虎圖片,選擇濾鏡-內側發光,使屏幕看上去較為真實

Fireworks制作讓老虎從電視裡出來特效

7.這時,打開我們前面復制的老虎的圖層

Fireworks制作讓老虎從電視裡出來特效

8.按照第5步中的方式用鋼筆勾畫出老虎踏出顯示器的部分,反選刪除不需要的區域

Fireworks制作讓老虎從電視裡出來特效

9.利用選區工具將老虎踏出部分修改不需要的區域刪除干淨,最終的效果就完成了

Fireworks制作讓老虎從電視裡出來特效

教程結束,以上就是用Fireworks制作老虎從電視裡走出來的效果,希望對大家有所幫助,謝謝大家觀看!

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