56下载通 - 高速下载,丰富资源,一站式下载平台

首页 软件教程 AI+PS教程!手把手教你制作条纹扭曲立体字效

AI+PS教程!手把手教你制作条纹扭曲立体字效

时间:2024-07-21
来源:56下载通

关于教程

这个效果我一开始以为是用混合做的,但实际动手以后发现细节差别很大。

线条还好,可以重新调整,重点是扭曲的方向没办法和原图做出一样的效果,而且用混合工具,两个数字之间也很难很好的融合在一起。

最后我选择了一种比较笨的方法,先做出一个立体字的框架,然后再用封套扭曲去做纹路。

来吧,让我们来看看这个条纹立体数字是如何完成的吧!

教程步骤

打开Ai,新建画板,选择一个合适的字体打上数字20,描边1就可以了,无填充,我这里选择的是一个叫做Galeere的字体:

AI+PS教程!手把手教你制作条纹扭曲立体字效

将文字轮廓化以后,取消编组以及释放复合路径,用小白工具去删除多余的部分:

AI+PS教程!手把手教你制作条纹扭曲立体字效

删完以后大概这样子,这一步不用多说吧:

AI+PS教程!手把手教你制作条纹扭曲立体字效

调整数字的各部分的位置,大概到如图所示的样子,执行路径查找器-轮廓,如果你觉得不太好对齐的话,可以康秋+y进入轮廓模式:

AI+PS教程!手把手教你制作条纹扭曲立体字效

轮廓以后取消编组,重新给上描边色,然后删除多余的部分:

AI+PS教程!手把手教你制作条纹扭曲立体字效

下面做数字的立体框架,按照标准的流程大概需要利用黄金分割的圆来做吧。

我在网上学了学,方法大概知道,但是做不好这两个数字,鼓捣了一下以后找到了一个自己的方法,可能不够准确,但还是能解决问题。

把20编组,用矩形工具画一个正方形,旋转45度摆放到如图所示的位置:

AI+PS教程!手把手教你制作条纹扭曲立体字效

然后以矩形的四个顶点作为参考,复制20这个编组摆放到如图所示的位置:

AI+PS教程!手把手教你制作条纹扭曲立体字效

因为后面我们要用到形状生成器工具,为了保证各个地方都是闭合的,所以用直线工具重新画一下正方形吧:

AI+PS教程!手把手教你制作条纹扭曲立体字效

用直线工具在适当弧线位置按住谢福特键画相切的直线:

AI+PS教程!手把手教你制作条纹扭曲立体字效

草图做好以后,复制一份放在旁边,后面有用,然后选中全部对象,再用形状生成器工具对数字的各个部分进行形状生成:

AI+PS教程!手把手教你制作条纹扭曲立体字效

这一步其实没什么可说的,是容易弄花眼,慢慢来吧,部分细节的地方还要清理调整:

AI+PS教程!手把手教你制作条纹扭曲立体字效

必要的地方可以用钢笔工具补一下形状:

AI+PS教程!手把手教你制作条纹扭曲立体字效

接下来做出这样的黑白间隔矩形条组,这一步不用多说吧:

AI+PS教程!手把手教你制作条纹扭曲立体字效

可以多复制出来一些黑白矩形条,然后选中矩形条以及数字的各个部分,执行对象-封套扭曲-用顶层对象建立,快捷键噢特儿加康秋加C。

注意一下矩形条的朝向以及它和数字各个部分的图层上下关系哦:

AI+PS教程!手把手教你制作条纹扭曲立体字效

不过有时候你可能会发现某些部分建立封套扭曲以后,线条扭曲变形的很厉害:

AI+PS教程!手把手教你制作条纹扭曲立体字效

这是由于我们形状路径的锚点导致的,对此我暂时没有找到其他更好的办法,只有单独对矩形条添加对象-封套扭曲-从网格建立:

AI+PS教程!手把手教你制作条纹扭曲立体字效

网格的数量我建议先是1*1:

AI+PS教程!手把手教你制作条纹扭曲立体字效

再按康秋+y切换到轮廓模式,对比着形状的路径去调整添加网格封套以后的矩形条。

尽量一致吧,当然也不能百分之百和形状路径一模一样,这就需要时间和耐心了:

AI+PS教程!手把手教你制作条纹扭曲立体字效

当锚点调整好以后,切换回来再选中对象将封套网格的数量改为3*3,这样扭曲的会比较自然一点:

AI+PS教程!手把手教你制作条纹扭曲立体字效

简单的弄完了以后,大概是这样:

