黑马程序员技术交流社区

标题: #UI教程#5分钟绘制愤怒的小鸟 [打印本页]

---

作者: 小染-柒柒    时间: 2016-10-9 13:52
标题: #UI教程#5分钟绘制愤怒的小鸟

话不多说，我们直接开始！评论区可把自己实现的效果展示出来哦。

最终的效果图如下：

【分析图形，可以得知，该图形看似比较复杂，其实由椭圆，矩形和三边的多边形组成，只要执行简单的布尔运算即可。】

1、首先点击U椭圆形状工具，绘制一 个椭圆，使用直接选择工具A，微调锚点成小鸟的身体：

2、绘制头冠，使用形状U绘制一个椭圆，ctrl+T旋转90度竖直放置，使用直接选择工具A微调锚点成小鸟的头冠，复制图形并旋转：

3、和身体部分执行布尔运算——联集：

->

4、绘制椭圆制作身体底部：

5、执行路径查找器——分割，将多余部分用编组选择工具选中，按DELETE删除：

-> ->

6、绘制身体花纹：

7、绘制眼睛，绘制两个椭圆，执行布尔运算——减去顶层对象，使用直接选择工具微调：

12、绘制椭圆作为阴影，调整图形顺序，置于底层，全图完成啦：

精华推荐：

3分钟打造绚丽的穿越时空高光漩涡

PS制作戒指盒图标

利用PS打造游戏UI图标-晶莹剔透能量瓶

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2