鼠繪相機(jī)，鼠繪一臺(tái)逼真的相機(jī)教程

本篇教程步驟有點(diǎn)多，相對(duì)復(fù)雜，大家學(xué)習(xí)需要有一定耐性，作者步驟講解比較詳細(xì)，相信有心學(xué)習(xí)的同學(xué)應(yīng)該能做出來。

<點(diǎn)圖片看大圖>www.theoat.com.cn

前段時(shí)間做了一些擬物的練習(xí)，學(xué)習(xí)設(shè)計(jì)就是要多看，多想，多做�，F(xiàn)在就把這段時(shí)間學(xué)習(xí)的知識(shí)用教程的方式拿出來與大家分享。

效果圖：

<點(diǎn)圖片看大圖>

長話短說，接下來就讓我們沉迷學(xué)習(xí)啦~

第一步

先打開PS工具，創(chuàng)建一個(gè)新的文檔，數(shù)值具體設(shè)置如下：

寬度：1400

高度：788

分辨率：300

色彩模式：RGB顏色 8位

第二步

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

步驟二

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

<點(diǎn)圖片看大圖>

第一步

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

<點(diǎn)圖片看大圖>

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

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

<點(diǎn)圖片看大圖>

第二步

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

<點(diǎn)圖片看大圖>

<點(diǎn)圖片看大圖>

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

<點(diǎn)圖片看大圖>

<點(diǎn)圖片看大圖>

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