图标设计,在PS里制作小清新风格的天气图标

来源:PS自学教程Photoshop 作者:小苏打 学习:13408人次

本篇教程通过PS制作一款天气图标,整个图标比较小清新,而且制作起来也比较简单,同学们可以通过教程跟着来学习制作一下,整个教程用到图层样式比较多,绘制图形和颜色的时候,要对照好颜色,做好和谐即可,同学们可以通过教程制作更多有设计感的图标,在图层样式里有很多可以设置的样式,同学们可以来学习一下。

效果图:

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

操作步骤:

第一步,新建一图层,之后选圆角矩形工具,再绘制一图形,将填充色设为自定义。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com学习PS请到www.16xx8.com

第二步,新建一图层,填充为白色,选择滤色-其他,之后添加杂色。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第三步,点击确定之后,选择滤镜,选择模糊,再选择径向模糊。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第四步,将鼠标置于两个图层之间,按alt键,创建剪切蒙版http://www.16xx8.com/tags/38847/,之后将图层混合模式选择为线性加深,按ctrl+t键,旋转一定的角度,效果如下图。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第五步,将圆角矩形做为一个相应的投影。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第六步,鼠标选择椭圆工具,绘制出一个正圆。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第七步,按ctrl键,加图层缩略图,以形成正圆形选区,新建一个图层,使用画笔工具吸取不同颜色后,涂抹出一个太阳,效果图如下图。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第八步,给太阳添加一定的外发光效果。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第九步,再新建图层,之后使用云彩笔刷,在太阳上面绘制一些云彩。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第十步,绘制相应的选区,填充为白色,将不透明度降低。

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

第十一步,添加对应的文字,至此一个天气的UI图便完成了,效果图如下:

图标设计,在PS里制作小清新风格的天气图标_www.16xx8.com

快来通过教程来制作学习一下吧,相信同学们可以通过教程学习的更好,制作有自己风格的天气图标。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
好学的小兔子2022-07-14 09:03
dd

乌克兰拖拉机史2022-06-24 06:12
我的作业:

萌美瘦2021-11-15 04:36
嘻嘻

yangjun2021-06-03 03:55
交作业喽~

Onlydis12021-01-15 10:13
谢谢教学,做的不是很好。

1537965792021-01-06 11:24
谢谢您的分享。
秃头小宝贝儿2021-01-06 11:03
天气

渐失君原2021-01-05 03:41
我的作业:

渐失君原2021-01-05 03:38
我的作业:

影殇灬语2021-01-04 03:06
我的作业:

糖糖冉冉2020-06-12 10:33
我的作业:

糖糖冉冉2020-06-12 10:32
我的作业:

Elyvan2020-04-28 09:12
我的作业:

山中山外2020-04-27 05:18
谢楼主

小王学修图2020-04-26 03:38
我的作业:太阳和云彩画不好,保存为JPG还带着白色的背景,保存为PNG边上又可以看见半透明的椭圆选框。第二次作业不圆满的完成,打卡!谢谢作者!

关注大神微博加入>>

网友求助,请回答!