UI教程,设计漱口用的杯子图标

来源:站酷 作者:Zenmin123 学习:12422人次
制作之前,我们需要把效果图分解一下(杯子、牙刷、牙膏等都由好几个部分构成),然后逐一去完成,把握好整体和细节等即可。

最终效果

UI教程,设计漱口用的杯子图标_www.16xx8.com

一、先画出杯子的杯身部分:

新建612 * 612(分辨率72)的画布大小,选用圆角矩形工具,点击空白画布,在弹出框输入以下参数绘制一个160 * 308大小且左上角圆角弧度为10像素的圆角矩形,并填充颜色:#6dc8e4,如左下图所示。

然后用直接选择工具,选中左下角的节点。并按住Shift键配合键盘的方向键向右点击7次也就是70像素。

UI教程,设计漱口用的杯子图标_www.16xx8.com

UI教程,设计漱口用的杯子图标_www.16xx8.com
到目前为止杯身的左半边就大概画出雏形了,现在我们只要把左边复制一份再水平镜像变换一次,对称放置在右侧就可以得到一个完整的杯身了。

UI教程,设计漱口用的杯子图标_www.16xx8.com

好,现在杯身的部分完成了,接下来我们来给这个杯身添加一些图层样式来增强立体感。

UI教程,设计漱口用的杯子图标_www.16xx8.com

再接着是画出杯口的厚度。

UI教程,设计漱口用的杯子图标_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
技术总监2019-01-26 06:02
学好了
啦啦啦2018-02-27 10:54
写的很详细~支持一下
H-fun曲n奇Y2015-11-06 03:27
圆角矩形对话框 半径上下左右怎么调出来的啊?
H-fun曲n奇Y2015-11-06 03:11
圆角矩形对话框 半径上下左右怎么调出来的啊?
水瓶壹bcs2015-08-06 11:00
写的很详细~支持一下
水瓶壹bcs2015-08-06 11:00
写的很详细~支持一下
天地间唯我独行2015-08-06 10:06
听从师傅的教诲
天地间唯我独行2015-08-06 10:06
听从师傅的教诲
念念唯爱2015-08-06 09:25
大家都交作业啊
念念唯爱2015-08-06 09:25
大家都交作业啊
晶彩人生go2015-08-06 09:19
感觉很难看的说
晶彩人生go2015-08-06 09:19
感觉很难看的说
心碎的后果2015-08-06 06:48
最后一步不是很懂
心碎的后果2015-08-06 06:48
最后一步不是很懂
穿黑丝的魂蛋2015-08-06 05:22
老师,我是新手,看完了你的教程后还是不明白

关注大神微博加入>>

网友求助,请回答!