百木园-与人分享,
就是让自己快乐。

AI教程!教你制作扭曲文字效果

img

教程作者:设计小余(授权转载)

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

前面分享了几篇关于AI制作科技感图形的技巧教程,很多设计爱好者还是很喜欢这样的干货教程,也有一些设计爱好者联系我希望我分享更多的类似的干货教程,这段时间基本都写设计文字和做设计作品了,好久没有分享教程干货了,小伙伴们都等不及了吧~

所以,今天我又给大家带来了教程干货啦!

不过今天我们换一种教程分享,不做科技感图形了,该做扭曲文字的教程分享,看起来很简单,也许你会说PS里一样有扭曲变形的效果吖,我也尝试过用PS制作扭曲文字的效果,但是效果并不理想,所以最后还是选择了AI制作,在制作的过程中我发现:

  • AI制作出的矢量图形更清晰
  • AI制作过程更简单方便
  • AI制作线条更加流程舒适
  • 还是和往常一样,我们先看看今天将要学习的最终效果图形吧,我这里同样制作的海报的样式,便于大家观看效果,也便于大家知道学会这个小技巧的用处

    | 海报效果图:

    AI教程!教你制作扭曲文字效果

    那么我们还是废话不多说啦!直接进入我们的正题教程吧!毕竟我们是奔着学习来的~

     

    • 步骤 01 新建画布

    首先在AI中创建一个画布,大小可以根据自己需要随意设置,我这里设置的是A4画布的大小,因为我要用这个图形设计海报,所以这里我就选择的是A4海报大小的尺寸,至于背景颜色,随个人喜欢或者用途而定。

    AI教程!教你制作扭曲文字效果

     

    • 步骤 02 输入文本

    在画布中输入文案,我这里的输入的文案如下图(注意:文案分排输入,不要输入到一个文字图层中,你计划做几排就要分成几个图层)。

    AI教程!教你制作扭曲文字效果

    AI教程!教你制作扭曲文字效果

     

    • 步骤 03 文字变形

    3.1 选中一个文字图层,(最好选择最上面/最下面的图形开始制作),再选择菜单:对象—封套扭曲—用网格建立。

    AI教程!教你制作扭曲文字效果

    3.2 点击后就会出现封套网格弹窗面板,设置参数为:行数2,列数4(这里的参数也是自己根据自己文字设计需要设置),设置完成后点击确定即可。

    AI教程!教你制作扭曲文字效果

    3.3 选中刚刚的图层,选择白箭头框选文字变形的点,如图,我框选的是POSTER文字下面的点,框选后鼠标直接向左边拉动,拉动到合适的位置即可(拉动的方向自己也可以左右自己决定)。

    AI教程!教你制作扭曲文字效果

    AI教程!教你制作扭曲文字效果

    3.4 接下来就对每一行文字都进行同样的操作,即可得到下面的图形。

    AI教程!教你制作扭曲文字效果

    3.5 移动文字位置,摆出一个类似阶梯的图形,做到这一步我们的图形基本就制作完成啦,最后可以根据图形的样式,再做一些细微的调整。

    AI教程!教你制作扭曲文字效果

    3.6 调整后,我是根据我自己需要制作A4画布尺寸的海报,所以我将图形整体向上拉了一些,变得高了、瘦拉。

    AI教程!教你制作扭曲文字效果

     

    • 步骤 04 海报设计

    最后我们的图形制作完成了,我还是习惯性将图层复制到PS里做相关的海报设计,通过多字体颜色的修饰、背景的修改、元素的添加、文案的排版,最后一张简单的海报设计就完成啦。

     

    AI教程!教你制作扭曲文字效果

     

    欢迎关注作者的微信公众号【设计小余】,分享设计经验、灵感、文章、作品、教程、人生感悟,期待和大家一起进步!设计路上伴你行!AI教程!教你制作扭曲文字效果

    【优优教程网 365 打卡计划】

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

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

    >> AI+PS教程!手把手教你制作条纹扭曲立体字效
    >> AI教程!3分钟学会扭曲层叠字效

    AI教程!教你制作扭曲文字效果


    来源:https://uiiiuiii.com/illustrator/1212195124.html
    图文来源于网络,如有侵权请联系删除。

    未经允许不得转载:百木园 » AI教程!教你制作扭曲文字效果

    相关推荐

    • 暂无文章