AI+PS教程!手把手教你制作条纹扭曲立体字效

剩下的部分就相对比较麻烦一点了,我试过直接用封套扭曲来进行拼合确实不容易实现,看来后面还需要在PS里去进行拼合。

刚才我们的草图不是复制出来了一份么,先用钢笔工具在如图所示处补一笔:

AI+PS教程!手把手教你制作条纹扭曲立体字效

先复制一份草图出来,然后用形状生成器工具得到如图所示的部分:

AI+PS教程!手把手教你制作条纹扭曲立体字效

另外一份草图用形状生成器工具得到如图所示的部分:

AI+PS教程!手把手教你制作条纹扭曲立体字效

同样的道理得到2的下面需要拼接的形状:

AI+PS教程!手把手教你制作条纹扭曲立体字效

同样用添加网格进行扭曲,这里直接用黑色矩形就可以了,不用黑白相间的也可以:

AI+PS教程!手把手教你制作条纹扭曲立体字效

接下来就是把各个部分拖进PS里,添加图层蒙版去擦出多余的部分了:

AI+PS教程!手把手教你制作条纹扭曲立体字效

当然,蒙板上涂抹也是一个细致活,必要的话还可以新建空白图层对某些地方来进行修复:

AI+PS教程!手把手教你制作条纹扭曲立体字效

最后导个样机看看效果吧:

AI+PS教程!手把手教你制作条纹扭曲立体字效

结语

这个效果其实我尝试了蛮久的,试出来以后发现其实方法还是蛮简单的,主要是考验耐心程度。

如果是用C4D的话,我想即使模型做好了条纹贴图也会比较麻烦。

相关推荐

→ AI+PS教程!扭曲字体怎么做?一个封套工具就搞定

AI+PS教程!手把手教你制作条纹扭曲立体字效

→ AI+PS教程!手把手教你制作线性数字海报

AI+PS教程!手把手教你制作条纹扭曲立体字效

AI+PS教程!手把手教你制作条纹扭曲立体字效


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

  • AE教程!手把手教你制作下载动效

    手把手教你做UI动效喔~ 来优优交流群和其他小伙伴一起学习分享叭~群号:282706954,敲门砖:优优~ 效果图 ==========教程素材提取码:ovni========== 结语 本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。 相关推荐 →AE...

    时间:2024-06-30
  • AE教程!手把手教你电闪酷炫动态发光字效

    运用的工具为:描边湍流置换发光遮罩网格梯度渐变曲线摄像机 如果你对AE部分工具不太熟悉请戳→知识树系列!最全面的AE零基础入门教程合集 效果图: 最新教程欢迎关注@优设基础训练营与@Wink豆喵,最新设计干货请戳→优设网,更多精彩教程尽在优优教程网~...

    时间:2024-07-18
  • AI+PS教程!教你制作金属质感硬核字效

    字体效果 思路解析 这个命题给人厉害、彪悍、刚硬的感觉,所以便有了大致的制作方向——字体设计要硬朗一些,偏游戏风,带一点火焰燃烧、战火纷飞的感觉,字形看上去要很厉害的样子~~哈哈~~有了思路之后就可以开始动手制作啦! 步骤展示 一、字形绘制 二、字效制作 三、给文字添加图层样式 四、给文...

    时间:2024-07-18
  • AE教程!手把手教你制作渐变loading动效

    我非常喜欢VitalySilkin的loading动效设计,渐变搭配赏心悦目,动态效果简单有趣,轻而易举地缓解了用户在等待过程中的焦虑感。 在本期教程中,主要讲了AE的位置、颜色、投影和运动模糊等方面的内容,想要学习这些内容的小伙伴赶紧动手练起来吧! 效果图: 结语 本期教程到这里就结束了,数据不...

    时间:2024-07-02
  • AI教程!教你制作渐变线条立体字效!

    关于教程 本期教程主要应用了“符号喷枪”及与之相关的调整工具,手把手教你绘制一个由渐变色线条组成的立体字。 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01自定义符号 选择一个粗体字作为参考轮廓,创建一条端点为圆形的渐变色粗线段, Step02符号喷枪 双击“符号喷枪...

    时间:2024-06-30
  • AE教程!手把手教你做线性扭曲Loading小动画

    大家好,我是TV=。= 用AE自带的效果「CCScatterize」、「CCStarBurst」就可以做出这么好玩的Loading小动画,学起来~ 结语 本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。 相关推荐 →AE教程!手把手教你做柔软旋转Loadin...

    时间:2024-07-01