图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

分享到:更多 ()

今天我们为大家带来一篇非常可爱的云彩制作教程。教程中用到了图层样式、高斯模糊等工具,步骤并不难,主要是对色彩度的把握。如果云朵上的色彩处理不好,容易做出很脏的感觉,怎样做出晶莹通透的可爱云彩呢?来看教程吧!

Come on!

第1步:

打开Photoshop,Ctrl+N新建空白文档,尺寸可自己定义。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第2步:

按住Alt键双击背景图层,将其转换为普通图层。双击打开图层样式,为背景添加从#ddeffa#96ccee的蓝色渐变。CS5以上版本可以勾选仿色选项,这样渐变会平滑一些。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第3步:

椭圆工具在画布中心区域绘制一个正圆形,大小自己把握,颜色随意。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第4步:

继续绘制不同大小的圆形,组成云的形状。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第5步:

按Ctrl键加选所有圆形图层,Ctrl+E进行合并。然后为其添加图层样式。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第6步:

将云朵图层的不透明度降低为30%。然后新建一个图层,利用柔边白色画笔根据圆形的轮廓在云朵上绘制。这里可以使用不同透明度和大小的画笔多次点击绘制,来形成白色高光

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第7步:

利用同样方法在左侧圆形上绘制白色高光

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

在上部两个小圆形上绘制。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

继续在右侧圆形上绘制。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第8步:

利用矩形工具创建多个长条矩形,分别填充不同的颜色。然后将这些矩形栅格化后Ctrl+E合并成一个图层,将其拖动到云朵图层下方。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第9步:

按住ctrl键点击云朵图层缩略图,来建立云形的选区。选中彩虹图层,Ctrl+Shift+J将选区部分单独分离成层。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第10步:

对分离出来的彩虹层进行高斯模糊(滤镜>模糊>高斯模糊)。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

然后为其添加蒙版,用黑色画笔在蒙版上绘制,使彩虹在云后呈现出若隐若现的效果。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第11步:

Ctrl+J将模糊后的图层复制一层,并将其移动到图层最上方,然后在蒙版上点击右键,删除蒙版。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第12步:

将这一层的彩虹移动到左侧边缘区域。按Ctrl键点击云朵图层缩略图建立选区。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

Ctrl+Shift+I将选区反向,按Delete键删除云朵外的彩虹。再Ctrl+Shift+I将选区反向回来。对其进行高斯模糊(滤镜>模糊>高斯模糊)。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第13步:

为边缘模糊图层添加蒙版,然后用黑色画笔在蒙版上绘制,只保留边缘区域的色彩。

图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

第14步:

利用同样方法制作出右侧及底部淡淡的彩虹色彩,我们便大功告成了!来亮亮你的作品吧,如果在制作过程中有任何疑问,欢迎留言或加入我们的QQ群(118482438),我们会对你的疑问进行解答。

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 图标设计:快速利用Photoshop绘制一枚可爱的云彩图标

0
分享到:更多 ()