10223W4L-0

最近在cger.com和dribbble.com上看到很漂亮的气泡/水滴。尝试着跟风了一下。除了大家都晓得的添加内发光,画出明暗线、高光的手段之外,还有几招很管用,稍微分享下。

jiaozuoye

推荐:

真的只有一个图层,逆天了?。。≒SD下载)

30张捕捉彩虹色的肥皂泡的美丽(设计欣赏)

这只是个人的做法,肯定还有更好的方法。这回把步骤都放上来了,不过值得注意的也就那么3步。

1、想画一个圆,填色比背景色深一点,羽化一个像素。然后发光。

10223W360-1
10223R355-2

2.用路径画出反光的部分,用橡皮(画笔)修改边缘。一层效果不好的话可以在上面载覆盖一层更小的。

10223U629-3

3.用路径画出高光部分,羽化后填充,然后上橡皮,最后用涂抹工具来两下出来的。反光部分用软画笔点一下光点。

10223R053-4

涂抹的效果很好。

10223S200-5

4.一个是中间的这一陀,加上外发光的效果,上面再叠加一层不透明度高一点的图层。

10223T092-6
10223Q0W-7
10223V446-8

5.我把中间的反光隐藏掉了,开始画明暗交界线,也是路径画好用橡皮修改?;故堑恿肆讲?。

10223S935-9

6.另外就是气泡上这些让层次更丰富的弧线。

10223S061-10

做法是先画扁扁的椭圆,不透明度50%左右,多画几个,然后合并图层。也可以将合并后的图层复制后ctrl+t拉高,再合并一次,更丰富。然后,滤镜>扭曲>极坐标。我做了两种不同大小和透明度的弧线?;∠叩拇笮∫∮谡宓脑?。

10223T453-11
10223Q640-12

7.现在就是这个样子了。

10223T1b-13

p8.开始画投影,羽化数值要大一点。我是30,看你的图片大小了。

10223S511-14

9.应为气泡式半透明的,所以阴影上的反光比较明显,颜色接近背景色,做法跟投影一样的。

10223SD4-15

10.投影上再添加一层高亮。

10223S008-16

11.最后就是背景了,加上渐变。

10223S005-17

完成啦~~~

10223W4L-01


作者:Vivian0314


看完教程咱们交作业咯!点我直达作业提交页面>>


转载请注明:学UI网—UI设计师学习教程平台 » 教你做通透的气泡(ps教程)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
Pixel Sorter创建潮流线粒风格!Pixel Sorter创建潮流线粒风格!
用PS制作动感激爽水花文字用PS制作动感激爽水花文字
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
PS制作颜料手绘字PS制作颜料手绘字
快速玩转灵活多变的线条艺术造型快速玩转灵活多变的线条艺术造型
?