恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
教程 | Vol.5 用AI做文字效果 之 解构堆叠扭曲文字
0.0°
2021-01-13 原创文章 教程 举报 3243 51 26 7

Hello大家,AI文字效果设计系列教程更新到第五期,今天的内容结合了上期的封套扭曲功能,一起来玩一下文字的解构堆叠~


# 操作步骤

「文字解构」是一种对文字结构进行拆解、分割的设计技法,简单好玩~就是拆的时候零件有点多,删除时需要注意别出错,好啦,我们开始吧!



嘿嘿,还是从打一排字开始,我用的是Montserrat Black


你问能不能打中文?当然可以,只是中文的笔画比较复杂,像这样水平切割会有比较多的碎笔画出现,最后的效果得不到保证,所以最好是用英文进行练习。(对中文的解构,比较建议通过分割完整的笔画来进行)



1、分割


刚打好的字,复制一份出去备用。然后 Ctrl/Command+Shift+O 将文字轮廓化(就是把文字变成形状),你也可以用扩展来实现


请注意看上图中的细节,文字轮廓化后,在它上面画一个一模一样大小的矩形,然后把矩形的填充去掉,变成描边矩形



单独选中矩形,执行:对象-路径-分割为网格,参数只设置行数就行了,数量根据你之后想排几段文字进行堆叠来决定,比如我之后要排6段,那这里的数值我就设置为6



同时选中矩形和文字,执行:窗口-路径查找器-分割,来完成文字的分割



接下来我们需要删除多余的线条,只保留解构后的文字


这里有两个方法可以实现快速删除:一个是在顶部工具栏处于「传统基本功能」状态下,会默认显示在上方的「选择类似的对象」,另一个是在:选择-相同,里面选外观或者描边颜色/粗细


这两种方法的前提是,你要先选中一根线条哈,不然找不到对象



删完线条之后我们检查一下路径有没有问题,按 Ctrl/Command+Y 切换到轮廓视图,看看是不是只有被分割好的文字留下



2、拆解


分割好的文字,先编组,然后复制5个出来,我们马上要对他们进行拆解了




一排一排地进行拆解:底下第一排文字不动,第二排删底下一行,第三排删底下两行,以此类推,第六排就只保留顶部一行


这里有两个小技巧分享:

1、我们刚刚对一排文字进行过编组的,我们只要双击文字,就可以进入编组隔离模式,之后的操作都只能在这一排文字的范围内进行,不会误操作选到别的文字

2、框选删除一行的时候,框框一定要刚好画到前一行的下方,不然笔画短的部分就容易遗漏,这个坑我已经替你们踩过了,千万要注意唷



删完后 Ctrl/Command+Y 检查一下轮廓,能看到我的M的中间那一笔就没删到!赶紧补删一下!



3、堆叠

优秀的设计师都是有强迫症的,我们要的堆叠,必须得间距相等,对不对~但是你还在自己手动去排嘛?



AI里也是有技巧可以设置段落间距滴:

全选每一行文字,再点一下底部那一行文字(就可以把它设置为关键对象),这时打开窗口-对齐,就可以设置间距,设置好后,点左边第一个图标垂直分布就好咯


注意:

1、间距必须是要有关键对象时才能设置哦

2、如果你的对齐工具里面没有「分布间距」这个选项,那就点一下右上角的汉堡菜单,点「显示选项」后就出来了



全选文字,编组,然后在画板居中,到这里我们的文字解构堆叠就已经完成了~为了增加动感效果,我们接下来还可以再进行设计



4、扭曲


上一期的封套扭曲大家都学会了吧!现学现用,本期我们也可以用到哦:对象-封套扭曲-用变形建立(你还记得快捷键吗?)


样式选波形,垂直,弯曲程度根据你的画面来



当当~完成啦!!


在AI里可能看不出来,但图片导出后你会发现,之前分割的网格能被看出来,阿叶的强迫症瞬间达到顶峰,必须执行:全选后-对象-扩展-路径查找器-合并,这才是合格的设计


当然,为了方便修改编辑,我们在做不可逆的操作之前,都一定记得复制一份出去备用哦,要养成保留工作路径的好习惯!


做好的效果我觉得太扁了,直接拉高一点,然后咔咔咔,排下版——



给画面统一添加渐变也有个小技巧分享:

直接画个跟画布一样大的矩形,添加渐变,然后在「透明度」里面给矩形设置图层模式,黄绿我用的「正片叠底」,蓝粉我用的「强光」,怎么设置都看你心情~~



今天的教程到这里就结束啦

如果觉得有收获,别忘了给阿叶点赞、留言~


Powered by Froala Editor

微信公众号:叶设计的自习室

更新:2021-01-13

收藏

51人已收藏

超级叶

微信公众号:叶设计的自习室

  • 48

    作品

  • 1842

    粉丝

  • 70

    关注

  • 教程 | Vol.7 用AI做文字效果设计 之 三步打造破碎
  • 教程 | Vol.6 用AI做文字效果设计 之 酷炫故障文字
  • 教程 | Vol.4 用AI做文字效果 之 封套扭曲变形字
  • 教程 | Vol.3 用AI做文字效果 之 3D悬浮描边字

    猜你喜欢

      2021-01-13 原创文章 教程 举报 3243 51 26 7

      教程 | Vol.5 用AI做文字效果 之 解构堆叠扭曲文字

      0.0°

      你确定要举报教程 | Vol.5 用AI做文字效果 之 解构堆叠扭曲文字

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年01月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      26
      51
      7

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录