UI图标教程之灌水的锤子图标(2)

来源:网络   作者:热心网友   发布时间:2017-06-22    浏览次数:328

4. 将水放在画好的气泡框上,将水的轮廓图层复制一份,放在上方,在混合选项中选择渐变叠加,混合模式为线性光,颜色由黑到白,透明度调低。接着再将轮廓图层复制一次放在上面,将填充调为 0%,然后增加内阴影的混合选项,调到水与气泡框交界的地方有一条很窄但是较重的阴影。

5. 将水的轮廓复制两份,将其中一份向下移动一点,然后用它得到选区再剪掉另一份中的这一部分,得到水面很窄的那一条轮廓。

给轮廓添加由上到下的线性渐变叠加,另外在轮廓下方用相同的方法制作出一道高光,用蒙版遮住靠右的部分。

6. 接着将水中的气泡画出,所有的气泡都是两个椭圆组成,一个是轮廓,另一个是上面的高光,轮廓是上深下浅的线性渐变的椭圆,带有一个像素的描边,另一个椭圆是上为纯白,下为透明的线性渐变。不同的气泡需要调整大小、颜色深浅,另外,气泡的位置也非常重要。

锤子科技 Logo 的绘制

找一张 Logo 的原图,然后用钢笔工具将其描出。Linkzero Tsang 在答案中猜测水下的 Logo 部分可能是用 Photoshop 自带的扭曲滤镜里的水波得到,但是经过测试,水波的确可以得到类似的效果,但电脑模拟出的效果很难让人完全满意,原图标应该是参照水波滤镜的效果重新绘制过的,所以这里采用的方法是将 Logo 分为两个部分来做,水上的部分用蒙版遮住原图形,水下的部分直接用钢笔工具画出。

最后附上原文件,给需要具体参数的人。

源文件下载:http://pan.baidu.com/s/1sl5ziC9

12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/xinshourumen/aijiaocheng/6089.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通