微信登录
QQ登录
会员登录
注册帐号
设为首页
加入收藏
手机版
换风格
关注我们:
加微博
加微信
打开微信扫一扫
请
登录
后使用快捷导航
没有帐号?
立即注册
400-800-1234
为您定制专业的垂直门户
搜索
搜 索
本版
文章
帖子
用户
首页
Portal
创意
BBS
设计资讯
安卓/IOS
程序案例
平面/矢量
3D建模
网页编程
软件/程序
系统平台
平面设计
3D/VR设计
UI
网站美工
效果图
3D渲染
服务器软件
应用工具
娱乐/游戏
数据库
插件/扩展
建站系统
监控/管理
开发工具
程序开发
IOS
移动开发
Android
Android
IOS
Linux
DOS
Mac OSX
Windows
Symbian塞班
资讯
热点
软件资讯
图片
最新动态
编程
学术
脚本
其他
机器
Object-c
Java
图形
平面设计
3D/VR设计
UI
网站美工
FLASH
VI
任务
求图形
求代码
发程序
求案例
平台
Android
IOS
Linux
Mac OSX
Windows
DOS
安全验证
请完成以下验证码
安卓篱笆
»
创意
›
图形/图像/动画
›
UI
›
UI设计教程之七龙珠UI图标教程
猜你喜欢
返回列表
查看:
3388
|
回复:
0
UI设计教程之七龙珠UI图标教程
[复制链接]
GuiTarvvm2098
GuiTarvvm2098
当前离线
积分
1097
308
主题
307
帖子
1097
积分
管理员
积分
1097
收听TA
发消息
电梯直达
楼主
发表于 2018-1-4 11:25:32
|
只看该作者
|
倒序浏览
|
阅读模式
马上注册,,享用更多功能,让你轻松玩转本站。
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
UI设计教程之橙色龙珠UI图标教程,绘制之前我们先分析龙珠的材质和受光,然后找类似材质的实物参考,找出明暗部,然后用素描的方法把这些都合理的画出来即可。作者介绍的方法非常全面,也非常实用。
最终效果
登录/注册后可看大图
<点小图查看大图>
Q1:龙珠的材质设定。
登录/注册后可看大图
Q2:龙珠是如何反射光线的。
登录/注册后可看大图
登录/注册后可看大图
Q3:光线通过龙珠时是如何发生折射的。
登录/注册后可看大图
登录/注册后可看大图
登录/注册后可看大图
一、新建:
打开PS,新建一个1024 * 1024的画布。
登录/注册后可看大图
使用椭圆工具画一个720* 720的圆,并将其居中。
登录/注册后可看大图
二、色泽:
双击椭圆1图层设置图层样式,设置径向渐变叠加如图所示,调节渐变圆心到极亮区域附近。
登录/注册后可看大图
新建两个椭圆形状,并将其合并形状,之后使用选择工具,点击上层圆形选择减去顶层形状,得到下图形状。
登录/注册后可看大图
使用路径选择工具与添加锚点工具在圆形路径上添加锚点,使用直接选择工具移动锚点位置得到下图形状。
登录/注册后可看大图
同理,得到以下两个形状。
登录/注册后可看大图
将这三个形状的填充设置为0,并在图层样式中分别添加颜色叠加,分别选取合适颜色后,再分别添加羽化,调整合适的数值得到下图。
登录/注册后可看大图
三、高光:
新建三个椭圆形状,并使用直接选择工具调节锚点至下图所示。
登录/注册后可看大图
将其填充设置为0,分别设置白色渐变叠加与羽化得下图。
登录/注册后可看大图
新建四个椭圆,将其中两个合并并减去顶层形状得到下反光,另外两个调节锚点得到下图三个形状。
登录/注册后可看大图
将其填充调为0,并设置颜色叠加与羽化。
登录/注册后可看大图
为龙珠本体添加一圈内阴影,表现出龙珠表面的通透度。
登录/注册后可看大图
点击形状工具,添加五角星形状。
登录/注册后可看大图
调整渐变叠加、阴影和羽化,得到下图。
登录/注册后可看大图
四、阴影:
双击背景层将其转化为图层,并添加渐变叠加如下图效果。
登录/注册后可看大图
添加地板反射的龙珠底部表面的反射光。
登录/注册后可看大图
为龙珠添加一圈阴影,调整图层样式添加投影即可。
登录/注册后可看大图
为龙珠添加一圈光晕,调整图层样式中的阴影,设置值参考下图,这一圈光晕会让龙珠有一点神秘的色彩。
登录/注册后可看大图
登录/注册后可看大图
最终效果:
登录/注册后可看大图
欢迎加入UI设计群587751709
分享到:
微信
收藏
0
转播
分享
淘帖
0
回复
使用道具
举报
返回列表
*
滑动验证:
使用
高级模式
(可批量传图、插入视频等)
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
写好了,发布
回帖后跳转到最后一页
关闭
站长推荐
/3
3dmax家居用品建模教程
3dmax2013中文版盘子家居用品3d模型建模实例教程
查看 »
如何用photoshop设计logo标志
Logo设计是平面设计皇冠上的明珠,很多人拿到logo一筹莫展,不知道该如何下手,其实很简单,我们只要先确定主题,然后找到想表现的元素,这样再进行设计,就可以水到渠成啦。
查看 »
UI设计入门教程大全!UI设计入门必看
文章中推荐了很多干货和知识点文章,能坚持每个知识点都搞明白的话,起码要半年的时间!但如果你是ui设计新手,真的想以后从事UI设计的工作,那么强烈建议你认认真真的读完这篇文章!但是如果你进来随便看一看就走了,那不能怪别人,是你自己不努力!毕竟任何一件事都需要先付出才会有收货!”
查看 »
快速回复
返回顶部
返回列表