UI设计教程 太空流星插画设计教程(1)

来源:网络   作者:热心网友   发布时间:2016-08-17    浏览次数:163

宇宙流星风是最近风靡欧美的一种插画风格,这种用圆角表现的流星风格的插画,能表现出色彩更为丰富的层次,圆角的表现又显得柔和可爱,大多用在太空主题的作品中,传递出太空星系的速度感和神秘感。


百叶窗的基底

步骤01

百叶窗算是一种窗帘吗?就算吧,你一定记得这种水平横条带来的遮光革命。先保留一点记忆,再打开AI,文档大家可以参考我的参数。绘制一个矩形的蓝紫色背景。这里的蓝紫色是为了契合太空的主题,你也可以选用其它的颜色作为背景。

步骤02

先从绘制一个圆形开始,这里我们绘制一个红色的圆形,关闭掉描边。然后再绘制一个矩形。矩形也同圆形一样颜色。

步骤03

现在让我们再画一个竖直的长条矩形,然后将矩形复制成为一排,为了让它们彼此能无缝对齐,我采取移动的方式复制。移动的水平方向的距离就是矩形的宽度,这样能保证它们之间的无缝衔接。填好数值后点击"复制",再连续按"Ctrl+D",直到矩形铺满覆盖住圆形。这时选中间隔的矩形,将其填充为紫色。这里的紫色同背景色。

再删掉紫色。这就剩下我们所需要的"百叶窗"。这些被删掉的矩形看似多此一举,其实它发挥的是"占位"的作用。

步骤04

这时,你会看到在步骤02中所画的一个圆形和一个矩形,这一步要做的是,把圆形移动到最上一层,矩形与"百叶窗"填充相同颜色放置于圆形的下方,然后将其合并。在合并前,我建议大家最好把百叶窗中的其中一条矩形复制一个拿出来放在一边,用于补充绘制的时候的备用形。

流星尾巴的拖曳

步骤05

选中上一步的基础形,这时会看到出现了每一个锚点。你需要知道的是,这里的"百叶窗"其实就是类似流星的尾巴,因此尾巴要自然,势必需要有点错落有致的感觉。因此,你完全可以利用"直接选择工具"选中锚点进行移动。

还记得备用形吗?这里也可以用上作为尾巴的末端拖曳的形状。


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4629.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通