我们偶尔需要使用数码设备来辅助设计【必威平

日期:2019-08-31编辑作者:摄影

播放器的都是由一些细小的元素构成,而且每个元素又有水晶及金属质感,制作的时候需要细心。除了这些颜色的搭配也很重要,制作的每个元素都要融入到主体里面,这样整体效果就美观很多。最终效果

先看看最终效果图:

作者:KELA翻译 出处:新勺网

作者:Eyier 出处:E译者论坛

必威平台 1

必威平台 2

播放器的都是由一些细小的元素构成,而且每个元素又有水晶及金属质感,制作的时候需要细心。除了这些颜色的搭配也很重要,制作的每个元素都要融入到主体里面,这样整体效果就美观很多。

教程明细

一、创建一个 600×400 px的图层。

步骤 1

最终效果

软件: Adobe Photoshop CS3

二、使用放射式渐变填充背景,颜色设置为#5e6c78 - #20282e。

创建一个 600×400 px的图层.

必威平台 3

难度:中等

必威平台 4

必威平台,步骤 2

1、创建一个 600×400 px的图层。

预计完成时间: 3-4小时

三、复制背景图层,之后进行滤镜-杂色-添加杂色,设置如下:数量:5%;选择单色。下降图片透明度到30%。

必威平台 5

2、使用放射式渐变填充背景,颜色设置为#5e6c78 - #20282e。

最终效果图

必威平台 6

使用放射式渐变填充背景,颜色设置为#5e6c78 ——#20282e

必威平台 7

必威平台 8

四、作主界面,创建一个新图层,(按Ctrl Shift N)并命名为Base,再使用圆角矩形工具,设置半径5px,画出画面中一样的矩形,并使用这些混合选项。设置参数按照图片所示。颜色渐变参数为:#3d4a59;#1c2329;#303a44 ,描边颜色为#191919。

步骤 3

3、复制背景图层,之后进行滤镜-杂色-添加杂色,设置如下:数量:5%;选择单色。下降图片透明度到30%。

作为设计人员,我们偶尔需要使用数码设备来辅助设计。不管怎么说,我们发现我们理想中的样式并不是我们想象的那样而存在的。凭借经验我们可以使用PS建立一个看似现实的数码设备,这样似乎能表现出一个人能懂得品味生活。本次教程中我们将学习怎样用PS绘制数码相机。

必威平台 9

必威平台 10

必威平台 11

第一步

必威平台 12

复制背景图层,之后进行滤镜-杂色-添加杂色,设置如下:数量:5%;选择单色。下降图片透明度到30%。

4、 作主界面,创建一个新图层,(按Ctrl Shift N)并命名为Base,再使用圆角矩形工具,设置半径5px,画出画面中一样的矩形,并使用这些混合选项。设置参数按照图片所示。颜色渐变参数 为:#3d4a59;#1c2329;#303a44 ,描边颜色为#191919。

新建文档,建立一个新的图层,命名为camera1。使用圆角矩形工具(半径20像素)绘制下图1a的形状,再用1b的颜色填充。然后打开混合混合选项,设置如1c。

必威平台 13

步骤 4

必威平台 14 必威平台 15 必威平台 16 必威平台 17

必威平台 18

必威平台 19

必威平台 20

5、新建一个600 × 600px文档。 充填50%灰色。 然后,添加杂色,参数设置:80%;高斯噪声,单色。 然后再选择滤镜模糊-径向模糊:旋转参数为100。 之后可以根据自己的感觉,使用快捷键CTRL F重复径向模糊,直到你满意。

必威平台 21

五、新建一个600 × 600px文档。 充填50%灰色。 然后,添加杂色,参数设置:80%;高斯噪声,单色。 然后再选择滤镜模糊-径向模糊:旋转参数为100。 之后可以根据自己的感觉,使用快捷键CTRL F重复径向模糊,直到你满意。

制作主界面,创建一个新图层,(按Ctrl Shift N)并命名为Base,再使用圆角矩形工具,设置半径5px,画出画面中一样的矩形,并使用这些混合选项。设置参数按照图片所示。

必威平台 22

第二步

必威平台 23

颜色渐变参数为:#3d4a59;#1c2329;#303a44 ,描边颜色为#191919。

6、复制到之前创建的base图层上。更改混合模式为柔光,不透明度为80%。图层命名为 Texture.按Ctrl 点击base图层,调用选区,然后按Ctrl Shift I, 选择Texture图层点击删除不要的选区。

