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

設計頹廢風格APP軟件圖標的PS教程

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

整體的頹廢風格運用在軟件的APP上面也非常的使用,喜歡的朋友讓我們一起來學習吧,有什么不懂的地方可以下載PSD文件查看,下面就一起來學習吧。

先看看效果圖

設計頹廢風格APP軟件圖標的PS教程

下面是教程開始

Step01:點擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個新的圖像,命名好并把寬度設置為800px,高度為600px,分辨率為72dpi,然后點擊確定,記得順手保存文件(快捷鍵Ctrl+S)。

設計頹廢風格APP軟件圖標的PS教程

Step02:選擇【圓角矩形工具】(快捷鍵U,可按Shift+U切換),在畫布點擊【創建圓角矩形】彈出層,設置寬度為180px,高度為180px,半徑20px,并勾選【從中心】,然后點擊確定;

設計頹廢風格APP軟件圖標的PS教程

Step03:重命名圖層為di,右鍵設置圖層樣式:

【斜面和浮雕】:樣式:內斜面、方式:平滑、深度100%、方向:上、大小3、軟化1、陰影角度90°、勾選【使用全局光】、高度30°、高光模式顏色#dedede、陰影模式顏色#262626、

【漸變疊加】:線性漸變,色值從上到下為 #333333 — #c6c6c6,角度為90°;

復制di圖層重命名為di_bian,選擇右鍵清除圖層樣式,填充顏色改為# 616161;按住Ctrl鍵點擊圖層載入選區,向上移動兩像素,再反向選區(快捷鍵Shift+Ctrl+I),再點擊【圖層】窗口的【添加圖層蒙版】;

設計頹廢風格APP軟件圖標的PS教程

 

Step04:制作殘舊金屬紋理部分,這一步采用的是素材圖片嵌入和筆刷繪制,可在網上搜索關鍵字:殘舊、頹廢、噴濺、金屬等字眼下載相關素材,ps:本教程所用到的圖片跟筆刷連同圖標源文件psd均有提供(見附件下載),筆刷如何載入請自行百度,謝謝。

金屬紋理主要是不斷通過設置圖層的混合模式和不透明度的參數值疊加調試而成的,本教程調試后的參數如下:

01采用素材圖片 Rust_5.JPG,混合模式:正片疊底,不透明度70%;

02 使用筆刷,顏色#8c8c8c,不透明度30%;

03采用素材圖片 紋理.png,混合模式:變暗,不透明度30%;

這一步可自由發揮,自己覺得金屬圖片哪塊可以作為紋理即用就可,參數也可自己調試疊加,以實際效果為主;

設計頹廢風格APP軟件圖標的PS教程

Step05:制作金屬破損處,選擇【鋼筆工具】(快捷鍵P,可按Shift+P切換),繪制幾個不規則多邊形,形狀自由發揮自定,配置金屬紋理背景,顏色深點即可,此處舉例:填充顏色#777777,設置圖層樣式:

【內陰影】:正片疊底,填充顏色#464646,角度90°,距離1px,阻塞0,大小1px;

再復制圖層載入選區,填充顏色為#FFFFFF,向上移動一像素,反向選區(快捷鍵Shift+Ctrl+I),再點擊【圖層】窗口的【添加圖層蒙版】。其他破損處也是使用這種操作方法;

設計頹廢風格APP軟件圖標的PS教程

Step06:復制圖層di重命名為nei_di,點擊【編輯】—【自由變換路徑】(快捷鍵Ctrl+T),縮小90%(記得點擊【保持長寬比】),右鍵清除圖層樣式,選擇【混合選項】設置:

【漸變疊加】:線性漸變,色值從上到下為 #4b4b4b — #98988d,角度為90°;

【投影】:正片疊底,顏色#202020,角度90°,距離5px,擴展0,大小8px;

設計頹廢風格APP軟件圖標的PS教程

 

Step07:繪制備份圖標,選擇【橢圓工具】(快捷鍵U,可按Shift+U切換),在畫布上按住Shift鍵畫一個正圓,再選擇【橢圓工具】,并選擇路徑【減去頂層形狀】,畫一個圓環,選擇【鋼筆工具】(快捷鍵P,可按Shift+P切換),并選擇路徑【合并形狀】,在圓環右邊處畫一個三角形,最后再選【鋼筆工具】,并選擇路徑【減去頂層形狀】,畫一個缺口,完成備份圖標,重命名為backup,填充顏色#202020,設置圖層樣式:

【描邊】:大小3px,外部,線性漸變,色值從上到下為 #787878 — #484848,角度為90°;

【內陰影】:正片疊底,顏色#474747,角度90°,距離3px,阻塞0,大小3px;

再復制圖層backup重命名為backup_bian,載入選區,向上移動一像素,反向選區(快捷鍵Shift+Ctrl+I),再點擊【圖層】窗口的【添加圖層蒙版】,設置圖層樣式:

【漸變疊加】:線性漸變,色值從上到下為 #282828 — #aeaeae,角度為90°;

設計頹廢風格APP軟件圖標的PS教程

Step08:繪制螺絲孔:選擇【橢圓工具】,在畫布上按住Shift鍵畫一個小正圓,大小自定適合即可,設置圖層樣式:

【描邊】:大小2px,外部,線性漸變,色值從上到下為 #929292 — #3b3b3b,角度為90°;

【漸變疊加】:線性漸變,色值從上到下為 #353535 — #0c0c0c,角度為90°;

復制圖層(快捷鍵Ctrl+J或者選擇【移動工具】按住alt鍵拖動),復制四個小圓分別放在四個角;

