透明气泡/水滴(详细版)
来源:互联网 发布:手机侦探软件 编辑:程序博客网 时间:2024/04/29 04:21
最近在cger.com和dribbble.com上看到很漂亮的气泡/水滴。尝试着跟风了一下。除了大家都晓得的添加内发光,画出明暗线、高光的手段之外,还有几招很管用,稍微分享下。这只是个人的做法,肯定还有更好的方法。
这回把步骤都放上来了,不过值得注意的也就那么3步。
1、想画一个圆,填色比背景色深一点,羽化一个像素。然后发光。
2.用路径画出反光的部分,用橡皮(画笔)修改边缘。一层效果不好的话可以在上面载覆盖一层更小的。
3.用路径画出高光部分,羽化后填充,然后上橡皮,最后用涂抹工具来两下出来的。反光部分用软画笔点一下光点。
涂抹的效果很好。
4.一个是中间的这一陀,加上外发光的效果,上面再叠加一层不透明度高一点的图层。
5.我把中间的反光隐藏掉了,开始画明暗交界线,也是路径画好用橡皮修改。还是叠加了两层。
6.另外就是气泡上这些让层次更丰富的弧线。
做法是先画扁扁的椭圆,不透明度50%左右,多画几个,然后合并图层。也可以将合并后的图层复制后ctrl+t拉高,再合并一次,更丰富。然后,滤镜>扭曲>极坐标。我做了两种不同大小和透明度的弧线。弧线的大小要小于整体的圆。
7.现在就是这个样子了。
8.开始画投影,羽化数值要大一点。我是30,看你的图片大小了。
9.应为气泡式半透明的,所以阴影上的反光比较明显,颜色接近背景色,做法跟投影一样的。
10.投影上再添加一层高亮。
11.最后就是背景了,加上渐变。
完成啦~~~
- 透明气泡/水滴(详细版)
- 透明气泡
- 水滴
- Material Design学习之 Button(详细分析,传说中的水滴动画)
- Material Design学习之 Button(详细分析,传说中的水滴动画)
- win32版QQ隐藏功能,气泡消息显示详细时间
- Css3完美实现iphone玻璃透明气泡
- ps制作透明气泡效果教程
- MBProgressHUD(透明指示层)详细使用
- 水滴模拟问题(误)hdu5336
- (C#)贝塞尔曲线画水滴
- 灵感来自“水滴”最美手机vivo X5Pro或为透明玻璃机身?
- 气泡
- 气泡
- 气泡
- 高仿微信和qq气泡聊天(整合精简版)
- 自定义View实战(二)QQ健康水滴形加载
- 知识水滴
- 7.EL入门:forTokens
- SEO人生衔接后用户可随时随地同他的合作伙伴协同工作
- 嵌入式linux启动过程详解
- 迷茫的IT之路
- Storage Structure and Relationships
- 透明气泡/水滴(详细版)
- 消息称华为与中兴均将裁员解困
- hibernate基本概念及初始配置
- 特殊符号大全,方便大家输入特殊字符用
- Excel与OWC做报表总结
- git的使用
- 在Qt中生成UUID(全球唯一码)
- 解决浏览器多标签非激活状态下线程暂停(JS脚本等暂停)问题
- notepad++右键菜单