如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 鼠绘专区 > 正文

结合AI绘制逼真卡式播放器的PS教程

来源:网络作者:网络时间:2018-9-20 18:09:12点击:

本篇教程涉及较多剪贴蒙版,布尔运算和图层样式的使用,且过程中有较多位置方向等内容的调整,没有具体参数,根据实际效果调整到位即可。推荐给朋友学习,希望大家可以喜欢。

教程步骤—

卡式播放器可以分成4个部分进行绘制,1:耳机盒,2:卡带盒,3:卡带孔,4:侧面按键。

结合AI绘制逼真卡式播放器的PS教程

先在 AI 里使用 3D 效果制作出整个卡带播放器的外部形状。

AI新建文档 1920x1080px ,PPI:300,颜色模式:RGB,任意设置一个较深色的背景。

在背景层上面新建一个图层,创建两个圆角矩形。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

选中两个矩形,效果 > 3D > 凸出和斜角,然后调整两个 3D 图形相对位置,并分开两个图层放置。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

对象>扩展外观,分别对两个 3D 图形进行扩展。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

 

然后选用左侧的形状生成器工具将扩展后的3D图形分别进行形状合并成 2 个路径(下图颜色区所示),右键解除编组,然后将这些解除编组的路径释放到图层中,生成 4 个独立的图层,并分别命名。

结合AI绘制逼真卡式播放器的PS教程

最后,在AI微调各个部分的形状和方向,文件>导出>导出为PSD格式。

PS新建文档,插入背景素材,拖入AI制作的卡式播放器形状文件,每个图层分别转换成智能对象。

结合AI绘制逼真卡式播放器的PS教程

分别对各个部分填色。耳机盒被遮挡的右侧则用钢笔勾出轮廓,对耳机机身创建剪切蒙版,填色 #133e68 。

结合AI绘制逼真卡式播放器的PS教程

对卡带左侧和耳机左侧面进行复制,填充黑色,放置到红色图层下方,调整位置,制作出左侧面与机身之间的缝隙,滤镜>模糊>高斯模糊>半径 3.0 。

结合AI绘制逼真卡式播放器的PS教程

接下来制作耳机盒上方的盖子和卡带盒上方的盖子。

卡带盒盖子:创建圆角矩形命名为大顶盖,填色293b47,转换成智能对象,编辑>变换>扭曲,将圆角矩形压至与机身平行,复制移至顶盖下一层,填充 #000000 ,编辑>变换>缩放,调整大小制作盖子与机身的缝隙,命名大顶盖阴影,注意与机身边距。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

 

耳机盒盖:将耳机顶面复制一层,创建圆角矩形转换成智能对象,压至与耳机顶面一样 长宽,耳机顶面保留弯角部分,与圆角矩形部分重叠,合并图层,调整大小,命名小顶盖;复制小顶盖填充 #000000 ,调整大小制作盖子与机身的缝隙,命名小顶盖阴影,注意与机身边距。

结合AI绘制逼真卡式播放器的PS教程

对机身做基本光影。

小顶盖高光制作。

小顶盖分别有左右两个红色高光,和侧面一个蓝色高光。

侧面蓝色高光制作方法为:复制小顶盖图层,命名为小顶盖蓝色高光,双击图层列表里的图层进入编辑区,将原图层复制,放在上层,填充不同色以作区分,移动复制图层与原图层形成所需大小间隙,以上层复制图层作为选区,删去原图层选取中的区域,填充颜色 4095c1 ,保存,滤镜>模糊>高斯模糊>半径 1.0 ,不透明度 60% ,放置于小顶盖图层上方。

结合AI绘制逼真卡式播放器的PS教程

左边红色高光做法一样,复制小顶盖制作而成,填色 #662116 ,滤镜>模糊>高斯模糊>半径 1.0 ,置于小顶盖图层下方。

右边红色高光则复制小顶盖阴影制作而成,填色 #662116 ,滤镜>模糊>高斯模糊>半径 2.0 ,置于小顶盖阴影图层上方。

结合AI绘制逼真卡式播放器的PS教程

大顶盖高光制作。

左侧红色高光和下方蓝色高光做法一致:复制大顶盖,双击图层列表中的图层进入编辑区。复制原图层,移动上方复制图层,与原图层形成适当的间隙,按 Ctrl+E ,合并两个图层,左侧工具栏选择直接选择工具点选图层,然后选择减去顶层形状,即布尔运算,生成高光形状。

右侧红色高光和上方蓝色高光则复制大顶盖阴影图层进行布尔运算制作。

红色高光填充 #832106 ,蓝色高光填充 #4095c1 。

左侧红色高光透明度 70% ,置于大顶盖图层下方;

右侧红色高光透明度 70% ,置于大顶盖阴影图层上方,对大顶盖阴影创建剪贴蒙版;

上方蓝色高光制作两层,第一层透明度 100% ,第二层透明度 55% ,置于大顶盖阴影图层上方,对大顶盖阴影创建剪贴蒙版;

下方蓝色高光透明度 100% ,对大顶盖创建剪贴蒙版。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

对耳机盒和卡带盒进行光影制作。

卡带右侧面光影制作:

钢笔勾勒出 3 条适当大小的横条,调整好 3 个图层的角度和上下重叠关系,图层从上至下分别填色 #50606b (转化成智能对象,高斯模糊半径 1.0 ,透明度 82% ),#78acd0(转化成智能对象,高斯模糊半径 4.0 ,透明度 82% ),#133b55(转化成智能对象,透明度 100% ),均对卡带机身面创建剪贴蒙版。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

 

继续用钢笔勾勒出适当大小的矩形,填充 #000000 ,对卡带机身面创建剪贴蒙版,制作右侧面的暗部阴影。

结合AI绘制逼真卡式播放器的PS教程

对该图层添加投影图层样式,透明度 83% ,填充 80% 。

结合AI绘制逼真卡式播放器的PS教程

复制该图层,清除图层样式,高斯模糊半径 5.0 。

结合AI绘制逼真卡式播放器的PS教程

同样方法对耳机盒右侧,外转角及卡带盒与耳机盒衔接处制作光影。

在耳机盒右侧面上方用钢笔勾勒出 2 条适当大小的横条,图层从上至下分别填色 #50606b(转化成智能对象,高斯模糊半径 1.0 ,透明度 72% ), #78acd0 (转化成智能对象,高斯模糊半径 4.0 ,透明度 100% ,填充 37% ),均对耳机机身面创建剪贴蒙版。

继续用钢笔勾勒出适当大小的矩形,填充 #000000 ,对耳机机身面创建剪贴蒙版,制作右侧面的暗部阴影。

复制图层,置于下方,对该图层添加投影图层样式,投影填色 #021326 。

结合AI绘制逼真卡式播放器的PS教程

结合AI绘制逼真卡式播放器的PS教程

耳机盒外转角处阴影

同样钢笔勾勒适当大小的横条,填色 #0c142e ,置于耳机盒顶面之上,小顶盖阴影之下,高斯模糊半径 1.0 ,对耳机盒顶面创建剪贴蒙板。

复制该图层,置于小顶盖之上,对小顶盖创建剪贴蒙板。

结合AI绘制逼真卡式播放器的PS教程

卡带盒与耳机盒衔接处光影

高光层填色 #78acd0 ,高斯模糊半径 1.0 ,透明度 50%

转角阴影层填色 #070000 ,高斯模糊半径 1.0

结合AI绘制逼真卡式播放器的PS教程

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程