制作逼真立体仪表APP图标的PS鼠绘教程

本教程主要使用Photoshop绘制立体感十足的仪表盘拟物图标,非常逼真的一个拟物图标,推荐给朋友学习,希望大家可以喜欢。

制做真实立体式仪表盘APP标志的PS鼠绘教程

本实例教程关键应用Photoshop绘图层次感十足的车内仪表盘拟物标志,十分真实的一个拟物标志,强烈推荐朋友学习培训,期待大伙儿能够喜爱。

先看一下设计效果图:

制作逼真立体仪表APP图标的PS鼠绘教程插图

实例教程流程—

流程 01

新建文档,尺寸 800*601080x ,应用渐变工具添充画板,渐变色标值 #ffffff~#c3c3c3

制作逼真立体仪表APP图标的PS鼠绘教程插图(1)

流程 02

应用圆角专用工具绘图仪全部标志的范畴,规格 411080x ,圆弧 90px ,并添充渐变色颜色 #403b41~#76716d ,还记得全部图型要于画板垂直居中放置,取名涂层【标志底】

制作逼真立体仪表APP图标的PS鼠绘教程插图(2)

流程 03

应用椭圆形专用工具添充颜色 #f3dec2,并设定蒙版 10px ,制做两边修容

制作逼真立体仪表APP图标的PS鼠绘教程插图(3)

流程 04

应用矩形框专用工具添充渐变色,颜色 #100f0f,渐变色不透明度100%~0%

设定底端黑影,根据蒙版操纵黑影在标志内,设定图层模式为累加,不透明度40%;

制作逼真立体仪表APP图标的PS鼠绘教程插图(4)

流程 05

应用ps钢笔工具、矩形框专用工具以及椭圆形专用工具根据添充、蒙版、图层样式设定各自绘图 3 个顶端修容;

顶端第 1 楼高光:渐变色颜色为 #f3dec2 ,渐变色不透明度为 30%~100%~30%,蒙版 6px ,混合模式为滤色,不透明度 70%

制作逼真立体仪表APP图标的PS鼠绘教程插图(5)

顶端第 2 楼高光:宽357px,高30px,圆弧 10px ,渐变色颜色 #f6ead9,渐变色不透明度为 30%~100%~30%,蒙版 6.2px ,混合模式为滤色,不透明度 55%

制作逼真立体仪表APP图标的PS鼠绘教程插图(6)

顶端第 3 楼高光:渐变色颜色 #f6ead9,渐变色不透明度为 100%~30%,蒙版 6.2px ,混合模式为滤色,不透明度 40%

制作逼真立体仪表APP图标的PS鼠绘教程插图(7)

流程 06

应用ps钢笔工具绘图上边四条标志纹理(两边应向内凹痕),镜像系统获得正下方四条纹理,添充灰黑色,拷贝一遍纹理涂层添充改成0,并给该涂层加上款式制做纹理光与影;

投射1:颜色 #fffedf,混合模式滤色,不透明度 30% ,视角 90 度,间距 2px

投射2:颜色 #b4b4b4,混合模式滤色,不透明度 10%,视角 -90 度,间距 2px

制作逼真立体仪表APP图标的PS鼠绘教程插图(8)

流程 07

返回【标志底】涂层,创建蒙版并运用不规则图形套索工具选定纹理两边凹形槽一部分添充灰黑色(蒙版的黑遮白显)开展遮住;

制作逼真立体仪表APP图标的PS鼠绘教程插图(9)

流程 08

应用椭圆形专用工具绘图圆轮底端,直徑 321080x ,路径描边 1px,加上图层样式如图所示

添充渐变色:颜色 #b1a590~785f4b

路径描边渐变色:颜色 #050505~#050505~#ffffff,不透明度 #100%~50%~70%,部位 0%~38%~100%

投射:混合模式正片叠底,颜色 #100f0f,视角 90,间距 10px,尺寸 15px,不透明度70%

内黑影:混合模式滤色,颜色 #f7f73,不透明度 40%,视角 90,间距 4px,堵塞 4%,尺寸 4px

内发亮:混合模式滤色,颜色 #f6eee2,不透明度 10%,方式温和,尺寸 10px,范畴 50%

制作逼真立体仪表APP图标的PS鼠绘教程插图(10)

流程 09

应用椭圆形专用工具制做一个【圆形黑框】涂层,再根据椭圆形专用工具矩形框专用工具运用布尔运算制做一个【上半圆1】涂层,给该涂层加上图层样式;

外圆直径 291080x,内圆直径 234px

【上半圆1】添充颜色 #a3c8d0

内黑影 1:混合模式正片叠底,颜色 #012649,不透明度50%,视角-90,间距3px,大小3px

内黑影 2:混合模式滤色,颜色#ddf7fd,视角90,间距5px,尺寸4px

制作逼真立体仪表APP图标的PS鼠绘教程插图(11)

流程 10

一样应用椭圆形专用工具矩形框专用工具根据布尔运算制做【下半圆1】涂层,,给该涂层加上图层样式;

添充颜色:#603723

