Fireworks繪製逼真網路攝影機

來源:互聯網
上載者:User

  想視訊交談但卻沒有網路攝影機,這可怎麼辦?別急,這就為大夥送上一個!

最終效果圖

  啟動Fireworks,建立一個450*400大小的畫布。在“工具”面板中點選“橢圓形”工具,然後在畫布上先畫一個179*179的正圓。接著在“屬性”面板裡將該圓的筆觸顏色設定為無色。在“填充類別”裡選擇漸層選項中的“橢圓形”,然後在填充色的預選框中設立三個顏色滑塊,其色彩數值從左至右依次為:#FFFFFF、#EAEAE8、#ADADAD。回到畫布區後,再用“指標”工具調整該“橢圓形”漸層的填充手柄,如圖01。

圖01

  將該圓形對象進行複製,然後改變複製對象的填充手柄,使填充色的中心向右側位移,效果如圖02所示。然後在“屬性”面板的填充色預選框中為其設定兩個漸層滑桿,色值分別為:# 8E8D8A、# EDEDEF,而色彩滑塊上的三個不透明度滑塊的百分比從左至右則依次為:100%、93%、0%。

圖02

  為了使網路攝影機上的這個球形更有立體感,我們用“鋼筆”工具在該圓形的右側畫出球形的反光地區,然後在“屬性”框中對該路徑採用無筆觸描邊的“線性”漸層填充,填充手柄的設定如圖03所示,而“線性”漸層中左右兩個色彩滑塊的數值分別為:#FFFFFF、#EDEDEC。色彩滑塊上左右兩個不透明度滑塊的百分比分別為:100%和0%。

圖03

  現實中的網路攝影機多由兩三個塑料外殼拼裝而成,所以在拼裝的交接處就難免有些小裂縫。下面我們就來繪製這些小裂縫。先用“鋼筆”工具畫出網路攝影機上的一條裂縫路徑,如圖04。

圖04

  為了畫出這些小裂縫的凹陷效果,我們需要有這樣的兩條路徑配合才行。將這路徑再複製一份,開啟“層”面板後可以看到,剛複製出來的新路徑會位於原路徑的上一層。為了便於辨認,可以雙擊對象層中的名稱,對這兩個路徑進行重新命名,如圖05所示。因為複製的這條路徑要在稍候才需使用,因此可點擊該對象層左邊的“眼晴”圖示,使該路徑暫時處於不可編輯的隱藏狀態。

圖05

  回到畫布區中,點選原裂縫路徑後,通過菜單“修改——改變路徑——擴充筆觸”命令,開啟“展開筆觸”設定視窗,在“寬度”輸入框中設定該路徑的擴充數值為3,其它設定如圖06所示。

圖06

  點擊“確定”按鈕後,在畫布區中可以看到,原來的開放路徑變成了一個封閉路徑。而這個封閉路徑將用於呈現裂縫凹入效果的過渡色。在“屬性”面版中對這個路徑進行無描邊色的實心填充,填充色值為#959595。如圖07。

圖07

  從圖07中不難看出,這條裂縫的左右兩端太粗了,在透視上顯得不真實。所以我們再用“部分選擇”工具對這條路徑的左右兩端的節點進行適當的移動,但移動的距離不要過大,只要略微縮小裂縫兩端的寬度即可。在實際操作當中,我們可以把畫布的顯示比例放大到1600%,從而能夠更精確地對路徑節點進行調整。完成後效果如圖08。

圖08

  在“層”面版中恢複顯示剛才被我們隱藏起來的“複製的裂縫路徑”。我們將借用這條路徑來繪製裂縫在凹入時的深黑效果。點擊“修改——改變路徑——擴充筆觸”功能表命令,在“展開筆觸”設定視窗中設定該路徑的擴充寬度數值為1。而其它設定則保持不變。然後同樣用“部分選擇”工具將這條裂縫兩端的寬度進行適當地縮小。完成後在“屬性”面板中為這個對象使用無描邊色的“線性”漸層填充。效果如圖09所示。其中左右兩個線性漸層的顏色滑塊色值分別為:#000000和#CCCCCC。

圖09

  採用同樣的方法,把網路攝影機上的另一條裂縫也畫出來,如圖10。

圖10

  我們接著來畫網路攝影機頂部的按鈕。用“鋼筆”工具先勾畫出按鈕的外形路徑後,對這一路徑使用無描邊色的“橢圓形”漸層填充,填充手柄的設定如圖11所示。而“橢圓形”漸層中,左右兩個顏色滑塊的色值分別為:#6A7D9B和#A8B4CC。

圖11

  這個按鈕和網路攝影機的串連處自然也有一個縫隙。使用我們剛才採用過的方法,在這個按鈕和網路攝影機的交接處出繪製制出這條縫隙。如圖12。

圖12

  下面我們開始來繪製這個網路攝影機前部的鏡頭。用“橢圓形”工具畫一個104*106大小的橢圓,然後把它移到網路攝影機的合適位置。接著在“屬性”面板裡對該橢圓進行無描色的實心填充,填充色為:#2E2E2E。在“邊緣”選項中選擇“羽化”,設定羽化數值為1。最後在“屬性”面板的右側為其添加一個“投影”特效,設定其投影色為:#555555。其它設定參數如圖13所示。

