当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

天气图标,设计扁平化风格的天气主题图标

来源:tutsplus 作者:不详 学习:18700人次

这套天气图标包括彩虹、太阳、雨天和雨伞几个图标,而且篇平化的图标设计起来没什么难度,教程运用了很多实用小技巧来制作,大家一起来学习。这篇翻译教程用的是CC2015版本的软件,其他版本一样制作即可。

最终效果:

www.16xx8.com_0324053407-0.jpg

让我们开始学习吧!

1. 做一个彩虹图标

第一步

我们开始画彩虹的最外层红色条纹。

用椭圆工具(快捷键U)画一个450 x 450 px的圆,打开属性面板(窗口>属性)在属性面板中,我们可以改变圆的大小、位置、颜色等等一些其他的设置。

把圆的描边设置为3 pt,不填充颜色,然后我们调整下描边的颜色。 单击描边颜色图标,开打颜色样本选择窗口,你可以在样本中选择一个颜色也可以点击右上角的那个拾色器按钮,打开纯色面板,这样你可以更精确的选择颜色。

www.16xx8.com_0324054042-1.jpg

第二步

添加另一个彩虹内环。 在图层面板中选择红色圆形图层,按住Control+J (command+J)复制本图层。 按住Control+T(command+T)把圆变的小一些,使它可以嵌套在红色圆形的内部,在属性面板中把描边的颜色变为橘黄。

www.16xx8.com_032405B36-2.jpg

第三步

再一次拷贝图层(Control+J or conmand+J)添加第三个更小一些的圆,把描边的颜色改成黄色。

www.16xx8.com_0324051Q1-3.jpg

第四步

继续添加其他的圆,赋予他们彩虹的其他几个颜色。 你可以加7种颜色或者更少,因为我们不需要做的非常拟物化也不需要太多了的细节,因为我的要画的图标是很小的。 即使你只画了三四个不同颜色的圆环,它看上去还是像彩虹。

当你调整到满意的程度后,用移动工具(V)选择所有的圆环把他们编为一组(Control+G) 前往图层面板,按住Control+J复制这一组或者拖拽组到到版面地步的创建新图层按钮上,这样做也会对本组进行复制。 这样我们就做好的一个备份,万一我们在绘制过程中再想给彩虹添加点细节就可以用它啦。

在图层面板选择第一组,右键合并组,这样所有圆环都合并到一个栅格化的图层中。

www.16xx8.com_0324053415-4.jpg

第五步

现在我们用矩形选框工具(M),框选彩虹圆环的下面一半后删除。

www.16xx8.com_03240544M-5.jpg

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
牛奶。2016-07-18 07:33
请问下怎么把它里面加像磨砂一样的物质。
牛奶。2016-07-18 07:33
请问下怎么把它里面加像磨砂一样的物质。
小美2016-06-17 02:06

关注大神微博加入>>

网友求助,请回答!