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

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

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

本教程中用的渐变叠加和混合模式较多,对于新手也很适合,过程详细,重点不会一笔带过,从中体会到用PS的乐趣,感兴趣的朋友一起来学习如何绘制这个渐变又具有些许透明感效果的星球图吧。

先看看效果图

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

开始吧。

1.新建画板,我设置的大小是1024px*768px;

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

前景色设置为,用油漆桶点一下填充背景。

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

2.用椭圆工具

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

添加一个正圆,大小276px*276px(这个大小只是参考,但是大家一定要采用偶数直径,方便后面对齐),颜色任意(因为这个填充色咱们最后不用它),为了方面描述命名为“圆-外层”。ctrl+A选中整个画面,选择工具,水平、垂直居中。

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

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

3.调节圆形的图层样式,首先,将填充改为0%;添加图层样式-渐变叠加,设置颜色和参数

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

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

这个渐变点进去,设置两端的色值,#ff00f6 ;#f000ff;调节上面的不透明度,从左到右依次是:

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

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

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

看一下效果图是不是跟我的差不多就行。

4.选中图层“圆-外层”,ctrl+J复制一个图层,ctrl+T自由变换,按住shift+alt缩小,大小大概为原来的95%(我这里是264*264),改名为“圆-内层”。右击-清除图层样式,得到如图:

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

5.给“圆-内层”添加样式:将填充改为0%;然后添加图层样式-渐变叠加,设置颜色和参数(怎么有种似曾相识的感觉):

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

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

注意这次渐变方向为径向,而且这个状态时鼠标在园内移动可以改变渐变的位置,注意要让受光面在左上角处;

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

右侧色值参考:#660777;

6.复制“圆-内层”(ctrl+J),去掉图层样式,变换大小得到一个大小为原来95%的同心圆(参考步骤4)命名为“液体-1”。

扁平风格,如何绘制具有透明感的五彩星球图片_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
签到

关注大神微博加入>>

网友求助,请回答!