圖13

  用“橢圓形”工具再繪製一個103*106大小的橢圓對象。將它移到黑色橢圓的正中位置,然後在“屬性”面板裡對這個橢圓對象使用無描邊色的“線性”漸層填充,填充手柄的設定如圖14所示。“線性”漸層中左右兩個顏色滑塊的數值分別為:#7E89A0和#434B56。

圖14

  再畫一個97*99大小的橢圓,經適當調整後,同樣採用無描邊色的“線性”漸層進行填充,左右兩個顏色滑塊的數值分別為:#98A3BA和#7C8DAF。如圖15。

圖15

  把這個橢圓再複製一份,然後用“縮放”工具將複製的橢圓縮小至83*85大小。接著在“屬性”面板中對該橢圓採用無描邊色的“橢圓形”漸層填充。填充手柄的設定如圖16所示。其中三個色彩坡形滑塊的色值從左至右依次為:#919191、#353535、#000000。

圖16

  為了呈現鏡頭外玻璃鏡片的反光效果,我們先用“鋼筆”工具勾畫出鏡片的高光範圍。然後在“屬性”面板中對這個高光對象採用無描邊色的“線性”漸層進行填充,效果如圖17所示。左右兩個顏色滑塊的色值均為:#FFFFFF,而上面兩個不透明度滑塊的百分比數值則分別為:100%、0%。

圖17

  鏡頭的高光部分有了,接下來要畫的就是反光範圍了。我們把剛才繪製83*85大小的橢圓對象再複製兩份出來。並把這兩個橢圓移到畫布的一邊。用“縮放”工具將上層的橢圓物件放大顯示到115*116大小,而下層的橢圓對象則縮小至74*75。然後將這兩個橢圓對象按圖18所示進行疊加。因為這兩個對象都是黑色的,為了使大家能夠較清楚地看到這兩個對象疊加時的位置,我把這兩個對象的填充色做了修改。但這不會影響作品的最終效果。

圖18

  將這兩個橢圓對象同時選中後,使用“修改——組合路徑——打孔”功能表命令。使其形成一個月牙般的組合路徑。把這個路徑移至攝像鏡頭的下端後,在“屬性”面板裡為該對象使用無描邊色的“線性”漸層填充。左右兩個色彩坡形滑塊的數值分別為:#888888和#000000。

圖19

  至此,這個網路攝影機的上半部分就繪製完成了。我們接著來畫這個網路攝影機的底座。先用“鋼筆”工具畫出底座的輪廓,然後在“屬性”面板裡為該對象使用無描邊色的“線性”漸層填充。“線性”漸層中的三個顏色滑塊的色值依次為:#FFFFFF、#313131、#BFBFBF。在預設情況下,新繪製的對象都會位於所有對象的最上層,因此我們可以點擊“工具列”上的“移到最後”按鈕,使該底座對象移至所有對象的最後一層。如圖20。

 圖20

  為了使這個底座呈現立體效果,我們可將這個對象再複製一份,經“部分選擇”工具的適當修改後,在“屬性”面板裡為該複製對象採用無描邊色的“橢圓形”漸層填充。填充手柄的設定角度如圖21所示。而“橢圓形”漸層中,設定左右兩個顏色滑塊的色值分別為:#B4B4B3和#F0F0EE。接著在“邊緣”選項中選擇“羽化”,並設定其羽化數值為6。

圖21

  仔細看一下就不難發現,此時網路攝影機的上半部分與底座之間還缺乏一個投影效果。我們用“橢圓”工具畫一個172*172大小的正圓,在“屬性”面板中為該圓使用無描邊色的實心填充,填充色為:#000000。在“邊緣”選項中再為其設定數值為2的“羽化”效果。經對象層的位置調整,將它放置在所有對象層的倒數第三層,如圖22。

圖22

  最後我們來為這個網路攝影機繪製一個投影。使用快速鍵Ctrl+A,將當前畫布上的所有對象同時選中。然後點擊“複製”、“粘貼”按鈕,將所有對象進行複製,而新複製出來的所有對象會處於被選中狀態,此時再點擊菜單“修改——組合路徑——聯合”命令,把複製出來的所有對象合成一個組合路徑。然後在“屬性”面板中為這一組合路徑使用無描邊色的實心填充,填充色值為:#9B9B9B,邊緣羽化值為6。用“縮放”和“傾斜”工具將該組合路徑進行適當變形後,在“工具列”中點擊“移到最後”按鈕,將該對象放置到所有對象的最後一層,從而形成網路攝影機的一個投影效果,如圖23。

圖23

  為了使該投影能夠產生出“本影”和“半影”的逼真效果。我們為該投影對象再添加一個“移動模糊”特效。然後根據當前網路攝影機的投影角度,在特效的設定窗中輸入合理的相關參數。在本例中,我為該特效設定的“角度”為341度,“距離”的數值為12。點擊“確定”後,一個逼真的網路攝影機也就繪製完成了。最終效果如圖24。

圖24



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。