分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作医疗搜索图标设计教程

icon图标 学UI设计 456次浏览 0个评论 扫描二维码

教你轻松做一个搜索icon。

46f00004f88a56471838

请点击此处输入图片描述

首先,建立一个画板1000X800像素。

1,建立背板,圆角矩形600×600,半径为100。46f4000174711365c421

2. 复制一个圆角矩形上移6,混合模式做效果46f00004f88f81caaf2446f400017476e618b8a546f300012d253981af6a46f40001747ce3c72053得到效果:46f10004575583b71f85接下来在复制一层,填充为0,做内阴影,来添加底部反光46f00004f8546c75c26a得到效果46f600010cc5b7399127背板已经结束了,我们现在做中央的表盘部分。

3. 建立一个正圆,大小为503X503,颜色填充为#172d44。46f10004575a925e76fd做完这一步,打开混合模式,做表盘的效果46f600010cc9e1bb329546f100045760a69a7d3846f600010cccaca9d1c3得到效果46f300012cecebddc8fd

4. 表盘中央部分的线条为46f50001555ef41e074f线条描边为3,同学们可以通过减少图层透明度,还有线条的颜色,来让整个内部更协调

5. 在中心建立一个正圆,167×16746f50001555f315ef4cb通过混合模式,添加效果46f10004576eee013d8e46f300012cf715e7d439大家记住,把使用全局光的勾选给点掉。得到效果46f00004f86537a35e4e

6. 因为想到搜索,搜索什么呢,想到了Help,刚好就画个矢量的医生造型,创建剪切蒙版,覆盖在下面,46f200017711ca7aece5

7. 最后就要做一个扫描的动态,来半根扫描线,设置和圆里面的线条参数一样就好。46f00004f8704e53c4d2

8. 做一个扫描的动态46f300012d0cc20fb3a3这个扫描,是像风一样的,唰的一下,转起来,给它一个刚好扫到的区域,46f600010ce6acf7c63c混合模式设置

46f2000177273d4e184a用了一个渐变叠加,最后的透明度改成0,注意角度的调节。

好了,今天就是这个简单的扫描,大家可以尝试换个颜色,做不同的扫描主题,比如搜索,男朋友,你家狗儿子,卫生间等等。

期待大家的想想发展空间。


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (2)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!