当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 19:04:57
  • 来源/作者:互联网/佚名
  • 己被围观

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


步骤四:

制作电扇【 圆形扇框2 】:

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

宽度:112 px高度:112 px

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

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

温馨提示:用图层样式时,尽量都【不要使用全局光】,

图层样式:描边 大小:2px 位置:外部 不透明度:30% 填充类型:渐变 颜色:#535050 ~ #826969 角度:-59°图层样式:渐变叠加 模式:正常 样式:径向 颜色:#f2eee9 ~ #b4b6bb 角度:103° 缩放:150%图层样式:投影 模式:滤色 颜色:#ffffff 不透明度:36% 角度:114° 距离:4px

风扇图标,设计拟物风扇主题UI图标教程
<点图片看大图>
步骤五:

制作电扇【扇格部分】:

温馨提示:用椭圆工具(U)的描边来做,粗细自己定。该图层命名为【扇格部分】,颜色填充#ffffff

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

赋予【扇格部分】光感,制造体积感:

风扇图标,设计拟物风扇主题UI图标教程
<点图片看大图>
图层样式:渐变叠加 模式:正常 样式:线性 颜色:#323b49 ~ #b9c0c7 角度:-61°图层样式:投影 模式:正常 颜色:#f6f0e8 不透明度:45% 角度:90° 距离:1px

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条