「PS案例」从头开始创建可爱的电视机
效果图
步骤1
使用以下设置在Adobe Photoshop中打开一个新文件(“文件”>“新建”)。
第2步
用#FFFFFF白色填充背景,然后应用以下图层样式。
第3步
使用圆角矩形工具(U)与半径= 35px创造你想要的任何颜色的矩形。将该图层命名为BODY并打开“ 图层样式”属性,然后应用以下图层样式。
将描边应用于BODY图层。
您将获得如下图所示的结果。
第4步
使用圆角矩形工具(U)与半径= 35px创造你想要的任何颜色的矩形。将该层命名为BODY_2,然后应用以下层样式。
将描边应用于BODY_2图层。
将内阴影应用于BODY_2图层。
您应该得到如下结果:
第5步
创建一个新层并将其放置在BODY层下。将该层命名为BASE。使用圆角矩形工具(U)与半径= 35px创建一个圆角矩形然后应用以下层样式像下面这样的图像。
返回到BODY图层,然后右键单击以复制图层样式,然后将图层样式粘贴到BASE图层。现在我们需要在BASE层中选择描边数值为3像素。
这是结果
第6步
创建一个新层并将其放在BASE层下。将该层命名为FOOT。使用圆角矩形工具(U)与半径= 35px创建一个圆角矩形然后应用以下层样式。
将内阴影应用于FOOT层。
您应该得到如下结果:
现在,我们复制FOOT层,并将副本放置在下面的图像中。
步骤7
我们创建一个新层,并将其命名为GLOSSY,将其放置在层的顶部。然后抓住画笔工具(B),然后用大的软笔刷一个白点。
我们采用混合模式,以覆盖较低的不透明度为50% 。
步骤8
我们创建一个新层并将其命名为SCREEN,将其放置在层的顶部。使用圆角矩形工具(U)与半径= 35px创建一个圆角矩形。然后,我们回到BODY_2图层,
然后右键单击以复制图层样式并将图层样式粘贴到SCREEN图层。现在,我们需要在SCREEN层中选择描边10px。
这就是结果。
步骤9
在这一步中,我们将制作主电视屏幕。创建一个新的层名称为SCREEN_2,将其放置在层的顶部。使用圆角矩形工具(U)与半径= 35px创建一个圆角矩形。现在,我们在主屏幕上应用渐变图层样式。
将内阴影应用于SCREEN_2层。
将内发光应用于SCREEN_2层。
将阴影应用于SCREEN_2层。
我们得到的结果如下图所示。
第10步
创建一个新的层名称作为SCREEN GLOSSY,将其放置在顶部。选择钢笔工具(P)绘制形状,并用白色#FFFFFF填充此图像。
我们将不透明度设置为20%。
步骤11
我们创建一个新层,将其命名为LIGHT DOT并将其放置在顶部。选择画笔工具(B),并用大的软刷将一个白点复制。不要忘了使用“图层蒙版”来蒙板部分区域
步骤12
在这一步中,我们将为电视图标创建命令按钮。选择“ 椭圆工具”以创建一个圆并像此图像一样放置它。将该层命名为BUTTON。
现在,我们回到BODY_2,然后右键单击以复制图层样式,然后将图层样式粘贴到BUTTON图层。您应该在下面得到像这样的结果。
接下来,我们再创建一个圆并将其放置为该图像。
我们为按钮应用渐变叠加图层样式
将描边应用于按钮。
将阴影应用于按钮。
现在,我们得到如下图所示的结果。
接下来,我们使用“ 圆角矩形”工具(U)创建一个圆角矩形并将其像下面的图片一样放置。
重复前面的步骤,为该圆角矩形应用“图层”样式,但是我们需要稍微修改“ 投影”图层样式。
这是此电视图标的按钮。
步骤13
我们复制此按钮并将其放在第一个按钮的下方,然后将其旋转到右侧。在此步骤中,我们需要稍微修改第二个按钮的“ 渐变层样式 ”。
现在我们的按钮完成了。您应该在下面得到类似此图的结果。
步骤14
要创建扬声器,我们需要创建一个圆角矩形并将其放置在按钮下方,如下所示。
现在,我们打开“ 图层样式”属性,然后应用渐变叠加图层样式
内阴影应用于扬声器层。
将描边应用于扬声器层。
这就是我们的应用效果后的样子
现在,我们复制扬声器并将其放置在下面的图像中。
步骤15
添加电视的品牌并应用渐变叠加图层样式以使其具有金属外观。#职场杂货铺#
为电视品牌图标应用投影选项。#我要上头条#
这是效果图。
步骤16
使用圆角矩形工具(U)创建一个圆角矩形作为触角并将电视背面放置。然后应用以下图层样式使其具有金
现在,您将获得如下效果图
步骤17
接下来,我们将创建电视阴影。在后台创建一个名为阴影的新组。使用椭圆工具(U)创建一个椭圆并用黑色填充它,然后转到“ 高斯模糊”并设置值。
现在我们使用橡皮擦工具(E)擦除阴影的某些部分,然后将混合模式更改为正片叠底,降低不透明度= 47%。
现在,您将获得如下效果图
复制阴影并将其调整为较小的尺寸,然后将其放在电视的脚下。
效果图
转载原创文章请注明,转载自设计培训_平面设计_品牌设计_美工学习_视觉设计_小白UI设计师,原文地址:http://www.zfbbb.com/?id=106
相关推荐
暂无相关文章