「PS案例」从头开始创建可爱的电视机

效果图

「PS案例」从头开始创建可爱的电视机



步骤1

使用以下设置在Adobe Photoshop中打开一个新文件(“文件”>“新建”)

「PS案例」从头开始创建可爱的电视机



第2步

#FFFFFF白色填充背景,然后应用以下图层样式。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机



第3步

使用圆角矩形工具(U)半径= 35px创造你想要的任何颜色的矩形。将该图层命名为BODY并打开“ 图层样式”属性,然后应用以下图层样式。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


描边应用于BODY图层。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


您将获得如下图所示的结果。

「PS案例」从头开始创建可爱的电视机



第4步

使用圆角矩形工具(U)半径= 35px创造你想要的任何颜色的矩形。将该层命名为BODY_2,然后应用以下层样式。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


描边应用于BODY_2图层。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


内阴影应用于BODY_2图层。

「PS案例」从头开始创建可爱的电视机


您应该得到如下结果:

「PS案例」从头开始创建可爱的电视机



第5步

创建一个新层并将其放置在BODY层下。将该层命名为BASE。使用圆角矩形工具(U)半径= 35px创建一个圆角矩形然后应用以下层样式像下面这样的图像。

「PS案例」从头开始创建可爱的电视机


返回到BODY图层,然后右键单击以复制图层样式,然后将图层样式粘贴BASE图层。现在我们需要在BASE层中选择描边数值为3像素

「PS案例」从头开始创建可爱的电视机


这是结果

「PS案例」从头开始创建可爱的电视机



第6步

创建一个新层并将其放在BASE层下。将该层命名为FOOT。使用圆角矩形工具(U)半径= 35px创建一个圆角矩形然后应用以下层样式。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


内阴影应用于FOOT层。

「PS案例」从头开始创建可爱的电视机


您应该得到如下结果:

「PS案例」从头开始创建可爱的电视机


现在,我们复制FOOT层,并将副本放置在下面的图像中。

「PS案例」从头开始创建可爱的电视机



步骤7

我们创建一个新层,并将其命名为GLOSSY,将其放置在层的顶部。然后抓住画笔工具(B),然后用大的软笔刷一个白点。

「PS案例」从头开始创建可爱的电视机


我们采用混合模式,以覆盖较低的不透明度为50% 

「PS案例」从头开始创建可爱的电视机



步骤8

我们创建一个新层并将其命名为SCREEN,将其放置在层的顶部。使用圆角矩形工具(U)半径= 35px创建一个圆角矩形。然后,我们回到BODY_2图层,

然后右键单击以复制图层样式并将图层样式粘贴SCREEN图层。现在,我们需要在SCREEN层中选择描边10px

「PS案例」从头开始创建可爱的电视机


这就是结果。

「PS案例」从头开始创建可爱的电视机



步骤9

在这一步中,我们将制作主电视屏幕。创建一个新的层名称为SCREEN_2,将其放置在层的顶部。使用圆角矩形工具(U)半径= 35px创建一个圆角矩形。现在,我们在主屏幕上应用渐变图层样式

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


内阴影应用于SCREEN_2层。

「PS案例」从头开始创建可爱的电视机


内发光应用于SCREEN_2层。

「PS案例」从头开始创建可爱的电视机


阴影应用于SCREEN_2层。

「PS案例」从头开始创建可爱的电视机


我们得到的结果如下图所示。

「PS案例」从头开始创建可爱的电视机



第10步

创建一个新的层名称作为SCREEN GLOSSY,将其放置在顶部。选择钢笔工具(P)绘制形状,并用白色#FFFFFF填充此图像。

「PS案例」从头开始创建可爱的电视机


我们将不透明度设置为20%

「PS案例」从头开始创建可爱的电视机



步骤11

我们创建一个新层,将其命名为LIGHT DOT并将其放置在顶部。选择画笔工具(B),并用大的软刷将一个白点复制。不要忘了使用“图层蒙版”来蒙板部分区域

