AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

时间:2021-04-14
类别:AI教程
水平:普通
观众:5.7w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:葱爷(授权转载)

交作业:#优设每日作业#

关于教程

阅前叨逼叨:版式设计也是有性格的。

我猜很多人在工作中都被客户或老板说过,设计不够时尚,其问题可能出在设计风格、色彩、画面元素、排版等方面,前几种葱爷以前其实都分享过,所以今天就来分享几个很潮的排版技巧:

教程内容

01.交叉文字色块

即在两个或两个以上的长条色块上排一行文字,然后旋转色块使其交叉,大家对这种排版方式绝对不陌生,效果有点像电影中案发现场的警察封条。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

这种排版方式比直接打文字的视觉冲击力更强,又比在平行色块上排文字更有个性,所以常常被用在一些潮牌和综艺的海报、长图中。

02.文字边框

即在画面四周都边界处增加一个矩形边框,形成一个“回”字的效果,然后沿着边框排上一圈文字,搭配一些简单的小图形效果更佳。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

字体一般是用比较粗的等线体,如果不想文字太过抢眼,还可以改成描边字。

这种把画面包起来的做法,会把原本容易被忽略的边界凸显出来,所以能增强画面能力张力,另外相对生硬的边框如果配合比较灵活的画面,可以增强对比效果,从而进一步提高视觉冲击力。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

不过也要注意,别让边框反客为主,抢掉画面的主体,所以要注意边框的大小和颜色使用。

03.扭曲文字

似乎要想把文字排得比较潮,就得对文字进行各种加工处理,简简单单打几个字是很难潮起来的,所以这种对文字进行扭曲的做法也变得流行起来。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

制作扭曲文字,葱爷给大家介绍AI里的两个工具,很多人应该也有所了解,一个是封套扭曲,一个是变形工具。关于这两个工具的使用,葱爷举两个很简单的例子。

1.封套扭曲工具

在画板中输入几个文字。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

点选顶部菜单栏中的对象-封套扭曲-用网格建立。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

在网格参数中把行数设为20,列数设为10,然后得到如下效果。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

用直接选择工具选中一行锚点,然后用鼠标水平移动一小段距离。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

简单的扭曲效果就做好了。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

02.变形工具

输入一个大写的英文单词,并把填充模式改为描边。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

把文字拉高变形成下图模样。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

在工具面板中选择变形工具,并且双击弹出选项面板,把参数按如下设置。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

用变形工具沿着箭头方向拖动。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

就得到了如下效果的扭曲文字。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

04.环形文字

即把文字沿着一个立体的圆环进行排版,这种处理方式其实是把文字图形化了,在形式上完全与常规的文字排法区别开来,同时也有很强的空间感。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

顺便,葱爷给大家分享几个在Ai里制作环形文字的工具。

1.封套扭曲

封套扭曲制作环形文字有两种做法,一种是用封套扭曲中的网格建立,把行和列的数值分别设为1和2。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

然后手动移动锚点和手柄,使文字形成圆弧形。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解) AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

用同样的方法完成里层的设计就可以了。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

还有一种方法更简单,先画好一个弧形的封闭轮廓,然后把其图层置于文字的上层。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

同时选中文字和轮廓图形,执行对象-封套扭曲-用顶层对象建立命令 ,就能得到如下效果。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解) AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

运用相同的方法制作里层效果。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

这种方法虽然快捷,但是制作的效果容易出现破裂或者有瑕疵的情况,我们可以看到上面的扭曲效果其实不是特别理想,所以,要根据实际情况对轮廓图形进行调整。

2.3D贴图

在画板上输入一组文字,并镜像复制一组,转曲合并在一起,效果如下。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

在顶部菜单栏选择窗口-符号,打开符号面板。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

在符号面板中点击右下角下载新建符号图标,然后点击确定,刚刚排列的这组文字就可以用作贴图素材了。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

接下来我们要画一个圆柱,首先画一个矩形,并删掉它的左“边”。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

执行窗口中的3D命令,把旋转参数中间的数值改为0,其他保持默认,然后点亮左下角的预览,一个圆柱就画好了,不过到这里还不能点确定。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

点击左下角的“贴图”命令进入贴图面板,点击右上角“表面”设置栏右边的三角形,把贴图面翻制3/3,贴图的面就变成了圆柱的弧面,如下图所示。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

然后在点出左上角的“符号”的下拉菜单,选择刚刚新建的弧形文字符号。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

分别点选缩放以适合、三维模型不可见、预览按钮,就得到了如下效果。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

把图形删格化,并把里层填充为灰色,一组圆环字的设计就做好了。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

这种效果是最标准的,但是最两侧的文字识别性会比较低。

05.故障风标题

故障风的流行已经有几年的时间了,不过故障风格的文字处理方式依然很热,在各类时尚海报中都可见其踪影。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

比较简单的做法是在白色文字层的基础上,复制出两层分别填充蓝色和玫红色,并将其置于底层,然后分别对蓝色和红色文字层执行风格化-大风滤镜。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

除此之外也可以画一些小线条与文字层做合并和剪切处理,这样制作出来的故障风效果更细致。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

06.手写体字叠图

说到潮的字体,我们很容易想到笔画简单、硬朗的字体,其实手写字体也可以排得很潮,豪放的手写字体搭配亮丽的色彩,然后压在图片上的效果就很不错,既时尚又很有动感。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

07.重复

重复是平面构成中的一种很经典的形式,近几年在文字排版中也很流行,通常的用法是提炼出设计中的一个关键词,并使用比较大的字号,然后把它复制数组进行重复排列。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

还可以把文字的形态改为描边字,效果会更精致、优雅一些。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

另外,把重复的的文字做渐变裁剪效果,也是很流行的一种处理方式。

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

AI教程!让设计立马变潮的7个文字排版技巧(含实例讲解)

结语

当然,如果一件设计作品整体感觉就跟潮搭不上任何关系,那么即使运用以上几个排版技巧也是没多大用处,而那些整体还可以,只是排版上还差点意思的作品,这些技巧或许可以带给你一点小惊喜。

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

117 收藏 546

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 7

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片