ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8676|回复: 15
收起左侧

[UI设计] ps设计天气APP图标教程

[复制链接]
发表于 2016-4-10 20:45:37 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
效果图制作非常简单,前期先分析构成;然后从背景开始制作,用形状配合路径做出云朵,闪电,雨滴等;再用图层样式加上浮雕和渐变,局部渲染一些颜色即可。  最终效果

作者:Royavs 出处:站酷
 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  1、背景填充渐变如图,再花正圆矩形大小,适当就行。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  2、图层样式为径向渐变,渐变色如图(自己看着调)。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  3、绘制阴影,用椭圆工具在图标下层绘制一个形状如图的椭圆,在属性面板里进行羽化,效果如图。然后建立图层蒙版擦出多余部分。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  4、椭圆工具如上图画上第一层云朵的阴影黑色,不透明度为12%。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  5、Ctrl + J 复制一层云朵上移动,图层样式:斜面和浮雕,渐变叠加上浅下深都是灰度的。下面颜色要深一些是为了让上层云有立体感。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层


  6、再复制一层云,Ctrl + J 不要图层样式,颜色填充如图。然后等比例缩小,就把下层的立体边露出来即可。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  7、同样的方法再做一层小云朵,颜色填充,图层样式如图。然后复制一层放大一点,放在下面做阴影。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  8、使用多边形画出闪电,两个变形的三角形组成的,当然也可以钢笔工具自己画。底层闪电颜色纯度稍微低一点。再复制一层填充较高饱和度的柠檬色,利用图层蒙版擦除上层部分闪电。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  9、填充色如图,在闪电层上小云层下画椭圆,利用属性面板对椭圆进行羽化,模式为叠加,效果如图。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层

10、复制一层填充颜色如图,Ctrl + T 后,同时按住Shift + Alt 键拖拽等比例缩小。图层模式设为“叠加”。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层

  11、椭圆工具变形画出雨点,图层样式如下做出投影效果。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  12、复制一层椭圆光放在雨点图层上方,按住Alt键点击两图层之间建立剪切蒙版。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层
  13、画笔工具用云层笔刷画出云雾效果,对云层图层进行高斯模糊效果,预览如图即可。




回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-10 20:45:37 | 显示全部楼层

ps设计天气APP图标教程

  最终效果:



回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-21 21:54 , Processed in 0.042722 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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