在顶端新建图层,命名为camera2。按ctrl点击camera1载入选区。点击选择-修改-收缩,7像素。然后用任何颜色填充均可。

六、复制到之前创建的base图层上。更改混合模式为柔光,不透明度为80%。图层命名为 Texture.按Ctrl 点击base图层,调用选区,然后按Ctrl Shift I, 选择Texture图层点击删除不要的选区。

步骤 5

必威平台 24

必威平台 25

必威平台 26

600 × 600px。 充填50%灰色。 然后,添加杂色,参数设置:80%;高斯噪声,单色。 然后再选择滤镜模糊-径向模糊:旋转参数为100。 之后可以根据自己的感觉,使用快捷键CTRL F重复径向模糊,直到你满意。

7、创建新图层。将它命名为Higlights,再用铅笔工具画两条线,分别放置在base图层的视频界面顶端和底部。再选择一个大一点,参数设置为80%不透明度的橡皮擦擦除两侧的线条。

第三步

七、创建新图层。将它命名为Higlights,再用铅笔工具画两条线,分别放置在base图层的视频界面顶端和底部。再选择一个大一点,参数设置为80%不透明度的橡皮擦擦除两侧的线条。

必威平台 27

必威平台 28

按Ctrl T ,右键点击图像选择透视。然后按住Alt键依照3a改变camera2。用矩形选框工具拖拽出3b中的形状再按delete得到3c中的图形。打开混合选项,依照3d进行设置。

必威平台 29

步骤 6

8、再创建新图层。将它命名为speaker。Ctrl键的点击 base图层的缩略图获得选区。然后选择矩形工具,按住SHIFT键 ALT键拖动得到选区,#3a3a3a填充它。复制图层,命名为质地。之后进入混合选项并添加这些设置:选择蛛网图案(素材下载见文章顶部),图 案叠加混合模式:叠加模式和参数设置为12%。

必威平台 30

八、再创建新图层。将它命名为speaker。Ctrl键的点击 base图层的缩略图获得选区。然后选择矩形工具,按住SHIFT键 ALT键拖动得到选区,#3a3a3a填充它。复制图层,命名为质地。之后进入混合选项并添加这些设置:选择蛛网图案(素材下载见文章顶部),图案叠加混合模式:叠加模式和参数设置为12%。

复制到之前创建的base图层上。更改混合模式为柔光,不透明度为80%。图层命名为 Texture.按Ctrl 点击base图层,调用选区,然后按Ctrl Shift I, 选择Texture图层点击删除不要的选区。

必威平台 31 必威平台 32

必威平台 33

必威平台 34

必威平台 35

9、创建一个新层,命名为突出,再次使用铅笔工具绘制1px高光边缘,然后创建一个新图层,命名为影子。使用椭圆工具,取出不需要的区域,羽化,高斯模糊,降低透明度50%既可以,大家可以适当的根据感觉调整。

第四步

必威平台 36

步骤 7

必威平台 37

按Ctrl J复制camera2图层,重命名为camera3。删除其混合选项并将填充降低直0%。再打开混合选项使用4a中的设置。

必威平台 38

10、按照左侧制作方法,创建右侧部分。

必威平台 39

必威平台 40

必威平台 41

11、之后创建,最小化和最大化及关闭按钮。创建新层,命名为按钮。再使用圆角矩形工具,设置半径为2px,画一个小按钮,它填充白色。图层渐变的颜色为:#8799ab-#485664-#8799ab 描边颜色为#384251。

第五步

必威平台 42 必威平台 43 必威平台 44 必威平台 45 必威平台 46 必威平台 47

使用矩形选框工具删除下图所示的区域。

12、创建一个新层,命名为X。为了让X更好看,你可以使用你喜欢的字体或用铅笔绘制工具,之后再添加一个渐变(暗灰色,浅灰色)和1px阴影得到这个效果。

必威平台 48

必威平台 49

第六步

13、同样的方法创建另外两个按钮。

按Ctrl J复制camera3,重命名为camera3杂色,把填充改为100%并删除其混合选项。按住Ctrl点击camera3载入选区。点击滤 镜-杂色-添加杂色,设置如6a。然后选择滤镜-模糊-模糊。将图层混合模式改为叠加,降低不透明度至7%,参见6b。

必威平台 50

必威平台 51

