PS教程!教你绘制拟物仪表盘拟物图标

关于教程 —

PS实例教程!教你绘图拟物车内仪表盘拟物图标

有关实例教程

大伙儿是否感觉拟物图标是个坎?常常摩拳擦掌又找不到方向?或是关键点剖析大半天最终只能出“画起來会不停”的结果?

mmmm……要不别担心了,打开软件,今日使我们来尝试用photoshop摹仿一个小小的车内仪表盘吧!

实例教程步骤

  • 步骤 01

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

PS教程!教你绘制拟物仪表盘拟物图标插图

  • 步骤 02

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

PS教程!教你绘制拟物仪表盘拟物图标插图(1)

  • 步骤 03

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

PS教程!教你绘制拟物仪表盘拟物图标插图(2)

  • 步骤 04

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(3)

  • 步骤 05

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(4)

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

PS教程!教你绘制拟物仪表盘拟物图标插图(5)

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

PS教程!教你绘制拟物仪表盘拟物图标插图(6)

  • 步骤 06

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

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(7)

  • 步骤 07

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

PS教程!教你绘制拟物仪表盘拟物图标插图(8)

  • 步骤 08

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

添充渐变色:色调 #b1a599~785f4b

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

投射:混合模式正片叠底,色调 #100f0f,视角 90,间距 10px,尺寸 15px

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(9)

  • 步骤 09

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

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

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

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(10)

  • 步骤 10

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

填充颜色:#603723

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

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(11)

  • 步骤 11

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

【标尺1】

填充颜色 #effefd

路径描边:尺寸1px,部位外界,不透明度80,色调#add4e5

【白矩形框1】

填充颜色 #f1e4d1

投射:混合模式正片叠底,色调#3b1400,间距1px,尺寸1px

PS教程!教你绘制拟物仪表盘拟物图标插图(12)

  • 步骤 12

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

【上半圆2】

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

【下半圆2】

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

内黑影2:混合模式滤色,色调#e65b00,视角90,间距1px,尺寸1px

PS教程!教你绘制拟物仪表盘拟物图标插图(13)

  • 步骤 13

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

【深蓝色一部分标尺】

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

路径描边:尺寸1px,部位外界,不透明度80%,色调#add4e5

【白矩形框3】

填充颜色#f9f1eb

投射:混合模式正片叠底,色调#3b1400,视角90,间距1px,尺寸1px

PS教程!教你绘制拟物仪表盘拟物图标插图(14)

【深咖啡色一部分标尺】

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

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

【大三角形表针】

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

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(15)

  • 流程 14

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

直徑234px

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

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

Photoshop如何制作梦幻的环绕眩光

环绕眩光制作分为三个部分:首先用钢笔工具沿着人物勾出环绕路径;然后用设置好的画笔描边路径,并用图层样式增加发光效果,做出初步的眩光;最后再用画笔等加上一些小光斑,增加梦幻效果。 最终效果

调出朦胧怀旧外景女生照片的PS调色教程_中学用学生书法当校牌两周一换

本篇教程的原图的色彩比较单调,内容主要教同学把这种单调的图片添加朦胧艺术效果,有些许柔美,加上模特本身的表现也很好,片子整体感觉一下就有了,具体的操作过程同学们一起来看一下吧。

【限时0.59元】2021高考数学/三视图考点解题技巧/高中数学 01 三视图1-1:高考规律 【录播】三视图1-1:高考规律(20分钟) 免费试学 02 三视图2-2:万能通杀 …

PS教程!教你绘制拟物仪表盘拟物图标插图(16)

  • 流程 15

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

【正中间圆形】

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

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

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(17)

  • 流程 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

PS教程!教你绘制拟物仪表盘拟物图标插图(18)

  • 流程 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

PS教程!教你绘制拟物仪表盘拟物图标插图(19)

  • 流程 18

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

【黑影】

直徑191080x

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

【底端光与影】

直徑291080x

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

PS教程!教你绘制拟物仪表盘拟物图标插图(20)

  • 流程 19

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

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

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

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

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

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

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(21)

  • 流程 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

PS教程!教你绘制拟物仪表盘拟物图标插图(22)

PS教程!教你绘制拟物仪表盘拟物图标插图(23)

  • 流程 21

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

底端黑影1

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

底端黑影2

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

PS教程!教你绘制拟物仪表盘拟物图标插图(24)

  • 流程 22

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

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

PS教程!教你绘制拟物仪表盘拟物图标插图(25)

最后实际效果

PS教程!教你绘制拟物仪表盘拟物图标插图(26)

总结

当期实例教程到这儿就结束了,数据信息并不是肯定,依据本身状况实际操作。多试着,期待大伙儿在训练全过程中有思索、了解制做构思和操作步骤,以不变应万变。

Photoshop把马路上的美女转为火焰人像

转火焰人像的方法非常简单。前期用滤镜及图层叠加把人物转为线稿效果;然后抠出线稿,并用图层样式给线稿增加颜色和发光效果;最后用火焰素材给人物局部增加火焰,得到想要的效果。 最终效果

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部