设计师|听说UI设计师更喜欢Sketch,是真的吗?( 三 )


文章图片
05 选择“钢笔”工具 ,按照以上同样的操作,绘制出女孩的裙子部分,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
06 继续按照同样的操作,绘制出小女孩的四肢,填充为浅紫色(R:254,G:250,B:255),如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
07 绘制出鞋子部分,然后填充为浅紫色(R:254,G:248,B:255),如图1所示,得到的界面整体效果如图2所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图1
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
图2
添加倒影
01 选择所有星星图形,然后按快捷键Command+G将其打组,形成图层组,将图层组复制一个,单击“垂直翻转”工具 ,对其进行翻转,最后调整到界面中的合适位置,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
02 选择月牙图形并复制一个,然后单击“垂直翻转”工具 ,将复制的月牙图形进行翻转处理,调整到界面中的合适位置,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
添加文字和斜线
01 使用“文本”工具 在界面中添加一段文字,然后填充为白色(R:255,G:255,B:255),设置合适的字体样式,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
02 使用“钢笔”工具 依照文字的走势绘制两条线,设置描边“颜色”为白色,“粗细”为1px,作为装饰线,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片
制作立体效果
将做好的图形制作为手机的界面效果,如图所示。
 设计师|听说UI设计师更喜欢Sketch,是真的吗?
文章图片


推荐阅读