鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程

2022-12-26 17:37:56 來源/作者: / 己有:77人學(xué)習(xí)過

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

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

效果圖:

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

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

步驟一:制作背景

第一步

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

寬度:1400

高度:788

分辨率:300

色彩模式:RGB顏色 8位

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程

第二步

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
步驟二

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

第一步

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

第二步

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

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

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程

鼠繪相機(jī),鼠繪一臺逼真的相機(jī)教程
<點圖片看大圖>

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