AI 做3D Tube视觉风格

浏览:606,545 次+ 分享至: 微信 QQ好友 新浪微博 邮件 更多


牛逼闪闪的字体,用AI 做

3D Tube是一种有趣的、灵活的、具有动态平衡效果的视觉风格,在很多领域都有运用。2018年,设计机构Hato为世界上最大的创意广告和设计节D&AD推出了一个充满活力的、互动交互形式的3D Tube涂鸦活动,并且展示在设计节的各种海报、大幅广告和宣传物料上。

牛逼闪闪的字体,用AI 做
牛逼闪闪的字体,用AI 做

这些明亮而俏皮的涂鸦可以在网站Start with a Mark(该网址仍然有效)上制作,网站由设计工作室Hato和D&AD于2018年1月份推出,旨在为用户提供互动参与感和趣味性。不仅如此,网站还允许用户将他们的作品上传到在线图库。

自推出该网站以来,有超过10,000名访客,4,500个涂鸦标识和1,300个提交的互动作品。为了庆祝D&AD Festival 2018的开幕,Hato推出了一个更新的Start with Mark AR工具,可以让用户的涂鸦在“真实世界”的3D环境中栩栩如生。

牛逼闪闪的字体,用AI 做
牛逼闪闪的字体,用AI 做

对于同学们来说,3D Tube风格是很容易制作和应用的视觉效果,今天我们就来学习一下如何用ai制作这种风格的字体。

首先我们打开ai,建立一个新的画板,然后给背景加一个深色底色

牛逼闪闪的字体,用AI 做

选择一款手写字体,简单的打出一个文本,这里我打的是Hello,注意大小写,去掉填充,选择白色描边,方便我们后面用钢笔勾勒字体骨架

牛逼闪闪的字体,用AI 做

用钢笔工具勾勒字体骨架,这里选择了红色作为区分

牛逼闪闪的字体,用AI 做

做一些微调

牛逼闪闪的字体,用AI 做

把剩下的字体也都勾勒出来

牛逼闪闪的字体,用AI 做

建立一个圆形,去掉描边,填充选择渐变效果,调节合适的颜色(这里推荐选用饱和度高的颜色,效果会比较鲜艳丰富),角度这里选择正负45度都可以

牛逼闪闪的字体,用AI 做

复制一个相同的圆形

牛逼闪闪的字体,用AI 做

使用混合工具建立3d视觉效果,这里的选项是指定的步数,设定为1000步

牛逼闪闪的字体,用AI 做

管道效果就初步建立好了

牛逼闪闪的字体,用AI 做

我们把它复制出5个

牛逼闪闪的字体,用AI 做

同时选中一个字母和一个管道

牛逼闪闪的字体,用AI 做

在菜单栏选择「对象」,「混合」,「替换混合轴」

牛逼闪闪的字体,用AI 做
牛逼闪闪的字体,用AI 做

一个字母就做好了

牛逼闪闪的字体,用AI 做

用同样的方式做出剩下的,注意这里,有些路径因为绘制的先后顺序原因,起笔位置不同,所以混合效果的走向是不一致的。这时候我们可以孤立起点的圆形,然后右键选择「排列」将它下移一层

牛逼闪闪的字体,用AI 做
牛逼闪闪的字体,用AI 做
牛逼闪闪的字体,用AI 做

另外,单个的字母会有互相遮挡的情况,这时候我们要选择在下面的这个字母然后置于顶层

牛逼闪闪的字体,用AI 做

最后调整字母之间的距离和整体大小比例

牛逼闪闪的字体,用AI 做

完成。

最后总结一下3DTube字体的技术要点:

  • 选择手写字体,字形需要流畅
  • 用钢笔勾勒字体骨架
  • 用渐变效果填充圆形,尽量选择颜色饱和度高的效果
  • 字体的起笔位置不同会造成效果的不同,可以适当的进行调节
  • 完成后可以对单个字的遮挡关系进行调节

3D Tube效果可以有更多的灵活应用,今天先为大家介绍这一种,同学们可以尝试更多的效果和形式,创造自己的图像和字体。