教你ps怎么制作N

一、颓废机械风格 —— METAL (备份图标)

Step01:点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。

ps怎么制作N Style图标

Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为180px,高度为180px,半径20px,并勾选【从中心】,然后点击确定;

ps怎么制作N Style图标(1)

ps怎么制作N Style图标(2)

Step03:重命名图层为di,右键设置图层样式。

【斜面和浮雕】:样式:内斜面、方式:平滑、深度100%、方向:上、大小3、软化1、阴影角度90°、勾选【使用全局光】、高度30°、高光模式颜色#dedede、阴影模式颜色#262626、

【渐变叠加】:线性渐变,色值从上到下为 #333333 — #c6c6c6,角度为90°;

复制di图层重命名为di_bian,选择右键清除图层样式,填充颜色改为# 616161;按住Ctrl键点击图层载入选区,向上移动两像素,再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

ps怎么制作N Style图标(3)

Step04:制作残旧金属纹理部分,这一步采用的是素材图片嵌入和笔刷绘制,可在网上搜索关键字:残旧、颓废、喷溅、金属等字眼下载相关素材。

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的。

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

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

03采用素材图片 纹理.webp,混合模式:变暗,不透明度30%;

ps怎么制作N Style图标(4)

Step05:制作金属破损处,选择【钢笔工具】(快捷键P,可按Shift+P切换),绘制几个不规则多边形,形状自由发挥自定,配置金属纹理背景,颜色深点即可,此处举例:填充颜色#777777,设置图层样式:

【内阴影】:正片叠底,填充颜色#464646,角度90°,距离1px,阻塞0,大小1px;

再复制图层载入选区,填充颜色为#FFFFFF,向上移动一像素,反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】。其他破损处也是使用这种操作方法;

ps怎么制作N Style图标(5)

Step06:复制图层di重命名为nei_di,点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小90%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:

【渐变叠加】:线性渐变,色值从上到下为 #4b4b4b — #98988d,角度为90°;

【投影】:正片叠底,颜色#202020,角度90°,距离5px,扩展0,大小8px;

ps怎么制作N Style图标(6)

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°;

ps怎么制作N Style图标(7)

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°;

最后复制六个图层,并排放在底部且居中排列;

ps怎么制作N Style图标(8)

Step09:制作内部框残旧金属纹理部分,一样是采用素材图片嵌入和笔刷绘制;

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的。

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

02 使用笔刷,颜色# 181818,混合模式:叠加,不透明度40%;

03使用笔刷,颜色# 3f311d,混合模式:叠加,不透明度50%;

ps怎么制作N Style图标(9)

END:根据自己喜爱跟感觉调试破旧金属纹理,完成其他图标。

二、不规则形状 —— MEIOS (相机图标)

Step01:点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。

ps怎么制作N Style图标(10)

Step02:选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为200px,高度为150px,半径10px,并勾选【从中心】,然后点击确定;(PS:因为是不规则形状的主题图标,长宽比采用4:3比例)

ps怎么制作N Style图标(11)

ps怎么制作N Style图标(12)

Step03:重命名图层为di,右键选择【混合选项】,设置

【描边】:大小为1,位置内部,填充类型为渐变,色值从上到下为 #ededed — #ffffff,角度为90°

【渐变叠加】:线性渐变,色值从上到下为 #f1f1f1 — #ffffff,角度为90°;

再复制图层(快捷键Ctrl+J),重命名为di2,填充颜色改为b9b9b9,并把图层向下移动三像素;

ps怎么制作N Style图标(13)

Step04:绘制镜头部分,选择【椭圆工具】(快捷键U,可按Shift+U切换),按住Shift键画个正圆,大小自定适合即可,源文件的大小是为120×120px,图层重命名为B_yuan;设置图层混合选项:

【描边】:大小为5,位置外部,填充类型为渐变,色值从上到下为 #d5d5d5 — #e6e6e6,角度为90°

