如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

design.tutsplus.com   发布时间:2021-04-15 14:28:11   作者:佚名   我要评论
天气变化莫测,今天带同学们来撸一发天气图标,包括彩虹、太阳、阴雨天和雨伞图标,教程不难,不过绘制的时候用了很多小技巧(比如绘制太阳的Ctrl+Shift+Alt+T),全是实用又酷炫的,新手拿来临摹再好不过

第四步

现在我们绘制一个带曲形手把的木质伞柄。 使用圆角矩形工具(U)画一个4pt 橘黄色的描边,无填充颜色。像下图展示的一样。

在图层面板点击右键栅格化图层,以便之后的编辑。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第五步

使用矩形选区工具(M)删除掉手杖上曲形部分,在青绿色伞面上只露一点伞尖。 选择并删除曲形的左半边,这样手杖就成型了。

保持手杖图层是选中状态,按住Shift+Control+[,把手杖图层调整到青绿色伞面图形的下层。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第六步

再添加一个粉色圆形背景图层和一个扁平阴影,雨伞图标就好了。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

很棒! 到此我们的扁平化四月天气图标就完成了。

然而,本教程还没有结束哦。 你也可以到此为止了如果你喜欢干净简约的图标。 如果你还想添加一些细节和纹理,我们就继续看看如何利用Adobe Photoshop的一些艺术画笔来调整图标。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

5. 用锈迹笔刷来添加一些纹理

第一步

我们就从太阳图标开始吧 来到图层面板,选中黄色圆形太阳。 按住Alt同时单击创建新图层 在弹出窗口中,勾选使用前一图层创建剪贴蒙版。

这样我们的新图层和选中的太阳图层就绑定在一起了(在图层面板你会看到新图层旁边有个向下的小箭头)。 它的作用是你画的东西只会在太阳涵盖的范围内展现。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第二步

现在我们用另一个很棒的笔刷来创建一个锈迹斑斑的效果。 你可以选择一个你最喜欢的或者一些默认的Adobe Photoshop笔刷。

选择画笔工具(B)右键打开笔刷列表(或者直接窗口>画笔) 点击弹出窗口右上角的下拉菜单图标,在菜单列表的底部选择M 画笔。 追加画笔到现有列表或者直接替换它们。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第三步

在列表中找到干画笔 1 #2 然后选择这个画笔。 如果因为版本原因你的预设画笔中没有这个画笔,你可以在默认设置中尝试一些其他的画笔,比如干介质画笔或者其他一些可以看似小锈迹的画笔。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第四步

在颜色面板选择浅黄色,在太阳图层上层的剪贴蒙板图层,加一些柔和的锈迹纹理。 选用深黄色在太阳主体的底部稍微加一些阴影。

将所有阳光合并到一个图形中,同样也给它们加一层剪贴蒙板。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第五步

我们移步到彩虹图层,给他加上同样的纹理。 给弧形的彩虹图层和两个云分别加剪贴蒙板图层,同时给它们加上同样的艺术画笔效果。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第六步

同样的做法,利用画笔给每一个图标都加上这样锈迹斑斑的纹理。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

第七步

建立一个新图层作为背景图层,在每一个图标下方画一些浅黄色的纹理。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

太棒了! 我们四月份的天气图标完成啦!

你可以延展利用这些技术来创造更多的图标,或者做一组不同主题的图标。

如何用PS绘制天气图标呢?用PS绘制天气系列的扁平化图标教程

相关文章

  • 怎么用ps画扁平化插画 ps扁平化风格插画教程

    怎么用ps画扁平化插画?经常使用ps手绘一些喜欢的风景,风景里当然就是少不了山,下文中为大家带来了ps扁平化风格插画教程。感兴趣的朋友不妨阅读下文内容,参考一下吧
    2021-02-02
  • Photoshop绘制扁平化风格索尼PSP游戏机图标教程

    本教程教脚本之家的按钮制作学习者如何用Photoshop绘制扁平化风格索尼PSP游戏机图标,教程主要通过对图层样式的不同操作来达到最终效果,绘制的PSP非常逼真,感兴趣的朋友
    2018-01-11
  • ps怎么绘制扁平化风格的海盗插画图?

    ps怎么绘制扁平化风格的海盗插画图 ?说起海盗,能想到的就是舵手、海贼帽,宝藏和毒药,该怎么绘制这小图标,组成一个海盗插画图呢?下面我们就来看那看详细的教程,需要的
    2017-12-12
  • ps怎么设计扁平化风格的的镜头UI图标?

    ps怎么设计扁平化风格的的镜头UI图标?ps想要设计一个ui图标,该怎么设计一个镜头图标呢?下面我们就来看看详细的设计步骤,图文详细,需要的朋友可以参考下
    2017-06-06
  • PS绘制MBE扁平化风格图标

    这篇教程是向脚本之家的朋友分享PS绘制MBE扁平化风格图标方法,主要是向大家介绍图标绘制的技巧,教程很实用,值得大家学习,一起来学习吧
    2016-09-08
  • PS鼠绘扁平化风格的时钟图标

    这篇教程是向脚本之家的朋友分享PS鼠绘扁平化风格的时钟图标方法,教程比较基础,绘制出来的时钟图标非常漂亮,推荐过来,一起来学习吧
    2016-07-04
  • PS鼠绘一组扁平化风格的天气图标

    这篇教程是向脚本之家的朋友分享PS鼠绘一组扁平化风格的天气图标方法,教程鼠绘出来的图标非常漂亮,操作很简单的,使用了很多小技巧,推荐到脚本之家,一起来看看吧
    2016-06-08
  • PS CS6布尔运算工具绘制漂亮的扁平化风格的小火箭图标

    这篇教程是向脚本之家的朋友介绍PS CS6布尔运算工具绘制漂亮的扁平化风格的小火箭图标方法,教程绘制出来的小火箭图标非常漂亮,而且难度一般,值得学习,推荐过来,大家一
    2015-12-15
  • PS鼠绘一个扁平化风格的可爱和服妹

    这篇教程是向脚本之家的朋友介绍PS鼠绘一个扁平化风格的可爱和服妹方法,教程鼠绘出来的和服妹很可爱,而且方法不是很难,对于初学者来说很值得学习,推荐到脚本之家,喜欢
    2015-09-03
  • PS教程:手把手教你设计四种扁平化风格

    本文将传授你4种扁平化设计风格,绝对时髦的PS教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化、长投影、投影式、渐变式。
    2014-04-10

最新评论