当前位置:首页>ps实例教程>ps绘画教程>插画教程>教程内容

扁平风格,如何绘制具有透明感的五彩星球图片(2)

来源:UI中国 作者:Glimmer 学习:26629人次

7.非常关键的一步来啦:绘制水波状的形状。

首先,选择小黑工具

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

点击圆形选中,在这种状态下,选择矩形工具

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

按住alt键,画一个矩形(tips:布尔运算:按住alt绘制是减去,按住shift绘制是加上

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

再回到小黑,选中矩形调节位置,减去圆形的大概小一半(注意不是正好一半)。

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

按住shift再选中圆

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

合并形状组件

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

选是,得到一个类似于半圆的形状。

用添加锚点工具

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

添加三个锚点

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

用小白工具(直接选择工具)选择一个锚点,调节位置,注意调节的过程中按住shift键,保证手柄的方向一直都是水平的

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

(tips:贝塞尔曲线的绘制技巧——添加新锚点时按住shift键,拉出手柄,保证手柄的方向一直是水平或45度斜角,这样绘制出的曲线会比较平滑。)

同样的方法调节另外两个锚点

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

添加渐变叠加

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

色值参考:左#20f0f2 右#418deb

8.复制“液体-1”,在其基础上调节锚点得到“液体-2”。

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

9.重复第7步得到“液体-3”(要注意这里减去的矩形要更多啦),添加渐变叠加。

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

(从左至右#f429da、 #f400d4、 #f47ffb 、#fcc5ff)

这里单纯通过图层样式的叠加可能得不到如图所示的渐变样式啦,这个时候为们要引入另一种方法。新建一个图层,放在“液体-3”上面。

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

按住alt点击图层2和液体-3之间的位置,将图层2剪切进“液体-3”。

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

双击效果-勾选第一个对勾“将内部效果混合成组”,去掉第二个对勾,确定。(非常重要,否则我们接下来做的步骤效果就看不出来了。)

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

再选中新建的透明图层,选择画笔工具

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

,按住ALT键点击“液体-3”上渐变色最浅的地方,前景色就成了浅粉色

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

将画笔调节为柔和,笔触放大。

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

沿着“液体-3”曲线的外侧点击几下,注意不要多点,避免颜色太实。

再将前景色颜色改成橙色,

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

沿着右下角外侧点击一下,得到如图:

扁平风格,如何绘制具有透明感的五彩星球图片_www.16xx8.com

学习 · 提示

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

1537965792021-10-26 09:58
谢谢老师的分享。
汉彩2021-10-25 08:45
我的作业:布尔运算要多练。

hey2018-03-26 10:23
为什么有那种把关键步骤省略的感觉?
子所不语2017-11-14 11:44
学习 教程,感谢大神传教程我的作业:
卖烧饼的小土豆2017-11-04 10:28
什么鬼啊,完全看不懂?
张公杍2017-11-04 05:11
受益匪浅,感谢分享。
勿拾草2017-11-04 02:59
学习,怎么看也看不懂
liangzaizai12017-11-04 07:18
学习下
罗纳尓哆啦A梦2017-11-04 06:50
看下啦~~~~~~~~~
封印miss2017-11-04 01:09
签到

关注大神微博加入>>

网友求助,请回答!