风扇图标,设计拟物风扇主题UI图标教程(3)

来源:微博 作者:杨洋-XHM 学习:14052人次

步骤六:

整理图层面板:

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

温馨提示:做到这里,【机身组】的内容已经完成了。你们可以通过上图的图层面板,命名、 整理、 分类你的图层,这是一个很重要的好习惯,它能让你更有效率的进行工作。

步骤七:

制作电扇【扇页】:

温馨提示:用圆角矩形工具 (U)来做,大小比例自己定。该图层命名为【扇页】,颜色填充#ffffff

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

分解图:

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

赋予【扇页】光感,制造体积感:

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

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

图层样式:内阴影 模式:正片叠底 颜色:#ede2d9 不透明度:75% 角度:90° 距离:1px图层样式:渐变叠加 模式:正常 样式:径向 颜色:#cfd1d5 ~ #e6e2de 角度:90° 缩放:127%图层样式:投影 模式:正常 颜色:#814f23 不透明度:25% 角度:105° 距离:9px

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

制造【扇页】暗部:

温馨提示:我们根据光线给扇叶推导出扇叶的大致光影效果,用钢笔工具(P)钩出阴影。

钢笔工具不会用的同学,戳→ 【Ps基础-钢笔工具】

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

扇叶阴影主要分为上面四个部分。我们图层命名为【扇叶阴影1~4】颜色任意填充,然后依次调整它的设置和效果。

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

整理图层面板:

温馨提示:最后把整个扇叶部分的图层所有组成一个群组,并在该群组上面添加一个蒙版,盖掉下方多余的投影。

蒙版不会用的同学,戳→【Ps基础-蒙版】

风扇图标,设计拟物风扇主题UI图标教程_www.16xx8.com
<点图片看大图>

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
Elyvan2020-05-06 08:39
我的作业:

来看看原因2019-12-26 03:18
炜彤 发表于 2019-12-26 14:43
请问这一步扇格部分是怎么做的?
画圆形路径,描边,然后做选区擦掉那几个缺口
炜彤2019-12-26 02:43
请问这一步扇格部分是怎么做的?

张德帅2017-08-30 06:00
‘’
张德帅2017-08-30 06:00
‘’
张德帅2017-08-30 06:00
‘’
张德帅2017-08-30 05:59
‘’
张德帅2017-08-30 05:59
‘’
张德帅2017-08-30 05:59
‘’
张德帅2017-08-30 05:59
‘ ’
你de笑讓莪心跳2016-12-30 05:49
新人交作业
你de笑讓莪心跳2016-12-30 05:12
新人交作业
寒雨2016-11-30 02:26
寒雨2016-11-30 02:11
photoshop2016-11-20 07:55
漂亮

关注大神微博加入>>

网友求助,请回答!