澳门新葡亰赌全部网址▎导航站

用到的图层样式可以参见下图,圆形工具绘制圆

来源:http://www.tackaberrytimes.com 作者:生活家居 人气:171 发布时间:2019-10-02
摘要:今天跟大家分享一篇笔记本风格的UI图标,效果的纹理主要通过图层样式制作出来,喜欢的一起学习一下。先看看效果: 本教程主要教大家设计一个勃朗风格音乐ICON图标,效果很好,而

今天跟大家分享一篇笔记本风格的UI图标,效果的纹理主要通过图层样式制作出来,喜欢的一起学习一下。先看看效果:

本教程主要教大家设计一个勃朗风格音乐ICON图标,效果很好,而且运用了很多知识点,如渐变、图层样式、滤镜、直接选择工具等,对新手了解PS有很大的帮助,希望PS联盟的朋友喜欢。先看看效果图

图片 1

图片 2

现在再来回忆一下这个笔记本的画法吧。它大体可以分为三个部分:body,button,belt。哈哈,3b。那接下来就一个一个的分解一下好了。

新建图层,矩形工具绘制矩形:加图层样式投影

First of all, the body.本子的身体这一部分呢,就是个圆角矩形,用到的图层样式可以参见下图:

图片 3

图片 4

复制图层,cmd+d(自由变换向上调整显示出厚度)

而效果呢,说实在的,真的愁死我了,我是用吸管吸色来做渐变叠加的,出于当时考虑的角度问题,最终添加了以上图层样式后的效果并不明显,如图:

图片 5

图片 6

圆形工具绘制圆添加图层样式内发光,外发光

所以接下来,我为它单独添加了高光,一层又一层的叠高光,最后成了这个样子,注意右上角尤其是边缘的部分:

图片 7

图片 8

复制圆形图层调整大小把原有样式删除,添加新的样式渐变叠加:角度

叠高光用到了图层蒙版。

图片 9

然后本子的身体部分还有一圈虚线,中间那个belt的上面和下面一共有四条虚线,都是用描边路径画出来的,它们其实已经很小了,我思前想后,纠结了一下是否有必要为此添加图层样式之后,就开始添加起来,图层样式如下:

图片 10

图片 11

接下来制作金属拉丝部分:复制黑色突出右键删格化图层(这里的删格化图层一定要记得,一会径向模糊时就会出现原因,你可以试试不删除哦)

那么到此为止,body部分就算搞定了,接下来先看看body部分的整体效果:

图片 12

图片 13

添加杂色

然后开始绘制身体中间的那个带子的部分(最上面的那个扣儿除外,那是第三部分要说的哦)。加上那个belt的效果图如下,先来看看:

图片 14

图片 15

图片 16

下面开始说belt的绘制。Belt主要是用了图层样式、滤镜和画笔工具,画笔工具配合图层蒙版,说了这么多,还是看看更方便,效果图及其方法:

选中图层选区进行滤镜-模糊-径向模糊

图片 17

图片 18

图片 19

图片 20

图片 21

图片 22

上面第二幅图中的第一个图层就是刚刚说到的画笔配合图层蒙版,主要是高光的修饰,很微弱的高光。然后带子上面还有一行字,这行字用到的图层样式是:

图片 23

图片 24

调整图层模式类型:滤色,不透明度调节到何时(根据自己画面调整)

这样,我们就将belt这一部分也搞定了,下面就只剩下那个button的部分了。这个钮扣的整体效果图如下:

图片 25

图片 26

图片 27

注意右下角的部分,由于这个button的右端要长过于本子的body,所以长出的部分的投影,应该是看不到的,只有当本子放到桌子上的时候,你可以稍微的添加一点点很淡很淡的投影,是不是这个道理呢?好了,下面来说说这个button的绘制。

调整结束后复制大圆缩小删除原有样式重新调节凹进去的感觉:凹就要给内阴影内发光等。

投影在最下面一层,由于刚刚说到的长短问题,我单独画的形状图层来作它的投影,如图:

图片 28

图片 29

图片 30

图片 31

渐变叠加效果稍微调整下比大黑的颜色要重些

然后再画上面的那个棕红色的细皮带:

图片 32

图片 33

光源从左上方打出小黑圆右下方应该有反光作用要加上,这里用投影添加

用到了图层样式和滤镜,如下:

图片 34

图片 35

复制小黑缩小调整成小绿删除原有样式添加新样式斜面浮雕给他个立体感

图片 36

图片 37

主体部分完成。然后单独给这部分加个高光,就像刚刚body的那部分一样,叠上几层或者调整调整,但是仍然是微弱的高光,尽管微弱,细微的地方,画与不画,最终的效果一定是不同的。

渐变叠加调整成绿色位置不用变化直接改你想要的颜色就好

我叠了两层:

图片 38

图片 39

制作小绿中间的黑色底层(这样可以反衬出上面的金属小圆点)绘制圆或者复制小绿删除图层样式改成黑色在添加图层样式就ok了。

最后,扣带儿上还有半圈虚线,同样用描边路径画出来,然后添加图层样式,如下:

图片 40

图片 41

图片 42

这步完了之后呢,下一步是……呵呵,没了。

制作圆形金属球,添加一个灰色圆形(用形状工具做),复制一个改变颜色改成白色缩小成上部高光大小,在属性面板里面的蒙板,调整羽化值。(找不到可以在窗口中找到)

那为它加个背景图和投影吧,最终效果如下:

图片 43

图片 44

图片 45

下面的小反光可以新建个图层用画笔画下,添加模糊就好来。(这也是第二种画上面高光的方法这里用下面的反光说)

图片 46

下面的部分就是小金属按钮了,其实和前面的小黑一个道理

图片 47

下面是下面矩形的图层样式

图片 48

图片 49

重点制作这个两面反向的支撑棒,形状工具绘制圆角矩形,填充关掉,添加描边(这里为了明显,我用的墨绿)

图片 50

直接选择工具(小白)选择形状图层

图片 51

选择右边不需要的部分删除

图片 52

提示直接点是

图片 53

在用小白选择下面锚点

图片 54

cmd+t(自由变换右键水平翻转)

图片 55

图片 56

图片 57

在调整颜色添加斜面浮雕,让它有体积感,加投影。

图片 58

下面调整音量的部分和上面一样通过删除锚点(这里只是用椭圆画就好了)上面的金属调节器之间复制上面的用就行了。

图片 59

最终结果(我调整了下颜色,你可以感觉自己的喜爱调整,但是要记住上面所有图层样式给的效果该给滤色,正片叠底,要分清楚,给对了变什么颜色都不怕)

图片 60

本文由澳门新葡亰赌全部网址▎导航站发布于生活家居,转载请注明出处:用到的图层样式可以参见下图,圆形工具绘制圆

关键词:

最火资讯