内黑影 1:混合模式滤色,颜色#ff9f39,不透明度78%,视角90,间距2px,尺寸4px

内黑影 2:混合模式正片叠底,颜色#481d00,不透明度90%,视角-90,间距6px,大小3px

投射:混合模式正片叠底,颜色#100f0f,不透明度50%,间距5px,大小15px

制作逼真立体仪表APP图标的PS鼠绘教程插图(12)

流程 11

应用矩形框专用工具和不规则图形专用工具绘图表壳标尺,转动调节置放适合部位,上边标尺添充并加上路径描边款式,两边矩形框添充并加上投射款式;

【标尺1】

添充颜色 #effefd

路径描边:大小1px,部位外界,不透明度80,颜色#add4e5

【白矩形框1】

添充颜色 #f1e4d1

投射:混合模式正片叠底,颜色#3b1400,间距1px,大小1px

制作逼真立体仪表APP图标的PS鼠绘教程插图(13)

流程 12

一样应用椭圆形专用工具矩形框专用工具根据布尔运算制做正中间环状的上、下半侧,给涂层加上图层样式;

【上半圆2】

内黑影:混合模式滤色,颜色#e4f4fe,不透明度90,视角-90,间距1px,大小1px

【下半圆2】

内黑影1:混合模式发暗,颜色#160a00,不透明度66%,视角-90,间距7px,大小5px

内黑影2:混合模式滤色,颜色#e65b00,视角90,间距1px,大小1px

制作逼真立体仪表APP图标的PS鼠绘教程插图(14)

制做真实立体式仪表盘APP标志的PS鼠绘教程

流程 13

应用矩形框专用工具和不规则图形专用工具绘图表壳标尺,转动调节置放适合部位,给相对涂层加上图层样式;

【深蓝色一部分标尺】

添充颜色#effefd,路径描边#ffffff,1px

路径描边:大小1px,部位外界,不透明度80%,颜色#add4e5

【白矩形框3】

添充颜色#f9f1eb

投射:混合模式正片叠底,颜色#3b1400,视角90,间距1px,大小1px

制作逼真立体仪表APP图标的PS鼠绘教程插图(15)

【深咖啡色一部分标尺】

添充#a48371,路径描边#f2dfd2,大小1px

路径描边:大小1px,部位外界,不透明度60%,颜色#200a00

【大三角形表针】

添充颜色#542e23,路径描边渐变色#542e23~#cb9b75

路径描边:大小1px,部位外界,不透明度60%,颜色#200a00

投射:混合模式正片叠底,颜色#271000,不透明度40%,视角-90,间距7px,大小13px

制作逼真立体仪表APP图标的PS鼠绘教程插图(16)

流程 14

应用椭圆形专用工具制做一个黑影累加,添充改成0%;

PS鼠绘电影里面的魔法人物宣传海报图片

效果图:

制作黑夜乡村街道亮灯图片效果的PS技巧_解析12星女怎么追

教程最主要的点在于做真实的灯光效果,如何把白天的街道照片快速的变成夜晚效果,同时给街道照片增加逼真的路灯效果,推荐给朋友学习,希望大家可以喜欢。

我正在使用5118营销大数据,这是我的专属优惠码【1CF921】,购买时输入优惠码可享专属折扣,5118优惠码,会员特别定制5118优惠券,【至高8折】SEO工具必备

直徑234px

内黑影1:混合模式正片叠底,颜色#034573,不透明度70%,视角90,间距7px,大小3px

内黑影2:混合模式正片叠底,颜色#160a00,不透明度80%,视角-90,间距8px,大小11080x

制作逼真立体仪表APP图标的PS鼠绘教程插图(17)

流程 15

应用椭圆形专用工具制做车内仪表盘的正中间圆形,添充颜色区别左右一部分并加上图层样式,应用矩形框专用工具制做主管白横杠,加上图层样式如图所示

【正中间圆形】

直徑191080x,渐变色#381400~#544238#cae7fa~#8fc4e6(48%处有两个色标卡)

内黑影1:混合模式正片叠底,颜色#1870ad,不透明度70%,视角90,间距6px,大小11080x

内黑影2:混合模式正片叠底,颜色#391c03,不透明度70%,视角-90,间距6px,大小11080x

内发亮:混合模式滤色,不透明度20%,颜色#ff8d36,方式温和,尺寸40px,范畴50%

【白矩形框】宽191080x,高3px,添充#fdf9f2

投射:混合模式正片叠底,颜色#3b1400,不透明度50%,视角90,间距1px,大小1px

制作逼真立体仪表APP图标的PS鼠绘教程插图(18)

流程 16

应用文字工具和矩形框专用工具绘图表壳上的数据及水平线內容,加上图层样式如下图所示

【深蓝色地区水平线】

宽79px,高5px,圆弧2.5px

【深蓝色地区数据】

字体样式Rodowel Condensed,大小18点,颜色#f5f7fc

路径描边1px,部位外界,不透明度80,颜色#add2e5

【深棕色地区水平线】

宽80px,高5px,圆弧2.5px,添充#c99d7d,路径描边#f5ccae

【深棕色地区数据】