14、创建新层,画一个像图片中的矩形,填充渐变颜色为#303a44—— #4a5968。

第七步

必威平台 52

在顶端创建名为camera right的新图层,像7a一样将其向左移动。重复第二步。再如7b作出选区并按delete。按Ctrl T,右键点击图像选择透视,按住Alt依照7c改变camera2。然后打开混合选项,设置如7d。

15、创建一个新层。将它命名为光泽。再绘制一个小矩形,填充白色透明度降低到10%。

必威平台 53

必威平台 54

必威平台 55

16、按照之前的方法绘制高光,透明度大家根据自己的感觉设置即可以。

第八步

必威平台 56

按Ctrl J复制camera right,重命名为camera right shadow。将其移动至camera right图层的下方,如8a所示。删除混合选项再如8b作出选区并删除。然后打开混合选项,设置如8c。

17、文字添加,大家可以根据自己的想法修改,我使用的字体是Digital-7,大家可以在DaFont下载到,而细节的处理,还是使用前面常用的方法,用铅笔工具画1px线条来添加细节高光。

必威平台 57

必威平台 58 必威平台 59

必威平台 60

18、 创建一个新层。将它命名为进度条。再使用圆角矩形工具,半径设置为5px,绘制一个细长的矩形,黑色填充并添加图层样式:渐变叠加颜色设置 为#303a44-#1c2329;添加描边1px,颜色为#afbbc6,不透明度为16%。再创建一个新图层,命名为进度条旋钮。画出一个小矩 形,并填充黑色。图层样式选项为:内阴影:混合模式正常,颜色-白色,距离0,大小1,渐变叠加:#5c6977 -#212a30 -#5c6977; 外描边:1px,颜色#222b31。

第九步

必威平台 61

新建图层,添加木纹并将混合模式改为叠加。

19、 接下来要制作好多按钮。创建一个新组,命名为Buttons。首先制作播放器基本按钮,如暂停键等。建一个新图层,命名Button base。用半径为5px的圆角矩形工具画出外框,然后描边(弧线可重复使用圆角工具完成)。选择图层样式-投影:角度90(使用全局光),距离1,大 小0;再勾选内阴影:混合模式为正常,颜色白色,角度90(不使用全局光),距离1,大小0;选择渐变叠 加:#4d5c6a-#1c2329-#303a43.

必威平台 62

必威平台 63

第十步

20、用1px铅笔画四条直线,擦去直线的末端,注意透明度变化。看截图自己想象该怎么细致就怎么整。

在木纹图层的上方新建图层,命名为right bottom。使用圆角矩形工具,半径20像素,画出如10a的图形,再如10b可以用任何颜色填充。按住Ctrl点击木纹图层以载入选区。按 Ctrl Shift I反选,再按delete键。打开混合选项,设置如10d。

必威平台 64

必威平台 65

21、制作播放、暂停、停止、前进和后退按钮。用矩形和三角形工具简单的画出,在这个图层添加渐变叠加效果,颜色分别为#b7d9ed-#458fb2-#b7d9ed。

必威平台 66

必威平台 67

第十一步

22、 现在做最后四个按钮:重复、随机、播放单和均衡器。制作每一个按钮的步骤都差不多,用圆角工具画出大致形状,添加图层样式:投影-透明度26%,扩展 100%,大小1;内阴影-模式选正常,颜色白色,透明度40%,角度90,距离1,阻塞100%,大小0;渐变叠加 -#3d4a59-#1c2329-#303a44。复制按钮并如图放置。

按Ctrl J复制right bottom图层,重命名为right bottom杂色再删除其混合选项。按住Ctrl点击right bottom杂色图层载入选区。点击滤镜-杂色-添加杂色,设置如6a。然后点击滤镜-模糊-模糊。将图层混合模式改为叠加,再把不透明度改为20%。

必威平台 68

必威平台 69

23、现在添加文字。选择Arial字体,再进行图层样式处理:投影-透明度42%,角度90,距离1,大小0.渐变叠加- #4c5a69-#8495a7。

第十二步

必威平台 70

为数码相机添加外发光和阴影。

24、再用铅笔工具进行一些细节处理,主要是高光处理。

必威平台 71

必威平台 72

必威平台 73

25、最后就是音量控制了。用1px铅笔画出喇叭图标,接着进行渐变处理,颜色设置为#b7d9ed-#458fb2-#b7d9ed。

必威平台 74

必威平台 75

第十三步

