ai字体设计-通过几个简单的步骤学习动态字体设计

已完成的设计效果图

1.在PS中创建基本字体图形

1、新建一个800*600的画布，然后画四个200*200的正方形。 写汉字的时候，要按照自己的习惯，写得更好看。

2、写作前先分析一下构成字体的元素，主要是横、竖、撇、笔划、点。 我们用自己的想法，用直线和圆形剪出了构成字体的基本元素。 字体的有效区域为160*160px。 我使用的方法是在路径上添加一个8px的描边。 当然，你也可以根据自己的喜好尝试其他参数和方法。 这里的主要目的是解释这些想法。 具体步骤不再重复。 我相信优秀的你一定会比我做得更好。

3、根据以上思路，完成“春夏秋冬”四个字。 顺便说一句，有朋友建议我制作一套这种类型的字体，但我拒绝了。 首先，我自己不是字体设计师，对于字体设计我是门外汉。 我不敢在关公面前小题大做； 其次，这种比较个性化的字体只适合少数特殊字符。 这些元素不一定适合所有角色。 如果真的做成几千个字符的字体，效果可能会大打折扣； 最后是版权问题。 严格来说，我只是查找参考资料ip形象，做了一些歪曲卡通人物，并不是真正的原创。 拳应该是一个艺术词，只是一种练习。

4、照常加一条炫耀线，简单的包起来，炫耀一下，哈哈（这一步可以省略）

2. 导入人工智能

1、在AI中新建一个800*600的画布，将上面第一步中的网格背景导入到AI中，然后返回PS，使用路径选择工具选择所有字体路径，Ctrl+C复制，然后进入Ctrl+V 在AI中粘贴，在弹出的粘贴选项中，选择复合路径（更快）。

2. 适当调整位置，使每个单词与背景中的字段网格对齐。 然后准备导入AE——对字体进行分层。

3.在AI中，我们知道形状路径等默认都在一层上。 虽然在这种情况下，我们可以在不分层的情况下制作出预期的动画（我将在下面的步骤中解释为什么），但是为了保持良好的习惯，最好为每种字体都有一个单独的图层。

4、新建四个图层（如何新建图层就不言而喻了，就像PS一样，垃圾桶左边的就是新图层），分别命名为春、夏、秋、冬，然后然后合成相应的图层。 只需将路径拖到相应图层即可，最后将网格背景放在底部即可。如下图

5、这里还要说一下的是这一层复合路径的顺序。 这里的顺序代表字体的书写顺序。 这里可以根据自己想要的书写顺序调整对应的复合路径的顺序，然后导入AE后就不需要调整了。 这里不调整也没关系。 导入AE后也可以调整。

6.保存AI文件并打开AE。

3.导入AE制作简单动画

1.打开AE后，导入AI文件，在弹出的对话框中选择Composition-Layer Size。

2.下面是在AE中将AI矢量文件转换为矢量形状。 我们先来说说运动效果的原理。 主要使用AE中的修剪路径。 修剪路径只能对AE的形状起作用，对图片等其他格式没有影响。 因此选择春夏秋冬四层，右键单击并从矢量相册中创建一个新形状。

3.创建新的形状图层后，这四个图层在AI中的任务就结束了，可以删除了。 剩下的就是展开图层，在内容的右侧，有“添加”，然后选择“修剪路径”。

4.内容下方，会出现更多的修剪路径。 展开后，先将“Trim Multiple Shapes”改为Individual，然后将End改为0%，这样文字就完全消失了。 这时，当你开始或结束幻灯片时ai字体设计，你会发现单词是按照笔画写的。 如果之前AI中没有调整过顺序，那么上面的第1组到第7组就是之前AI对应的复合路径。 调整这个顺序可以调整字符笔画的书写顺序。

5、这一步是添加关键帧。 假如每个单词的书写时间为1秒（你可以根据笔画数适当调整每个单词的动画时间，比如“冬天”这个词笔画少一些，你可以让他的时间稍微少一些），那么在第0帧时，从0开始，在1s时，从100%开始，这样就创建了一个单词的动画。

6、也就是说，按照上述方法一次性完成关键帧的制作。 至此，我们就可以回答上面的问题了。 如果四个字没有分层的话，可以用这个方法。 更简单。 那么为什么我们还需要分层呢？ 当然，这是给自己留一条后路，也是为了保持一个好的习惯。 没有分层，整个动作效果就会拼凑在一起，调整笔画顺序时很容易出错，也不适合后期添加其他效果。 所以，虽然有点麻烦ai字体设计，但是我们还是保持分层比较好。这是我做的简单效果

7、AE的导出就不用多说了。 必须先导出视频，然后再从 PS 导出 gif。 不过AE也有导出gif的插件。 如果您有兴趣，可以尝试一下。

免费材料

168张中国风海报合集+PSD源文件