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

这是我第一次做教程,练习重点

来源:http://www.tackaberrytimes.com 作者:生活家居 人气:153 发布时间:2019-10-02
摘要:赋予【圆形扇框】光感,制造体积感: 底层渐变:径向 -#ededed~#b1adaa近景亮色:线性 - #e1e0df~#b1adaa 效果: 效果: 步骤一: 宽度:138 px高度:138 px 温馨提示:用图层样式时,尽量都【

图片 1

图片 2

图片 3

赋予【圆形扇框】光感,制造体积感:

图片 4

底层渐变:径向 -#ededed~#b1adaa近景亮色:线性 - #e1e0df~#b1adaa

效果:

图片 5

效果:

步骤一:

图片 6

宽度:138 px高度:138 px

图片 7

温馨提示:用图层样式时,尽量都【不要使用全局光】,因为使用后,在添加相同样式,制作不同角度的效果时,会有影响。

图片 8

练习重点:

扇叶阴影2主要分为上面四个部分。我们图层命名为扇叶阴影1~4,颜色任意填充。

先看看效果图:

最后给整个图层用渐变工具加一层深色,然后添加一个蒙版,用柔边圆画笔擦掉中间部分。从而做出四周暗中间亮的效果。

本篇教程主要分享一款风扇主题的UI图标设计方法,教程比较详细,想学习风扇图标设计的同学赶紧学习分享吧。

图片 9

温馨提示:这主要是用渐变工具(G),整体扯出差不多的效果过就可以啦。

背景1:这一层主要是用一个渐变工具(径向渐变)拉出差不多的效果就可以了。

教程未完,请看下一页!

图片 10

我们首先从背景层开始。

效果:

赋予【风扇机身】光感,制造体积感:

图片 11

图层样式:内阴影 模式:滤色 颜色:#b4785a 不透明度:75% 角度:90° 距离:5px 大小:5px图层样式:内阴影 模式:正片叠底 颜色:#8f8696 不透明度:76% 角度:-52° 距离:4px 大小:5px图层样式:渐变叠加 模式:正常 样式:线性 颜色:#b4b6bb ~ #f2eee9 角度:103°图层样式:投影 模式:正片叠底 颜色:#22272a 不透明度:20% 角度:90° 距离:2px 大小:2px

图片 12

温馨提示:用圆角矩形工具(U),该图层命名为【风扇机身】,颜色填充#e2e1e0。

图片 13

图片 14

图片 15

宽度:400 px高度:300 px分辨率:72 px

图片 16

制作电扇【圆形扇框】:

图片 17

图层样式:描边 大小:2px 位置:外部 填充类型:渐变 颜色:#757e8a ~ #ccd4dc 角度:-68°图层样式:内阴影 模式:正片叠底 颜色:#5e6f84 不透明度:75% 角度:90° 距离:1px 大小:12px图层样式:渐变叠加 模式:正常 样式:径向 颜色:#636363 ~ #bdccdb 角度:90° 缩放:127%

图片 18

打开你的Adobe Photoshop,创建一个新文档。

接下来,我们把机身部分的那个大的圆形扇框复制两层,放到最顶层,图层填充0%,用来给扇框加两层内部投影。

制作拟物图标背景:

把风扇机身复制一层,清除图层样式,修改图层填充为:0。命名为风扇机身2,并添加内阴影样式。

制作【风扇机身】:

下面是我这次做的效果图,这是我第一次做教程,主要是之前在逛instntshift的时候看到的一张图,但是苦于没有教程,就尝试着把它临摹下来,做完以后,觉得还不错,所以就尝试做出个教程,和大家分享一下。如果有什么做的不好的,大家也请尽管的指出,这也是对我的帮助,谢谢。

这次练习主要练习光影、颜色对形体、空间的塑造,对这块运用不熟练的小伙伴,值得动手练习一下。

效果:

整个教程分为【背景】【机身】【扇叶】【扇框内投影】【光-颜色】五个部分,每个部分在完成以后都进行了编组,所以你们要注意图层分组。

图片 19

图片 20步骤三:

图片 21

图片 22www.16xx8.com

图片 23

宽度:180 px高度:180 px半径:8 px

接下来,我们来做电扇中间的圆形扇框。用椭圆工具画一个549*549的圆形,颜色填充#e2e1e0,并给它依次添加描边、内阴影、渐变叠加这三个图层样式。

图片 24步骤二:

图片 25

温馨提示:用 椭圆工具 (U),该图层命名为【圆形扇框】,颜色填充#e2e1e0。

图片 26

温馨提示:用图层样式时,尽量都【不要使用全局光】,因为使用后,在添加相同样式,制作不同角度的效果时,会有影响。

最后,我们来做机身部分最麻烦的扇格部分,好吧,你们就假装这个东西叫扇格。。。。画三个圆,然后删除就可以了。

图片 27

图片 28

图片 29

图片 30

效果:

图片 31

最后的最后,给整个风扇添加一个放射性的投影和电线。使得整体细节方面更细致,更逼真。

图片 32

图片 33

图片 34

图片 35

图片 36

添加上去后的效果:

图片 37

用圆角矩形工具画一个720*720半径10像素的圆角矩形,该图层命名为风扇机身,颜色填充#E2E1E0,图层样式依次填充内阴影渐变叠加投影,参数如下:

图片 38

首先,我们来建立一个1667*1250,300DPI的画布。整个教程分为右图五个部分,每个部分在完成以后,都进行了编组,并且每个组的图层状态都为穿透,这个同学们在做的时候要注意。我们首先从背景层开始。

图片 39

画好以后颜色填充#e2e1e0,并依次渐变叠加、投影。

图片 40

图片 41

图片 42

效果:

图片 43

图片 44

最后的投影我就不说那么详细啦,大家自己琢磨吧。^^

效果:

图片 45

图片 46

图片 47

效果如下:

图片 48

把所有扇叶部分的图层组成一个群组,并在该群组上面添加一个蒙版,把下方多余部分的投影给盖掉。

图片 49

图片 50

这样风扇机身部分就已经完成啦,接下来,我们做风扇的扇叶部分。

新建一个图层,命名为背景2:这一层则是在原有背景的基础上,在下半部分制造一个近景的亮色部分。同样的,也是用渐变工具,只不过这次是用的线性渐变。渐变的颜色参数同样如上图。

图片 51

图片 52

图片 53

图片 54

最大的圆形扇框做好以后,我们再用椭圆工具画一个455*455的圆形,图层命名为圆形扇框2,颜色依然填充#e2e1e0。并给它依次添加描边、渐变叠加、投影三个图层样式。

效果比较弱,不过上下仔细比较一下,还是能看出来的。加了这一层以后,不仅下半部分变亮了一点点,而且大家应该还能看到一层淡淡的,稍微深一点点的颜色,这个也是为后面的风扇做出来以后,能整体制造一点空间感,让整体看起来更加的真实,背景层完成后,记得群组,修改模式为穿透。后面的每一个部分,都是一样的,我就不一一提醒了。

图层样式参数:

图片 55

扇叶的基本型做好以后,依次添加内阴影、渐变叠加、投影三个样式,并根据光线,给扇叶添加一个光影效果。

现在我们根据光线,给扇叶大致推导出扇叶的一个光影效果,用钢笔工具钩出阴影。图片 56

本文由澳门新葡亰赌全部网址▎导航站发布于生活家居,转载请注明出处:这是我第一次做教程,练习重点

关键词:

上一篇:没有了

下一篇:没有了

最火资讯