字体样式Rodowel Condensed,大小18点,颜色#f3dac8

路径描边1px,部位外界,不透明度60,颜色#432506

制作逼真立体仪表APP图标的PS鼠绘教程插图(19)

流程 17

应用不规则图形专用工具根据布尔运算制做上边淡黄色三角形,加上图层样式,应用矩形框专用工具和ps钢笔工具制做正中间淡黄色横杠,加上图层样式;

【淡黄色三角形】

渐变色#e57100~#ffcf4f

外发亮:混合模式累加,不透明度60%,#054656,大小1px,范畴50%

投射:混合模式正片叠底,颜色#364252,不透明度50%,视角90,间距2px,拓展1%,大小1px

【淡黄色横杠】

渐变色#ca5400~#f56701~#fb9101,部位0%~24%~100%

投射1:混合模式滤色,颜色#edba6a,视角-90,不透明度50,间距1px,拓展1%,大小1px

投射2:混合模式正片叠底,颜色#5c2500,视角90,间距1px,拓展1%,大小1px

制作逼真立体仪表APP图标的PS鼠绘教程插图(20)

流程 18

应用椭圆形专用工具给正中间圆形再加一层黑影实际效果,融合布尔运算和蒙版给外侧加一层返光实际效果;

【黑影】

直徑191080x

内发亮:混合模式正片叠底,颜色#000000,大小11080x,范畴50%

【底端光与影】

直徑291080x

渐变色:颜色#ffffff,不透明度100%~100%~0%,部位0%~70%~100%

制作逼真立体仪表APP图标的PS鼠绘教程插图(21)

流程 19

应用椭圆形专用工具再融合布尔运算或蒙版各自一一制做车内仪表盘的修容、返光;

【上边返光】混合模式滤色,不透明度80%

【正中间焦距】混合模式滤色,不透明度60%

【上修容】混合模式柔光灯

【两边返光】混合模式滤色,不透明度90%

【两边修容】混合模式滤色,不透明度95%

【下修容】混合模式滤色,不透明度90%

【光与影边沿线】混合模式柔光灯,不透明度60%

制作逼真立体仪表APP图标的PS鼠绘教程插图(22)

流程 20

应用椭圆形专用工具和ps钢笔工具绘图镙丝底端和光与影范畴,应用矩形框专用工具绘图镙丝的十字凹形槽,并加上图层样式。上边镙丝做了一个再拷贝一个,正下方同样制做一个随后拷贝。

【镙丝底端圆形】

直徑30px

添充颜色#fffbf6,路径描边大小1px,路径描边颜色#030000,路径描边不透明度100%~30%

投射:混合模式正片叠底,颜色#100f0f,不透明度60%,视角90°,间距1px,大小1px

【镙丝光与影样子】

用ps钢笔工具刻画光与影范畴(立即椭圆形专用工具画弧还可以)

添充颜色#777c66,路径描边大小1px,路径描边颜色#574b46~#cab7b0,不透明度100%~20%

渐变色累加:混合模式滤色,不透明度100%,渐变色颜色#000000~#ffffff,不透明度100%,款式轴向,视角90°,放缩150%

【纵向圆角】

宽4px,高20 px,圆弧大小2 px

添充渐变色颜色#000000~#ffffff,不透明度100%

内黑影:混合模式正片叠底,颜色#020202,不透明度100%,视角90°,间距2 px,大小1 px

外发亮:混合模式滤色,颜色#ffffff,不透明度40%,大小1 px

【横着圆角】

宽5 px,高20 px,圆弧大小2 px

添充颜色#000000,路径描边大小1 px,路径描边颜色#b4aaa0~#e7dbdb,不透明度100%

外发亮:混合模式滤色,颜色#ffffff,不透明度100%,杂点3 %,大小1 px

制作逼真立体仪表APP图标的PS鼠绘教程插图(23)

制作逼真立体仪表APP图标的PS鼠绘教程插图(24)

流程 21

应用矩形框专用工具并加上实际效果制作图标投射,返回纹理光与影涂层根据蒙版对纹理受光处和黑影处的修容实际效果开展降低;

底端黑影1

宽385px,高352px,渐变色#403b41~#76716d,蒙版9px

底端黑影2

宽384px,高408px,圆弧90px,颜色#626262,蒙版2px

制作逼真立体仪表APP图标的PS鼠绘教程插图(25)

流程 22

ctrl shift alt e 盖印图层,鼠标右键将该涂层变为智能对象,点一下ps滤镜对话框开展加上杂点,总数1px,均值遍布,并运用蒙版遮挡住该实际效果对正中间圆轮的危害。

那样,一个车内仪表盘就搞好啦。

制作逼真立体仪表APP图标的PS鼠绘教程插图(26)

最后实际效果—

制作逼真立体仪表APP图标的PS鼠绘教程插图

鼠绘绿色独眼卡通小怪兽图片的PS教程

用最简单的工具,画出非常漂亮的小怪兽。教程主要用到形状工具,布尔运算,剪切蒙版。感兴趣的朋友一起来学习吧。先看下小怪兽的霸气效果:

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部