☀ 关注photoshop大师教ps玩转photoshop!

photoshop教程

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

教程步骤—

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

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

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

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

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

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

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

potplayer win10

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

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

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

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

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

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

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

对机身做基本光影。

小顶盖高光制作。

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

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

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

大顶盖高光制作。

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

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

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

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

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

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

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

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

卡带右侧面光影制作:

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

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

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

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

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

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

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

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

耳机盒外转角处阴影

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

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

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

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

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

对两个左侧面加光影,高斯模糊半径1.0

为耳机盒和卡带盒添加小卡条。

耳机盒卡条:创建一个圆角矩形,填色 #14223d ,命名卡条 1

添加图层样式

复制卡条1,运用布尔运算制作高光,填色58bbee,图层模式:线性减淡(添加)。

添加图层,在卡条左侧用画笔画出高光,填色90200d

卡带盒卡条:创建圆角矩形,填色84bbe2,添加外发光。

将卡带盒机身面和大顶盖及这两个图层上面的所有光影图层复制合成智能对象,添加渐变叠加图层样式。

卡式播放器的基本型已经绘制完成,接下来绘制左侧按键部分。

创建两个圆角矩形,将两个矩形靠右上角对齐,命名为1和2,同时选中这两个矩形,编辑>变换>扭曲。

对按钮1添加图层样式

将矩形1和矩形2文件夹编组按钮1,复制出其他4个按键,调整好彼此之间的位置。

为各个按钮分别用基础图形绘制对应的按键图标,填色fc6936,通过编辑>变换>扭曲,调整到合适的方向和位置。

接下来绘制机身磁带孔部分。

首先创建一个圆角矩形,转换为智能对象,命名为底部,编辑>变换>扭曲,作为磁带孔的范围。

复制底部图层,填充,调整到适当大小,制作出与机身的缝隙。

复制底层图层,利用布尔运算制作红色高光,填色 ,置于底层图层下方。

复制底层图层,布尔运算制备磁带孔中空顶层部分。

先做一个打底层:填色308ecb

复制该打底层, 编辑模式下添加渐变叠加,保存后将该智能对象图层命名为中空顶层。

渐变叠加参数:

填色:eb3505,eb3505,,,308ecb,308ecb,,

位置:11%,27%,58%,73%,85%,91%,97%,100%