本篇教程步驟有點多，相對復雜，大家學習需要有一定耐性，作者步驟講解比較詳細，相信有心學習的同學應該能做出來。

<點圖片看大圖>

前段時間做了一些擬物的練習，學習設計就是要多看，多想，多做?，F在就把這段時間學習的知識用教程的方式拿出來與大家分享。

效果圖：

<點圖片看大圖>

長話短說，接下來就讓我們沉迷學習啦~

第一步

先打開PS工具，創建一個新的文檔，數值具體設置如下：

寬度：1400

高度：788

分辨率：300

色彩模式：RGB顏色 8位

第二步

添加畫布背景顏色，設置前景色為#000000，然后新建一個圖層并填充前景色（Alt+delete），然后修改圖層的名稱為背景，作為我們這次教程的背景。

步驟二

通過使用矩形工具與圓角矩形工具繪制基本的輪廓，下圖是這一步的完整效果圖：

<點圖片看大圖>

第一步

選擇矩形工具創建一個759*201像素大小的矩形，在屬性面板中置圓角弧度為9像素，接著創建一個328*117像素的矩形，圓角弧度為9像素，使用直接選擇工具選擇兩個圖形，右鍵減去頂層形狀，接著使用相同的方法創建一個小的93*30像素的圓角矩形，圓角弧度為2像素。這樣相機頂部的金屬部分的框架就做好了。

<點圖片看大圖>

復制一層金屬框架并將它們分別命名為橫條-左，橫條-右。為現在為橫條左添加上一層漸變疊加增加一些細節，d2d2f0，0，080806,5，1b1b1c,7，1b1b1e,17，1d1d1b，86。不透明度20％，0%。

接著用相同的方法給橫條右也添加上一層漸變疊加。35373c，0，363638，44，3a3a3c,73，000000，95，e7efff，100。

<點圖片看大圖>

第二步

接下來選擇矩形工具創建一個452*314像素的矩形，并在屬性面板中修改圓角弧度，左上角為5像素，左下角為9像素，接著進入圖層樣式為其添加一個4像素的描邊。接著選擇漸變疊加，混合模式為正常，不透明度為100，樣式選擇為線性，漸變顏色為36373c，5，020202，10，171715，12，2d2d2d，100。

<點圖片看大圖>

<點圖片看大圖>

<點圖片看大圖>

繼續選擇矩形工具，創建一個386*270像素大小的矩形，并和上面一樣修改它的圓角弧度為6像素，接著進入圖層樣式，給它添加一個3像素大小的描邊。接著選擇漸變疊加選項，混合模式為正常，不透明度為100，漸變色171715，050503，

<點圖片看大圖>

<點圖片看大圖>

<點圖片看大圖>

這樣我們顯示器的部分輪廓就已經做好了，接下來開始制作右側按鍵的部分。