26、用半径5px的圆角矩形工具画音量条,用渐变工具填充颜色,设置与进度条一致。

在顶端创建新图层,命名为zoom1。使用椭圆选框工具画出如13a的图形再用任意颜色填充。然后打开混合选项,设置如13b。

必威平台 76

必威平台 77

27、画10个小圆圈。激活的小圆用与喇叭一样的渐变填充,其他的填充简单的黑灰渐变。

必威平台 78

必威平台 79

第十四步

28、现在音频播放器的制作基本完成。合并所有图层(除了背景层),复制这个合并层进行2px高斯模糊,选择垂直翻转,再用橡皮擦轻轻擦去底部(注意画笔,不透明度和流量的使用)。这样一步一步地,漂亮的音频播放器在你的手中诞生了。

在顶端创建新图层,命名为zoom2,再绘制14a中的圆形。再打开混合选项,设置如14b。

必威平台 80

必威平台 81

教程未完,请看下一页!

必威平台 82

第十五步

在顶端创建新图层,命名为zoom3,绘制如15a的圆形。打开混合选项,设置如15b。

必威平台 83

必威平台 84

第十六步

在顶端创建新图层,命名为zoom4,绘制如16a的圆形。打开混合选项,设置如16b。

必威平台 85

必威平台 86

第十七步

在顶端创建新图层,命名为zoom5,绘制如17a的圆形。打开混合选项,设置如16b。

必威平台 87

必威平台 88

第十八步

在顶端创建新图层,命名为rounded zoom。使用圆角矩形工具,半径20像素,绘制如18a的图形。打开混合选项,设置如18b。

必威平台 89

第十九步

将zoom light1和zoom light2如下图所示进行修改。

必威平台 90

必威平台 91

第二十步

为镜头添加文字。

必威平台 92

必威平台 93

第二十一步

在顶端创建新图层,命名为flash1。使用圆角矩形工具,半径5像素,画出如下的形状。

必威平台 94

第二十二步

在flash1图层的上方创建新图层,命名为flash2。按住Ctrl点击flash1载入选区。点击选择-修改-收缩,5像素,并用任意颜色填充flash2。然后打开混合选项进行如下设置。

必威平台 95

第二十三步

按Ctrl J复制flash2,重命名为flash3,如下设置混合选项。

必威平台 96

第二十四步

添加一些黑点。

必威平台 97

必威平台 98

第二十五步

在顶端创建新图层,命名为black bar。使用圆角矩形工具,半径4像素绘制如下图形。

必威平台 99

第二十六步

按Ctrl J复制black bar,重命名为light bar。删除其混合选项再用白色填充。然后使用矩形选框工具删除如下图所示的图形。

必威平台 100

第二十七步

在顶端创建新图层,命名为button。使用圆角矩形工具,半径5像素,绘制下图所示图形。

必威平台 101

第二十八步

添加两条短线。

必威平台 102

第二十九步

在camera1图层的下方创建新图层,命名为camera shadow。使用椭圆选框工具拖拽出29a中的图形,用黑色填充,中29b。然后点击滤镜-模糊-高斯模糊如29c设置。

必威平台 103

最终效果图

在Photoshop中绘制数码设备是很乏味的过程。你得到的结果取决于你在这过程中所花的时间和精力。多加练习你可以独立绘制出很多诸如数码相机此类的任何形状的设备。

必威平台 104

转载:

教程未完,请看下一页!

本文由必威平台发布于摄影,转载请注明出处:我们偶尔需要使用数码设备来辅助设计【必威平

关键词: 必威平台

临潼的小麦地

朋友结婚在临潼附近发现的小麦地 下载附件保存到相册 下载附件保存到相册 下载附件保存到相册 下载附件保存到相...

详细>>

在2009年富士共推出2款长焦数码相机,目前国内市

如果说图像传感器是数码相机的“心脏”,那么镜头就是数码相机的“眼睛”。它的品质优劣直接决定成像效果是否...

详细>>

但是又需要拍摄夜景人像,首先通过调整曲线提

二、完成合成之后还要对其进行调色,首先通过调整曲线提亮整体画面,同时增强亮部和暗部的反差,去除灰蒙蒙的...

详细>>

促销已经成了目前打算购买50D的人决定出手的主

虽然倒春寒让今春的花期一拖再拖,但是依然难挡摄影爱好者们的拍摄热情。时值四月,头有清明踏青赏花的传统习...

详细>>