PS教程!教你绘制木纹风扇拟物图标(含素材下载)

时间:2020-11-18
类别:PS教程
水平:入门
观众:1.1w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:长腿芋泥 ​​​​(优设木鼠UI班)

交作业:#优设每日作业#

关于教程

拟物图标又要开始流行了哦,快来跟着教程学习吧!

效果图

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

教程步骤

Step 01 绘制外部轮廓

用椭圆工具绘制一个正圆,Ctrl+T框选圆形,点击工具栏中的自由变形工具,下拉菜单中选择「膨胀」,将圆旋转45度

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 02 加入木纹材质

2.1 导入木纹图片,嵌套进椭圆形中

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

2.2 木纹饱和度调为0,调整色阶数值

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 03 绘制高光、投影

3.1 为了使椭圆有正面鼓起的效果,在正面绘制白色矩形,添加羽化,并调整不透明度

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

3.2 同理,在亮部绘制高光,在暗部绘制投影,添加羽化,并调整不透明度

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 04 扇叶背景+棍子

4.1 绘制椭圆,添加图层样式-渐变叠加,使得背景有凹陷效果

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

4.2 绘制棍子,通过旋转复制确定棍子位置,绘制高光和投影+羽化大法,使得棍子看起来比较立体

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 05 绘制环状外圈

5.1 利用布尔运算-减去上层,绘制圈环形状,添加图层样式-渐变叠加

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

5.2 根据同方向的灯光,用钢笔勾出圆环的高光和暗部,用羽化加强质感,再添加图层样式-投影,拉开层次感

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 06 绘制扇叶

6.1 先绘制扇叶形状,旋转复制出其他3个扇叶

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

6.2 单独处理每个扇叶的受光面,分别绘制高光、暗部,结合羽化大法,给每片扇叶单独添加立体感

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

6.3 给扇叶添加图层样式-投影,每个扇叶需要单独添加投影,拉开扇叶与背景的层次感

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 07 绘制风扇轴心

7.1 绘制椭圆,用剪贴蒙板添加材质,调低材质的饱和度,加上投影以拉开层次感

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

7.2 用之前同样的方法绘制高光、暗部,结合羽化大法,让轴心更加立体

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 08 绘制轴心凹陷

8.1 用上述方法添加材质,添加高光和暗部,使其呈现出凹陷效果

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

8.2 用之前同样方法绘制高光和暗部,结合羽化大法,使轴心更加立体

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

Step 09 绘制背景

9.1 绘制深棕色矩形作为背景,添加上木纹材质,并且调低材质的饱和度

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

9.2 给风扇图层编组,添加投影样式,拉开与背景的层次感

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

最终效果

PS教程!教你绘制木纹风扇拟物图标(含素材下载)

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
木纹素材406K5w36 点此复制 登录下载
8 收藏 47

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 5

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片