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

水滴图标,水滴主题UI图标

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

制作拟物感水滴效果图标,制作方法很简单,设置好底座颜色后,添加上树叶素材和画上水滴即可完成。 先看看效果: www.16xx8.com 第一步:绘制图标底座形状,这里给的是300*300,圆角度数为20。 第二步,给底座填充一

制作拟物感水滴效果图标,制作方法很简单,设置好底座颜色后,添加上树叶素材和画上水滴即可完成。

先看看效果:

水滴图标,水滴主题UI图标
<点图片看大图>

第一步:绘制图标底座形状,这里给的是300*300,圆角度数为20。

水滴图标,水滴主题UI图标

第二步,给底座填充一个从深绿色到浅绿色的渐变。

水滴图标,水滴主题UI图标

第三步:使用图层样式顶部添加浅色,内阴影。

水滴图标,水滴主题UI图标

第四步:使用图层样式底部添加投影。

水滴图标,水滴主题UI图标

第五步:剪切蒙版放入一张合适的树叶,混合模式给叠加,不透明度给70%。

水滴图标,水滴主题UI图标

第六步:画几个亮黄色的圆,属性给较大一点的羽化,剪切入底座,打造光斑效果。

水滴图标,水滴主题UI图标

最后两步,也是比较重要的步骤:

第七步:用椭圆绘制出水滴的形状。分别给内发光,径向渐变,投影打造水滴效果。

水滴图标,水滴主题UI图标
<点图片看大图>

第8步:和上一步用相似的方法,绘制出水滴上的光感效果,透明度给20%。

水滴图标,水滴主题UI图标

各图层参考用:

水滴图标,水滴主题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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条