当前位置: www.88bifa.com > 必发娱乐 > 正文

Photoshop图层样式制作精良铁链,设计金属材质的

时间:2019-10-05 22:19来源:必发娱乐
Photoshop图层样式制作精美铁链 (载入中...) 自从有了智能手机,手机的APP就风靡一时,各种各样的APP图标设计也非常的流行,教程主要通过图层样式来完成,感兴趣的让我们一起来学

Photoshop图层样式制作精美铁链 (载入中...)

自从有了智能手机,手机的APP就风靡一时,各种各样的APP图标设计也非常的流行,教程主要通过图层样式来完成,感兴趣的让我们一起来学习吧。最终效果:

教程讲解十分详细,主要分几个部分完成,分别是设计底纹,然后通过图层样式制作金属按钮,最后加上图案即可完成。

  用圆角矩形工具绘制一个圆角矩形:

图片 1

最终效果:

  图片 2

老规矩先来分析一下,教程里面的木纹图标我们主要分为以下几个部分:底座、旋钮、显示屏、横线,大都问题都不大,主要是底座和显示屏比较麻烦一点,需要用到多个图层来制作高光效果,分析完了以后我们离成功就近了一步,下面就让我们一起来学习吧。

图片 3www.16xx8.com

  新建立一个图层再次绘制一个圆角矩形:

图片 4

下面是教程详细步骤,大家一起来学习。

  图片 5

步骤一:首先新建画布500px*500px画布,命名为收音机,填充背景颜色#c8beae。具体参数如下。

老规矩,先来分析一下。这里我们主要分为二个部分:底座、图标,其它问题都不大,主要是底部框架部分、需要用到多个图层来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么,噢耶!!!

  添加一些图层样式效果:

图片 6

图片 7

  图片 8

图片 9

步骤一:

  图片 10

步骤二:使用圆角矩形工具绘制一个320px*320px圆角半径为60px的圆角矩形,颜色设置#d29b4d并命名为底座,添加图层样式。

首先新建画布800px*800px画布,命名为质感图标,为背景添加图层样式。

  图片 11

图片 12

图片 13

  图片 14

图片 15

图片 16

  图片 17

图片 18

图片 19

  图片 20

步骤三:现在打开素材,为素材添加图层样式并按住ctrl alt g键创建剪贴蒙版到底座图层。

图片 21

  图片 22

图片 23

步骤二:

  图片 24

图片 25

使用圆角矩形工具、绘制一个450px*540px圆角半径为90px底座,并为它添加图层样式。

  移动位置复制图层移动位置:

图片 26

图片 27

  图片 28

步骤四:现在来绘制底座高光,绘制俩个圆角矩形,使用小黑工具单击选中内步形状,并减去顶层形状。

图片 29

  最终效果:

图片 30

图片 31

  图片 32

图片 33

步骤三:

步骤五:将混合模式改为滤色,不透明度设置为40%,添加图层蒙版,擦除不需要的位置。

高逼格的底座一下就出来了,有木有!!!接下来继续使用圆角矩形工具、绘制一个390px*390px圆角半径为90px的形状,命名为底座-2,并为它添加图层样式。

图片 34

图片 35

步骤六:继续使用圆角矩形工具绘制一个283px*278px圆角半径为60px的圆角矩形,颜色设置# f8bf86并命名为底座亮色。

图片 36

图片 37

图片 38

步骤七:我们复制一下底座亮色图层,将颜色设置为#96622f,重新命名为底座暗色,并移动到合适的位置。

图片 39

图片 40

步骤四:

步骤八:继续打开素材,操作同上:为素材添加图层样式转换为智能对象并创建剪贴蒙版到底座暗色。将图层打组命名为底座。

为底座-2添加金属拉丝效果,新建图层填充#9f9f9f,添加杂色执行动感模糊命令,并创建剪贴蒙版,调整不透明度。

图片 41

图片 42

图片 43

图片 44

图片 45

图片 46

步骤九:现在我们来绘制显示屏的位置,用圆角矩形工具绘制一个238px*119px圆角半径为90px的圆角矩形,颜色设置# a4a29e并命名为显示屏底座,添加图层样式。

图片 47

图片 48

步骤五:

图片 49

复制金属拉丝,ctrl t旋转90度,并依次创建剪贴蒙版。

图片 50

图片 51

步骤十:我们来为显示屏添加高光位置,用圆角矩形工具绘制一个178px*50px圆角半径为90px的圆角矩形,颜色设置# ffffff,高斯模糊12px,命名为显示屏高光。

步骤六:

图片 52

现在我们绘制内框位置,绘制两个圆角矩形,大小分别为450px,390px圆角半径为90px,合并形状选择路径选择工具,选中内框减去顶层形状,并添加图层样式。

图片 53

图片 54

图片 55

图片 56

图片 57

图片 58

步骤七:

我们为内框添加金属拉丝效果吧,复制内框图层清除图层样式。获取选区其它操作方式如上,并调整不透明度。

图片 59

图片 60

图片 61

图片 62

步骤八:

现在继续绘制一个顶部渐变,选择圆角矩形工具绘制一个390px圆角半径为90px的形状,绘制完成后复制,命名为顶部渐变。

图片 63

图片 64

步骤九:

将顶部渐变复制向下移动15px,并合并两个形状,选择路径选择工具,选中内框减去顶层形状,将底座渐变叠加图层样式复制,移动色标位置即可,并添加投影图层样式。

图片 65

图片 66

图片 67

图片 68

图片 69

图片 70

步骤十:

现在我们来绘制最后一个图标吧,用自定义形状工具绘制一个172px的形状,并旋转45度,最后添加图层样式就完成这个案例了哦。

图片 71

图片 72

图片 73

图片 74

图片 75

图片 76

教程到此就结束了,大家可以用这个方法制作其它金属纹理的图案,有兴趣的同学可以动手尝试一下,欢迎投稿分享你的经验。

编辑:必发娱乐 本文来源:Photoshop图层样式制作精良铁链,设计金属材质的

关键词: www.88bifa.c