如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.dcgtza.icu

設計金屬質感指紋特效APP圖標的PS教程

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2019-03-23人氣:

本教程主要使用Photoshop設計金屬質感的指紋APP圖標,科技感特效一般是由金屬、玻璃、光線結合,給人冰冷炫酷的未來感。本教程從以上三種材質的特效來剖析如何設計出帶有質感的科技感素材,步驟詳細,并附上源文件和素材。感興趣的朋友可以一起來學習吧。

如何hold住這種吊炸天的科技未來風設計?

其實很簡單啦,高大上的科技感基本元素:金屬+玻璃+光效。金屬常用于:字體、建筑、兵器裝備等;玻璃用于電子屏幕、全息投影、液態介質等;光效則烘托氣氛,是科技感設計的必備元素。

下面分別獻上這三類材質的實現方法。

設計金屬質感指紋特效APP圖標的PS教程

設計金屬質感指紋特效APP圖標的PS教程

以上圖為例(某個app的圖標),典型的兼備金屬、玻璃和光線的實例,建議大家用它來練手。最后附上源文件,供參考。

1、結構分析

四個角是對稱的,只需設計好一個角再復制旋轉即可。上下也是對稱的,只需設計頂部,復制得到底部。最后再加上中間的指紋和掃描光。

設計金屬質感指紋特效APP圖標的PS教程

設計金屬質感指紋特效APP圖標的PS教程

設計金屬質感指紋特效APP圖標的PS教程

2、金屬部分

1、PS中建立600*600像素的文件,在左上角畫出如圖的形狀,顏色隨意,添加漸變:

設計金屬質感指紋特效APP圖標的PS教程

設計金屬質感指紋特效APP圖標的PS教程

圖層a

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

設計金屬質感指紋特效APP圖標的PS教程

設計金屬質感指紋特效APP圖標的PS教程

圖層b

3、側面金屬,將上面的圖層a復制后得到圖層c,放于底層。用直接選擇工具對其拖移錨點,比a的右邊厚一些:

設計金屬質感指紋特效APP圖標的PS教程

添加圖層樣式:

設計金屬質感指紋特效APP圖標的PS教程

得到效果:

設計金屬質感指紋特效APP圖標的PS教程

4、復制c并柵格化得到c2,用附件中的金屬材質2放在c2上面創建剪切蒙版,正片疊底,不透明度80%。得到效果:

設計金屬質感指紋特效APP圖標的PS教程

5、添加高光、反光、陰影和暗部

以上步驟已經做出了金屬的模型,但還不夠逼真,為了達到真實的場景效果,高光和陰影等光效必備且關鍵。

① 側面高光:在圖層c2之上新建圖層命名為側面高光,用150左右大小、硬度為0、顏色純白的筆刷點一下在c2的下部,并利用選區反向工具裁去c2范圍以外的部分:

設計金屬質感指紋特效APP圖標的PS教程

混合模式為疊加不透明度30%。效果:

設計金屬質感指紋特效APP圖標的PS教程

 

② b的陰影:復制圖層a并添加圖層樣式投影:

設計金屬質感指紋特效APP圖標的PS教程

效果:

設計金屬質感指紋特效APP圖標的PS教程

③ 加綠色邊緣反光:復制圖層b并柵格化,添加圖層樣式:斜面和浮雕+內陰影:

設計金屬質感指紋特效APP圖標的PS教程

設計金屬質感指紋特效APP圖標的PS教程

得到效果:

設計金屬質感指紋特效APP圖標的PS教程

④ 添加左側反光:在綠色反光之上新建圖層,命名左側反光,用150大小、純白色、硬度為0的畫筆點一下后水平壓縮到2-3像素寬度。創剪切蒙版,混合模式為疊加,效果:

設計金屬質感指紋特效APP圖標的PS教程

回頂部
中国福利快乐十分查询 天津11选5开奖结果 华东15选5开奖数据 鸿E配资 白小姐4肖选1肖 股票涨跌幅怎么算 安徽十一选五中奖规则 快乐双彩技巧 20070904上证指数 天津时时彩计划专业版 海南4十1彩票开奖规则 什么股票软件好用 宁夏11选五当天开奖 浙江体彩历史开奖查询飞鱼 陕西快乐10分钟开奖结果查询 新疆11选5走势图表 至尊配资