ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

12
返回列表 发新帖
楼主: 没有O2
收起左侧

[UI设计] 设计一个风扇主题的图标教程

[复制链接]
 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层
整理图层面板:温馨提示:最后把整个扇叶部分的图层所有组成一个群组,并在该群组上面添加一个
蒙版
,盖掉下方多余的投影。蒙版不会用的同学,戳→【Ps基础-蒙版】

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层

步骤八:加深扇框内部投影:温馨提示:把机身部分的那个大的【圆形扇框】复制两层,图层填充改为0%,放到最顶层, 用来给扇框的内部加两层投影,丰富投影变化,增加空间感。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层

图层样式:内阴影 模式:正片叠底 颜色:#5e6f84 不透明度:77% 角度:90° 距离:9px 大小:29图层样式:内阴影 模式:正片叠底 颜色:#3d588a 不透明度:30% 角度:90° 距离:4px 大小:10

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层

步骤九:细节刻画【电线】:温馨提示: 这里的电线是放在【风扇机身】图层的下面。用钢笔工具(P)钩出大致形态,注意电线的透视。画出来以后可以用直接选择工具(A)进行微调。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层
赋予【电线】光感,制造体积感:温馨提示:电线的基本型做好以后,依次添加三个样式,给【电线】制造光感,体积感。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层

图层样式:内阴影 模式:正片叠底 颜色:#918984 不透明度:41% 角度:-39° 距离:1px图层样式:渐变叠加 模式:正常 样式:线性 颜色:#e2e0dd " #d3d1cf 角度:90°图层样式:投影 模式: 正片叠底 颜色:#5c6877 不透明度:34% 角度:90° 距离:1px 大小1px步骤十:添加【风扇机身】投影:温馨提示:这里的投影分两层,第一层椭圆形的投影运用了柔边画笔打光的技巧。不会的的同学在我写的【用PS绘制光影巧妙的3D精灵球】可以去找一找,这篇文章里有详细的介绍。第二层放射状的投影,则是用了矩形工具(U),画出一个矩形以后,进行对齐、透视+高斯模糊完成的。这里我就不展示详细的操作过程了,你们自己去琢磨一下就会了,记得灵活运用不透明度,让两个投影更加的与环境融合。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-11-10 12:28:54 | 显示全部楼层

设计一个风扇主题的图标教程

添加氛围光:温馨提示:这里同样也是运用了柔边画笔打光的技巧,重在渲染整体氛围,烘托主题。所以这一步可有可无,不过我还是把效果图贴给你们看,感兴趣的就做一下。

好了,以上就是风扇图标的设计方法,认真看完的同学相信应该能掌握怎么设计UI图标了。
回复 支持 反对

使用道具 举报

发表于 2019-12-26 14:43:08 | 显示全部楼层
请问这一步扇格部分是怎么做的?
栅格.png
回复 支持 反对

使用道具 举报

发表于 2019-12-26 15:18:37 | 显示全部楼层
炜彤 发表于 2019-12-26 14:43
请问这一步扇格部分是怎么做的?

画圆形路径,描边,然后做选区擦掉那几个缺口
回复 支持 反对

使用道具 举报

发表于 2020-5-6 20:39:10 | 显示全部楼层
我的作业:
eletric fan.png
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-26 23:09 , Processed in 0.042873 second(s), 14 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表