Aircy的Icon练习: Day Three 格子纹理图标

用户头像
武汉/学生/11年前/435浏览
Aircy的Icon练习: Day Three 格子纹理图标
嘛,今天是uiOwen的格子纹理图标。
马赛克晶体的感觉很赞,不过阴影的处理又把我这个光影渣给虐到了。。。
· 马赛克格子缝隙制作主要用到照亮边缘的滤镜(边缘宽度看着调,亮度最大,平滑度最小),复制马赛克格子两层,一层用滤镜+线性减淡+30%透明度,一层用滤镜+向右、下各移1-3个单位(移动方向主要是考虑光影,移动距离越多缝隙越宽)+减去+20%透明度。【教程只贴了参数,没解释原理,所以这部分试了好一会。总结一下缝隙部分的要点就是滤镜参数和图层移动,没事可以各种实验,说不定会有新发现。】
· 实现黑色背景下的晶体效果,配色上还是要选择低饱和的颜色,不然边缘光影折腾死都出不来很通透的效果,反面例子见最后那个蠢萌的白色背景版。。。本意只是想换个色调,结果选色过于鲜艳,调来调去直接变成其他风格了。。。
Aircy的Icon练习: Day Three 格子纹理图标(图ZMTc4MjM4MjA=) - 图标 - 站酷设计师Moumoon_Aircy原创素材 - 站酷ZCOOL
上原图,晶体格子很通透的感觉
不过光影把我弄晕了,圆环的阴影感觉光源在正前方,其他部分的阴影又感觉光源在正上方。这样是属于双光源么?
收藏
Aircy的Icon练习: Day Three 格子纹理图标(图ZMTc4MjY1NDQ=) - 图标 - 站酷设计师Moumoon_Aircy原创素材 - 站酷ZCOOL
感觉虽然马赛格是整个图标的风格重点,但是缝隙才是出效果最关键的地方。
另外由于没有纠结出个结果,所以光影调整了一下,按照光源在正上前方做的,应该是这样吧。。
边缘立体效果还是内阴影加内发光,参数有调整。这部分内容我果然还是不擅长,不太明白原理,折腾好久。
收藏
Aircy的Icon练习: Day Three 格子纹理图标(图ZMTc4MjY1NTI=) - 图标 - 站酷设计师Moumoon_Aircy原创素材 - 站酷ZCOOL
调了照亮边缘滤镜的参数,格子缝隙更柔和一点,略呆萌哈哈
收藏
4
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
3D风格医疗主题图标63
3D电商图标-会员徽章免抠图
荧光潮酷未来科技科幻宇宙图标icon
3D电商图标-免抠icon
订单页面图标
彩色图标ICON旅游办公社交媒体
UI3D图标_blender源文件
炫彩渐变风格的 APP 图标素材
3D风格金融主题图标21
3D电商图标-会员徽章免抠图
3D风格科技主题图标7
3D风格科技行业服务器数据库图标插画
彩色3d荧光科技潮流创意图标icon
马赛克韵律:25款多彩像素艺术图标,激发创意无限可能
3D风格科技行业电池图标插画
3D风格医疗主题图标42
荧光未来科技科幻宇宙潮酷图标icon
矢量咖啡线条插画图标手持杯子咖啡机
蓝紫色2.5D图标
玻璃质感电商图标-免抠icon
3D风格金融主题图标5
瑜伽icon图标
3D风格科技行业服务器数据库图标插画
花朵icon图标
3D电商图标-免抠icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册