「PS案例」从头开始创建可爱的电视机



步骤12

在这一步中,我们将为电视图标创建命令按钮。选择“ 椭圆工具”以创建一个圆并像此图像一样放置它。将该层命名为BUTTON

「PS案例」从头开始创建可爱的电视机


现在,我们回到BODY_2,然后右键单击以复制图层样式,然后将图层样式粘贴BUTTON图层。您应该在下面得到像这样的结果。

「PS案例」从头开始创建可爱的电视机


接下来,我们再创建一个圆并将其放置为该图像。

「PS案例」从头开始创建可爱的电视机


我们为按钮应用渐变叠加图层样式

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


描边应用于按钮。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


阴影应用于按钮。

「PS案例」从头开始创建可爱的电视机


现在,我们得到如下图所示的结果。

「PS案例」从头开始创建可爱的电视机


接下来,我们使用“ 圆角矩形”工具(U)创建一个圆角矩形并将其像下面的图片一样放置。

「PS案例」从头开始创建可爱的电视机


重复前面的步骤,为该圆角矩形应用“图层”样式,但是我们需要稍微修改“ 投影”图层样式。

「PS案例」从头开始创建可爱的电视机


这是此电视图标的按钮。

「PS案例」从头开始创建可爱的电视机



步骤13

我们复制此按钮并将其放在第一个按钮的下方,然后将其旋转到右侧。在此步骤中,我们需要稍微修改第二个按钮的“ 渐变层样式 ”。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


现在我们的按钮完成了。您应该在下面得到类似此图的结果。

「PS案例」从头开始创建可爱的电视机



步骤14

要创建扬声器,我们需要创建一个圆角矩形并将其放置在按钮下方,如下所示。

「PS案例」从头开始创建可爱的电视机


现在,我们打开“ 图层样式”属性,然后应用渐变叠加图层样式

「PS案例」从头开始创建可爱的电视机


内阴影应用于扬声器层。

「PS案例」从头开始创建可爱的电视机


描边应用于扬声器层。

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


这就是我们的应用效果后的样子

「PS案例」从头开始创建可爱的电视机


现在,我们复制扬声器并将其放置在下面的图像中。

「PS案例」从头开始创建可爱的电视机



步骤15

添加电视的品牌并应用渐变叠加图层样式以使其具有金属外观。#职场杂货铺#

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


为电视品牌图标应用投影选项#我要上头条#

「PS案例」从头开始创建可爱的电视机


这是效果图。

「PS案例」从头开始创建可爱的电视机



步骤16

使用圆角矩形工具(U)创建一个圆角矩形作为触角并将电视背面放置。然后应用以下图层样式使其具有金

「PS案例」从头开始创建可爱的电视机


「PS案例」从头开始创建可爱的电视机


现在,您将获得如下效果图

「PS案例」从头开始创建可爱的电视机



步骤17

接下来,我们将创建电视阴影。在后台创建一个名为阴影的新组。使用椭圆工具(U)创建一个椭圆并用黑色填充它,然后转到“ 高斯模糊”并设置值。

「PS案例」从头开始创建可爱的电视机


现在我们使用橡皮擦工具(E)擦除阴影的某些部分,然后将混合模式更改为正片叠底,降低不透明度= 47%

「PS案例」从头开始创建可爱的电视机


现在,您将获得如下效果图

「PS案例」从头开始创建可爱的电视机


复制阴影并将其调整为较小的尺寸,然后将其放在电视的脚下

「PS案例」从头开始创建可爱的电视机


效果图

「PS案例」从头开始创建可爱的电视机
添加微信

转载原创文章请注明,转载自设计培训_平面设计_品牌设计_美工学习_视觉设计_小白UI设计师,原文地址:http://www.zfbbb.com/?id=106

上一篇:「PS案例」使用渐变工具进行日落着色

下一篇:PS教程:2种方法2种星轨,从原理到案例清晰明了