安卓篱笆

  • 400-800-1234
  • 为您定制专业的垂直门户
搜索
猜你喜欢
查看: 3388|回复: 0
打印 上一主题 下一主题
收起左侧

UI设计教程之七龙珠UI图标教程

[复制链接]

308

主题

307

帖子

1097

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1097
跳转到指定楼层
楼主
发表于 2018-1-4 11:25:32 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,,享用更多功能,让你轻松玩转本站。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
UI设计教程之橙色龙珠UI图标教程,绘制之前我们先分析龙珠的材质和受光,然后找类似材质的实物参考,找出明暗部,然后用素描的方法把这些都合理的画出来即可。作者介绍的方法非常全面,也非常实用。

最终效果


                               
登录/注册后可看大图


<点小图查看大图>

Q1:龙珠的材质设定。


                               
登录/注册后可看大图


Q2:龙珠是如何反射光线的。


                               
登录/注册后可看大图



                               
登录/注册后可看大图


Q3:光线通过龙珠时是如何发生折射的。


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图


一、新建:

打开PS,新建一个1024 * 1024的画布。


                               
登录/注册后可看大图


使用椭圆工具画一个720* 720的圆,并将其居中。


                               
登录/注册后可看大图


二、色泽:

双击椭圆1图层设置图层样式,设置径向渐变叠加如图所示,调节渐变圆心到极亮区域附近。


                               
登录/注册后可看大图


新建两个椭圆形状,并将其合并形状,之后使用选择工具,点击上层圆形选择减去顶层形状,得到下图形状。


                               
登录/注册后可看大图


使用路径选择工具与添加锚点工具在圆形路径上添加锚点,使用直接选择工具移动锚点位置得到下图形状。


                               
登录/注册后可看大图


同理,得到以下两个形状。


                               
登录/注册后可看大图


将这三个形状的填充设置为0,并在图层样式中分别添加颜色叠加,分别选取合适颜色后,再分别添加羽化,调整合适的数值得到下图。


                               
登录/注册后可看大图


三、高光:

新建三个椭圆形状,并使用直接选择工具调节锚点至下图所示。


                               
登录/注册后可看大图


将其填充设置为0,分别设置白色渐变叠加与羽化得下图。


                               
登录/注册后可看大图


新建四个椭圆,将其中两个合并并减去顶层形状得到下反光,另外两个调节锚点得到下图三个形状。


                               
登录/注册后可看大图


将其填充调为0,并设置颜色叠加与羽化。


                               
登录/注册后可看大图


为龙珠本体添加一圈内阴影,表现出龙珠表面的通透度。


                               
登录/注册后可看大图


点击形状工具,添加五角星形状。


                               
登录/注册后可看大图


调整渐变叠加、阴影和羽化,得到下图。


                               
登录/注册后可看大图


四、阴影:

双击背景层将其转化为图层,并添加渐变叠加如下图效果。


                               
登录/注册后可看大图


添加地板反射的龙珠底部表面的反射光。


                               
登录/注册后可看大图


为龙珠添加一圈阴影,调整图层样式添加投影即可。


                               
登录/注册后可看大图


为龙珠添加一圈光晕,调整图层样式中的阴影,设置值参考下图,这一圈光晕会让龙珠有一点神秘的色彩。


                               
登录/注册后可看大图



                               
登录/注册后可看大图


最终效果:


                               
登录/注册后可看大图


欢迎加入UI设计群587751709
回复

使用道具 举报

*滑动验证:
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 立即注册

关闭

站长推荐上一条 /3 下一条

快速回复 返回顶部 返回列表