[平面UI] 使用AI创建一个海底世界

查看:747 |回复:0 | 2019-11-29 08:11:02

您需要 登录 才可以下载或查看,没有账号?注册

x

251J3395F1.jpg


导言:
本教程,我会教你使用混合工具如何绘制小鱼,使用旋转扭曲工具,制作扭转效果,使用收缩和膨胀效果,如何制作海藻形状。让我们开始创建一个海底世界吧!


绘制如图所示的形状。我绘制了4个形状,一个是白色填充的鱼的外形;然后是小镰刀形状,填充蓝色;下一个是填充黄色的形状,大小是鱼外形的一半;然后又是一个1/4大小的白色的镰刀形状。(图01)


251J6333549.jpg

图01


把蓝色形状移到第1个白色形状的上面。(图02)


图02


下一步,把黄色形状移到蓝色形状的上面,然后把小的白色形状移到黄色形状的上面。这里,图层的堆栈顺序很重要,因为接下来的混合是依据图层的堆栈顺序。(图03)


图03#p#e#


选中这4个形状,然后执行对象菜单>混合>混合选项,设置如下:指定的步数:150。(图04)


图04


保持选中状态,按Ctrl+Alt+B建立混合。使用混合工具绘制小鱼是非常简单非常容易的一种方法,在混合时注意那些颜色、形状和细节。(图05)


图05


小鱼是画好了,但别忘了还有它的眼睛。绘制椭圆形,一个白色,另一个黑色。黑色的大小是白色的1/3,然后把黑色的放在白色椭圆的上面。(图06)


图06


选中这2个椭圆形,然后还是应用混合。你可以看到,黑色和白色混合后,黑色看上去像是眼睛的瞳孔。(图07)


图07#p#e#


复制混合的眼睛(Ctrl+C+B),置于另一个眼睛的下面。(图08)


图08


现在再看小鱼,还要添加一些细节。使用钢笔工具(P),绘制如图所示的形状,填充黄色。(图09)


图09


然后绘制小镰刀形状,把它放到黄色形状的里面,填充白色。然后把它移到黄色形状的左边。(图10)


图10


选中这2个形状,应用如图所示的混合选项。(图11)


图11#p#e#


把刚刚绘制的混合形状移到鱼的中间位置。(图12)


图12


制作2个混合形状的副本,把它们缩小为原大小的75%左右。(图13)


图13


下一步,绘制鱼鳍。使用钢笔工具(P)画一些线条,我画了7条线,描边宽度设为0.25pt(下限值),然后描边颜色:黄色。并且为了使颜色与颜色之间不会起冲突,我一条线设置为100%的黄,另一条就设为50%的黄。(图14)


图14


选择所有的线条,还是应用混合。(图15)


图15#p#e#


我把鱼鳍放在鱼的右下位置,然后再制作一个副本,把它缩小,放在鱼的右上位置。(图16)


图16


现在制作海藻。使用矩形工具(M)绘制一个长矩形,填充深绿到绿的线性渐变。(图17)


图17


然后选择工具箱里的“旋转扭曲工具”,在矩形上点击变形矩形。(图18)


图18


继续执行变形和旋转扭曲命令。(图19)


图19#p#e#


完成后,选中形状,然后执行效果菜单>扭曲和变形>扭转,设置角度为55。(图20)


图20


然后使用“收缩和膨胀”效果,设置为23%。(图21)


图21


复制海藻形状,然后打开外观调板删除扭转效果,只保留收缩和膨胀效果。(图22)


图22


现在我们有了2个海藻形状。一个是直的,一个是扭转变形的。制作这2个形状的副本,填充色:无,描边:深色。(图23)


图23#p#e#


绘制矩形(矩形工具),填充深蓝到白的径向渐变。使用渐变工具调整径向渐变,使高光在矩形的左上角。(图24)


图24


把海藻形状放在背景图的上面。(图25)


图25


你可以缩放海藻,然后再复制它们,把它们叠加在一起,使它们看上去像是天然生长的。(图26)


图26


当你绘制完成这些海藻时,把鱼放在中间的位置。(图27)


图27#p#e#


再做一个剪切路径。我绘制了一个矩形,填充绿色。然后执行对象菜单>封套扭曲>用变形建立,样式选择“膨胀”,应用垂直弯曲:10%。(图28)


图28


然后扩展外观,确定选中了“对象”和“填充”,单击确定。(图29)


图29


选中所有的形状,应用剪切路径(Ctrl+7),这时我们就得到了一个漂亮的海底世界。我还复制了一些鱼,更改它们的颜色,并且缩小它们。我把一些鱼放在深色的海藻后面。好了,大功告成,我希望你喜欢这篇教程!(图30)


图30


评分

参与人数 1元素币 +10 活跃度 +12 展开 理由
源支始 + 10 + 12

查看全部评分

2019-11-29 08:11:02  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

UEUI平面设计界面用户体验交互
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表