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

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

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

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

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

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

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

2 金屬部分

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

圖層a

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

圖層b

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

添加圖層樣式：

得到效果：

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

最新評論