3.7 繪制電視機光影。

首先我們先講一下光影是如何構造的。

光影分為亮部與暗部，每個部件的亮部/暗部角度要相同。亮部的顏色比部件顏色淺，暗部顏色比部件顏色深。

首先我們先拖出一個框，去掉描邊(方便觀察)，alt復制一個一樣的圖形，換個顏色(方便觀察)。將兩個圖形錯位，選擇窗口–路徑查找器，選擇形狀模式的第二個減去頂層，構建一個邊角局部的形狀。

這樣子我們一個亮部區域就構建完成了。

屏幕因為是表面且為亮面，電視機暗部區域會呈較大的圓弧狀，這個我們可以用鋼筆工具(p)勾勒。

因為這個屏幕之前使用了膨脹工具，所以邊緣不是完全貼合，這時候我們要使用擴展工具，變化成如圖所示。

然后再使用鋼筆工具勾勒曲線，外輪廓我們可以擴展到外邊緣，然后使用路徑查找器–交集工具，得到如圖所示弧形圖形。

其他部分的光影形狀我也一一給大家列舉出來。大家請仔細觀察電視機的亮部與暗部的形狀。根據以下的提示，將我們的電視機光影部分補充完整。

然后我們的電視機整體部分就完全構造完成了。

步驟4：繪制背景裝飾

終于到最后一步了!做到這里的小伙伴，你們距離成功只剩下一點點~讓我們完成裝飾，我們就可以開開心心的交作業了~

裝飾部分很簡單，由以下四種圖形構造。

(1)直徑：9px 無描邊 填充：#212358

(2)直徑：7px 描邊：5pt 填充：#3592f7

(3)高：15px 寬：0px 復制一個旋轉90°，做出十字狀。

(4)這個圖形作為淺色裝飾，由三個形狀構成。

矩形：寬：62px 高：30px 邊角：5px 填充：#f2d7c6 描邊：#e0cec4

線條：寬：15px 高：0px

高光：填充：#f7dccb

將三個形狀拼成如圖所示，然后根據原圖，或旋轉角度，或拼合。結合其他三個圖形，構造成一個完整的背景。

這樣子，我們的完整的電視機畫面便完成了!

最終效果圖