玻璃界面

用户头像
杭州/UI设计师/13年前/3061浏览
玻璃界面
用户头像
丫朵

刚开始练习UI设计,从网上选了一张图看着制作,虽然很简单,但是做出来还是很有成就感。呼呼~~~


对我这个菜鸟来说,这张图让我窥见了PS强大的功能,还只是冰山的一角!


第一步:

用形状图层拉个圆角20的四边形,填充下颜色,做下渐变描边,做完之后复制图层,把颜色叠加关掉,变换下描边渐变,多做几层,玻璃就做好了。步骤如下:

a.颜色叠加

     

b.描边渐变

       

c.玻璃效果

     


第二步:

做完玻璃,开始做阴影了,阴影其实很简单,是用内阴影和外发光做成的。嘻嘻~~得很耐心的去调数值才能做的比较自然,我自己做完后效果还不是很自然就栅格化图层用涂抹工具软化了下。

第四步:

都弄好了,该做高光啦。用钢笔工作拉出图形做个渐变就ok啦

第五步:

现在开始做图钉了,刚开始看的时候觉得很难做,因为渐变很多,后请教了朋友才知道这个超简单,用渐变叠加就可以做了了,顿时觉得PS低手真悲催呀!!!

第六步:

玻璃印的底框是用制作玻璃阴影的方法制作的,填充个淡淡的透明白色,加上内阴影和外发光制作成的。剩下的其他图案太琐碎了,就不一一说了,附上源文档,亲们需要的话,载哈


最后效果图



10
阅读原文
|
举报
|
77
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】钱包icon
UI界面 组件
【新年UI图标】30个图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
矢量立体简约UI蓝白图标
3D渐变流体抽象矢量UI背景图
【新年UI图标】影音icon
新能源APP应用UIKit
盲盒APP UI设计
【新年UI图标】会员icon
【新年UI图标】汽车icon
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
钱包ui模板
【新年UI图标】珠宝icon
【新年UI图标】游戏/娱乐icon
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
Security Camera UI kit
我的钱包-UI界面设计-app
UI 登录界面设计模板包
高级表盘系列UI源文件
UI通用设计素材1
你可能喜欢
相关收藏夹
H5
H5
H5
H5
大家都在看
登录注册