這篇鼠繪教程教腳本之家的PS鼠繪學(xué)習(xí)者們使用PS繪制科技感圖標(biāo)，教程屬于比較基礎(chǔ)的PS鼠繪教程，其中質(zhì)感的刻畫使用了濾鏡和圖層樣式、圖層混合模式?？萍几械臓I(yíng)造主要來(lái)自于色彩的處理。大家有一個(gè)基礎(chǔ)的思路之后就會(huì)更容易學(xué)會(huì)和弄懂這個(gè)教程了，好了先來(lái)看看最終的效果圖吧：

其實(shí)很簡(jiǎn)單啦，高大上的科技感基本元素：金屬 玻璃 光效。

金屬常用于：字體、建筑、兵器裝備等；玻璃用于電子屏幕、全息投影、液態(tài)介質(zhì)等；光效則烘托氣氛，是科技感設(shè)計(jì)的必備元素。

下面分別獻(xiàn)上這三類材質(zhì)的實(shí)現(xiàn)方法。

以上圖為例（某個(gè)app的圖標(biāo)），典型的兼?zhèn)浣饘?、玻璃和光線的實(shí)例，建議大家用它來(lái)練手。最后附上源文件，供參考。

1 結(jié)構(gòu)分析

四個(gè)角是對(duì)稱的，只需設(shè)計(jì)好一個(gè)角再?gòu)?fù)制旋轉(zhuǎn)即可。上下也是對(duì)稱的，只需設(shè)計(jì)頂部，復(fù)制得到底部。最后再加上中間的指紋和掃描光。

2 金屬部分

1. ps中建立600*600像素的文件，在左上角畫出如圖的形狀，顏色隨意，添加漸變：

圖層a

2. 柵格化上面的圖層a（養(yǎng)成保留原始圖層好習(xí)慣，柵格化之前先復(fù)制備份一張哦）找來(lái)一張金屬拉絲的圖片如下（附件中有）旋轉(zhuǎn)90°成豎向，適量縮小讓拉絲更細(xì)膩，注意正片疊底不透明度80%，創(chuàng)建剪貼蒙版給圖層a，得到圖層b，金屬材質(zhì)已經(jīng)出來(lái)啦。

圖層b

3. 側(cè)面金屬，將上面的圖層a復(fù)制后得到圖層c，放于底層。用直接選擇工具對(duì)其拖移錨點(diǎn)，比a的右邊厚一些：

添加圖層樣式：

得到效果：

4. 復(fù)制c并柵格化得到c2，用附件中的金屬材質(zhì)2放在c2上面創(chuàng)建剪切蒙版，正片疊底，不透明度80%。得到效果：

最新評(píng)論