Photoshop设计金属感十足的指纹APP图标,设计一款

2019-09-23 14:16栏目:生活达人
TAG:

本教程主要使用Photoshop设计金属质感的指纹APP图标,科技感特效一般是由金属、玻璃、光线结合,给人冰冷炫酷的未来感。本教程从以上三种材质的特效来剖析如何设计出带有质感的科技感素材,步骤详细,并附上源文件和素材。感兴趣的朋友可以一起来学习吧。

PS手机app图标制作教程实例:设计一款金属质感的指纹APP图标,高大上的科技感基本元素:金属+玻璃+光效。金属常用于:字体、建筑、兵器装备等;玻璃用于电子屏幕、全息投影、液态介质等;光效则烘托气氛,是科技感设计的必备元素。

;

教程源文件和素材:金属质感的指纹APP图标PS教程素材

下面分别献上这三类材质的实现方法。

今天@yu0910 给同学们发一枚锈金属质感的机械风格图标,教程细致入微,每个小操作都有截图,超多快捷键提示,绝对是练习的最上手教程。

如何hold住这种吊炸天的科技未来风设计?

图片 1

素材及源文件 微盘下载

其实很简单啦,高大上的科技感基本元素:金属+玻璃+光效。金属常用于:字体、建筑、兵器装备等;玻璃用于电子屏幕、全息投影、液态介质等;光效则烘托气氛,是科技感设计的必备元素。

图片 2

效果图:

下面分别献上这三类材质的实现方法。

以上图为例(某个app的图标),典型的兼备金属、玻璃和光线的实例,建议大家用它来练手。最后附上源文件,供参考。

图片 3

图片 4

教程开始:

图片 5

图片 6

以上图为例(某个app的图标),典型的兼备金属、玻璃和光线的实例,建议大家用它来练手。最后附上源文件,供参考。

Step 01

1、结构分析

点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,

四个角是对称的,只需设计好一个角再复制旋转即可。上下也是对称的,只需设计顶部,复制得到底部。最后再加上中间的指纹和扫描光。

然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。

图片 7

图片 8 Step 02

图片 9

选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为180px,高度为180px,

图片 10

半径20px,并勾选【从中心】,然后点击确定;

2、金属部分

图片 11 Step 03

1、PS中建立600*600像素的文件,在左上角画出如图的形状,颜色随意,添加渐变:

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

图片 12

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

图片 13

高光模式颜色#dedede、阴影模式颜色#262626、

图层a

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

2、栅格化上面的图层a(养成保留原始图层好习惯,栅格化之前先复制备份一张哦)找来一张金属拉丝的图片如下(附件中有)旋转90°成竖向,适量缩小让拉丝更细腻,注意正片叠底不透明度80%,创建剪贴蒙版给图层a,得到图层b,金属材质已经出来啦。

复制di图层重命名为di_bian,选择右键清除图层样式,填充颜色改为# 616161;按住Ctrl键点击图层载入选区,向上移动两像素,

图片 14

再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

图片 15

图片 16 Step 04

图层b

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

3、侧面金属,将上面的图层a复制后得到图层c,放于底层。用直接选择工具对其拖移锚点,比a的右边厚一些:

ps:本教程所用到的图片跟笔刷连同图标源文件psd均有提供(见附件下载或者网盘链接),笔刷如何载入请自行百度,谢谢!

图片 17

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的,本教程调试后的参数如下:

添加图层样式:

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

图片 18

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

得到效果:

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

图片 19

这一步可自由发挥,自己觉得金属图片哪块可以作为纹理即用就可,参数也可自己调试叠加,以实际效果为主;

4、复制c并栅格化得到c2,用附件中的金属材质2放在c2上面创建剪切蒙版,正片叠底,不透明度80%。得到效果:

图片 20

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

以上步骤已经做出了金属的模型,但还不够逼真,为了达到真实的场景效果,高光和阴影等光效必备且关键。

① 侧面高光:在图层c2之上新建图层命名为侧面高光,用150左右大小、硬度为0、颜色纯白的笔刷点一下在c2的下部,并利用选区反向工具裁去c2范围以外的部分:

图片 21

混合模式为叠加不透明度30%。效果:

图片 22

版权声明:本文由365在线网投发布于生活达人,转载请注明出处:Photoshop设计金属感十足的指纹APP图标,设计一款