【渐变叠加】:色值从上到下为 #292929 — #232323,角度为90°

【投影】:颜色为#323232,角度90°,距离7px,扩展0,大小13px;

复制图层B_yuan重命名为Blue_yuan;点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小60%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:

【描边】:大小1px,位置内部,颜色# 111111,

【渐变叠加】:线性渐变,色值从上到下为 # 082441 — # 08101b,角度为90°;

再用【椭圆工具】画个正圆,大小自定,命名为S_yuan,填充颜色# 0c0c0c,

最后画镜头的高光,一样用【椭圆工具】画个正圆,大小自定,命名为guang,填充颜色# FFFFFF,不透明度为10%;

ps怎么制作N Style图标(14)

Step05:绘制相机的顶部,用【椭圆工具】和【矩形工具】通过删除部分节点、路径移动和填充颜色等绘制。

最后绘制相机的小红点,用【椭圆工具】画个正圆,大小自定,放在相机的左上角位置,设置图层样式:

【描边】:大小1px,位置外部,颜色#ff4d42;

【内阴影】:颜色#ff483d,角度90°,距离5px,阻塞0,大小8px;

【渐变叠加】:线性渐变,色值从上到下为 # fe574c — #ff463b,角度为90°;

完成图标的绘制。

ps怎么制作N Style图标(15)

END:用相同的方法跟技巧完成整套主题图标,应该注意整体的一些细节,因为这套主题是不规则形状的,形状上无法统一,整体视觉细节效果应更加谨慎细腻。

推荐阅读

    教你ps怎么制作桌面音乐控件

    教你ps怎么制作桌面音乐控件,桌面,音乐,控件,制作,工具,图层,调整,建立画布,设置前景色和背景色(前景色较浅,背景色相对较暗,整体颜色偏蓝灰)

    教你ps绘制金属质感的游戏登录框

    教你ps绘制金属质感的游戏登录框,登录,游戏,绘制,材质,图层,制作,输入框,首先把登录框的草图画出来。用钢笔工具勾勒出登录框各个部分的外

    教你利用ps的3d功能制作立体海报

    教你利用ps的3d功能制作立体海报,选择,标签,海报制作,3d,制作,视图,对象,1.找到一张高清图片,最好层次分明,色彩饱和度高些,不同的图片最后的

    分享如何用ps制作钢铁效果的文字

    分享如何用ps制作钢铁效果的文字,制作,文字,纹理,图层,分享,调整,参数,一、新建文件,文件大小尺寸可以根据个人需要来新建初学者新建文件记

    教你ps怎么制作Bbox寄存器

    教你ps怎么制作Bbox寄存器,寄存器,制作,图层,主体,绘制,端口,工具,一.主体的绘制1.建一个800x800px的画布,背景色为#f9f9f9。2.绘制一个400

    分享如何用ps制作蜂巢背景

    分享如何用ps制作蜂巢背景,制作,选择,设置,分享,图层,工具,六边形,首先“编辑—首选项—参考线、网格和切片”,设置网

    教你ps如何制作贴纸文字

    教你ps如何制作贴纸文字,文字,制作,复制,设置,图层,不透明度,取消,1.创建背景第一步创建一个 770 x 490px 新文档。设置前景色为 #3f797d

    教你如何制作ps启动画面

    教你如何制作ps启动画面,启动画面,制作,更多,滤镜,修复,画笔工具,错误,1.打开Phontshop软件2.打开一张喜欢的图,用的是一张山脉的图。3.图

    分享ps如何制作动态表情包

    分享ps如何制作动态表情包,制作,表情包,图层,表情包动态,分享,动态,表情,打开Photoshop软件,导入准备好的一张表情包,新建一个图层蒙版,用黑

    教你微信朋友圈长图怎么制作

    教你微信朋友圈长图怎么制作,微信朋友圈,制作,怎么在,长图制作,点击,张长,选择,现在,用微信自带的「笔记」功能,可以帮你省去在多个应用间切