UI设计教程 宠物小精灵球UI图标教程(4)

来源:网络   作者:热心网友   发布时间:2016-09-03    浏览次数:494

羽化 [下圆环-反光] 边缘:属性:蒙版-羽化:5px 图层不透明度30%

【和上一步一样的原理,所以没有图片,自行脑补】

制作 [球-下半部分] 基础光源:

添加图层样式:斜面浮雕 大小:3px 软化:1px 角度:6° 高度:0°

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

添加图层样式:内发光 不透明度:15 杂色:2% 颜色:#ffffff 阻塞:0 大小:7

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

添加图层样式:渐变叠加 模式:正常 透明度:100% 样式:径向 角度:60%缩放:138% 颜色:#9b8f94 / 30% ~ #fcfcfc

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

调整上下反光渐变过渡:

选择 [上,下反光-圆环] 的图层蒙版,在箭头指地方,用柔边画笔轻轻的画一下,达到隐藏的目的。这样做,既凸显了结构,又能让反光变得更加融合。

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

制作 [球-上半部分] 高光:

将 [球-上半部分] 复制一层,放在 [上圆环-反光] 的上面,右键清除图层样式,然后新添加一个样式制作高光。

添加图层样式:渐变叠加 模式:滤色 透明度:100% 样式:径向 角度:120%缩放:126% 颜色:#ffffff ~ #fff7f8 ~ #c00e0c

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

因为高光要沿着反光的区域延伸,所以我们需要调出 [上圆环-反光] 选区-选取反向,然后在到 [上半-右高光] 图层添加图层蒙版然后擦掉多余的部分。

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

如果觉得高光不够亮,你就用个白色的柔边画笔在高光的位置拍一下,然后建立个剪贴蒙版把光限制在球体的范围内,如果还觉得不够亮,就多复制两层就可以了。记得适当的调整不透明度,这样更加衔接会更加的柔和。

宠物小精灵,设计宠物小精灵球主题图标_设计先锋网<点图片看大图>

教程未完,请看下一页!


12345共5页
联盟广告
×

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

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

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4864.html
×

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

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

×

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

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

×

充值学币 立即开通