繪制插槽:選擇【矩形工具】(快捷鍵U,可按Shift+U切換),畫一個長方形,大小自定適合即可,設置圖層樣式:

【描邊】:大小1px,內部,顏色#606060;

【內陰影】:正片疊底,顏色#2c1d02,角度90°,距離1px,阻塞0,大小5px;

【漸變疊加】:線性漸變,色值從上到下為 #e5c511 — #644200,角度為90°;

最后復制六個圖層,并排放在底部且居中排列;

設計頹廢風格APP軟件圖標的PS教程

 

Step09:制作內部框殘舊金屬紋理部分,一樣是采用素材圖片嵌入和筆刷繪制;

金屬紋理主要是不斷通過設置圖層的混合模式和不透明度的參數值疊加調試而成的,本教程調試后的參數如下:

01采用素材圖片 Rust_4.JPG,混合模式:強光,不透明度15%;

02 使用筆刷,顏色# 181818,混合模式:疊加,不透明度40%;

03使用筆刷,顏色# 3f311d,混合模式:疊加,不透明度50%;

這一步可自由發揮,自己覺得金屬圖片哪塊可以作為紋理即用就可,參數也可自己調試疊加,以實際效果為主,完成圖標繪制;

設計頹廢風格APP軟件圖標的PS教程

END:根據自己喜愛跟感覺調試破舊金屬紋理,完成其他圖標。

設計頹廢風格APP軟件圖標的PS教程

回頂部
北海| 泉州| 韶关| 新疆乌鲁木齐| 常州| 梅州| 南安| 江西南昌| 镇江| 海南| 吉林长春| 池州| 建湖| 武夷山| 东海| 濮阳| 大同| 威海| 宜春| 曲靖| 承德| 库尔勒| 昌都| 濮阳| 阿坝| 湖南长沙| 江苏苏州| 萍乡| 沧州| 台南| 台北| 香港香港| 菏泽| 琼海| 大兴安岭| 中山| 松原| 阿拉尔| 齐齐哈尔| 惠州| 白城| 内蒙古呼和浩特| 楚雄| 泉州| 琼中| 娄底| 衢州| 百色| 孝感| 乐平| 澄迈| 铜仁| 和田| 曹县| 阿里| 娄底| 台北| 溧阳| 克孜勒苏| 邢台| 宁夏银川| 泗洪| 玉溪| 随州| 燕郊| 白沙| 营口| 博尔塔拉| 乌海| 新沂| 汕尾| 贵州贵阳| 博罗| 海南| 章丘| 大同| 金华| 清徐| 泉州| 株洲| 玉林| 台州| 宿州| 单县| 诸城| 江门| 保定| 庆阳| 达州| 济源| 抚州| 梧州| 金昌| 德宏| 靖江| 岳阳| 绥化| 大理| 鸡西| 武安| 昌吉| 通辽| 辽源| 丽江| 凉山| 湘西| 凉山| 丽江| 桐城| 咸阳| 永康| 陕西西安| 改则| 商洛| 广西南宁| 琼中| 日喀则| 黑河| 随州| 山南| 伊犁| 沧州| 安康| 阜新| 禹州| 项城| 东莞| 海拉尔| 醴陵| 瑞安| 临沧| 潮州| 石狮| 梧州| 上饶| 河池| 枣庄| 日土| 澄迈| 石狮| 湛江| 仁寿| 楚雄| 汉中| 江苏苏州| 七台河| 安阳| 嘉峪关| 娄底| 通辽| 玉溪| 阿勒泰| 喀什| 泗洪| 阿坝| 金坛| 公主岭| 临猗| 宝应县| 巢湖| 延边| 汕头| 包头| 云浮| 辽源| 偃师| 台北| 莱芜| 廊坊| 灌云| 新泰| 丽江| 庄河| 抚州| 济南| 海西| 乌兰察布| 荆门| 辽宁沈阳| 简阳| 南充| 周口| 临夏| 锡林郭勒| 克孜勒苏| 铁岭| 绥化| 盐城| 昭通| 大理| 和田| 陇南| 白银| 曲靖| 天水| 鹰潭| 营口| 葫芦岛| 汕头| 仁怀| 六安| 南安| 聊城| 滁州| 海丰| 赵县| 咸宁| 汝州| 溧阳| 三明| 邳州| 延边| 抚州| 宁德| 临夏| 塔城| 宜都| 石河子| 鹤壁| 海北| 江门| 铜陵| 平潭| 阳泉| 和田| 山南| 泉州| 常德| 葫芦岛| 广元| 神木| 河南郑州| 攀枝花| 信阳| 株洲| 大丰| 博罗| 玉林| 阿勒泰| 鞍山| 东营| 贵州贵阳| 克拉玛依| 曹县| 萍乡| 濮阳| 章丘| 汕头| 郴州| 韶关| 眉山| 甘肃兰州| 汉川| 三亚| 嘉峪关| 崇左| 蚌埠| 巴彦淖尔市| 禹州| 天长| 和县| 丽水| 海西| 钦州| 禹州| 河源| 平潭| 恩施| 昭通| 金华| 淄博| 海拉尔| 琼海| 雄安新区| 滨州| 万宁| 海宁| 邹平| 柳州| 长垣| 大连| 醴陵| 河源| 滨州| 仁怀| 兴化| 湘西| 抚州| 乐平| 渭南| 石嘴山| 珠海| 章丘| 厦门| 铁岭| 邵阳| 石狮| 梧州| 吉安| 百色|