如果您是新手,建议从简单的软件开始,例如Adobe Animate CC 或Moho。这些软件提供直观的操作界面和教程。随着您的技能提高,您可以继续使用更复杂的专业软件,例如Adobe After Effects 或Toon Boom Harmony。
Adobe Illustrator和Sketch可以用来创建各种不同风格的MG动画素材。这里我将列出几种常见的MG动画风格及其在Illustrator或Sketch中的制作步骤。请注意,这些步骤会有一些相似之处,因为基本设计原理是相同的。
1. 平面风格 (Flat Design)
扁平风格是最常见的MG动画风格之一。它通常使用简单的形状、纯色填充和简约的线条来呈现。
步骤:
概念和草图:首先绘制草图或故事板以规划动画的构图和流程。创建基本形状:使用矩形工具、椭圆工具或钢笔工具绘制基本形状。颜色和填充:用纯色填充每个元素。细节调整:如果需要,添加一些微妙的阴影或高光效果,但保持整体外观简单。导出材料:导出为SVG 或PNG 格式,以便在动画软件中进一步处理。
2. 扁平化拟物风格 (Flat Skeuomorphism)
这种风格结合了平面设计和拟物化设计的特点,通过添加一些细节和纹理,使平面设计看起来更加真实。
步骤:
基本设计:首先按照平面样式方法创建基本形状。添加纹理:使用渐变填充、纹理或图案来添加纹理。阴影和高光:添加微妙的阴影和高光效果,使元素看起来更加三维。导出材质:导出为SVG 或PNG 格式。
3. 手绘风格 (Hand-drawn Style)
手绘风格通常给人温暖、个性化的印象,适合营造有趣、轻松的氛围。
步骤:
草稿:使用铅笔或钢笔工具绘制手绘风格线条。颜色:使用画笔工具或填充工具添加颜色。添加细节:通过添加一些不规则的边缘和纹理来模仿手绘效果。导出材质:导出为SVG 或PNG 格式。
4. 低多边形风格 (Low-poly Style)
低多边形风格利用几何形状和有限的色彩构建复杂的图像,给人一种极简和现代的感觉。
步骤:
创建基础形状:使用三角形或其他简单的几何形状作为基础。连接形状:通过组合这些形状来构建对象或场景。颜色:使用有限的调色板来填充区域。细节调整:确保每个形状的边框清晰、整齐。导出材质:导出为SVG 或PNG 格式。
5. 插画风格 (Illustrative Style)
插画风格可以非常多样,从卡通到写实。这个需要根据具体的设计要求来定制。
步骤:
构思和草图:首先确定插图的风格和细节。绘制轮廓:使用钢笔工具或其他矢量工具绘制轮廓。颜色和填充:填充适当的颜色,可以是纯色,也可以是渐变色。添加细节:根据风格需求添加纹理、阴影等必要的细节。导出材质:导出为SVG 或PNG 格式。
共同步骤:
组织图层:无论哪种风格,都必须合理组织图层,以方便后续在动画软件中进行调整。导出设置:导出时一定要设置透明背景并选择合适的分辨率。
示例操作:
假设我们要制作一个平面风格的MG动画素材。具体步骤如下:
示例:平面风格的MG动画素材
构思和草图:识别设计元素,例如简单的图标或字符。创建基本形状:使用Illustrator 的矩形工具绘制圆形。颜色和填充:选择纯色来填充圆圈。细节调整:如果需要,添加一些简单的阴影效果,但保持简约。导出素材:选择“文件”“导出”“导出为.”,选择SVG或PNG格式导出。让我们以创建一个简单的平面样式圆形图标为例,我将向您展示如何在Illustrator 中完成此过程。
Adobe Animate 是一款广泛用于创建交互式动画和动态图形的应用程序。它可用于制作多种风格的动画。以下是一些常见的动画样式以及使用Adobe Animate 创建它们所需的支持软件和基本工作流程。

1. 传统手绘动画 (Traditional Hand-drawn Animation)
这种风格通常涉及手绘每一帧,模拟传统动画技术。
辅助软件:
Adobe Photoshop 或Clip Studio Paint:用于创建高质量的手绘框架。 Adobe Illustrator:用于创建矢量图形,以便可以轻松缩放而不失真。
基本流程:
草图:使用绘图软件绘制每个框架的草图。着色和细化:对草图进行着色和细化。导入到Animate:将每个帧导入到Animate。创建时间线动画:使用时间线控制每个帧的播放顺序。导出动画:导出为所需格式,如GIF、SWF 或视频格式。
2. 矢量动画 (Vector Animation)
矢量动画通常使用简单的形状和线条来创建非常适合网络和移动设备的动画。
辅助软件:
Adobe Illustrator:用于创建矢量图形材质。 Photoshop:用于创建位图背景或特殊效果。
基本流程:
创建矢量图形:使用Illustrator 创建所需的矢量图形。导入Animate:将矢量图形导入Animate。动画制作:使用Animate的时间线制作动画,可以使用元件和实例来提高效率。添加声音和交互性:如果需要,添加声音效果和交互性。导出动画:导出为SWF 或HTML5 Canvas 格式。
3. 三维动画 (3D Animation)
虽然Animate主要用于2D动画,但它可以与其他软件配合使用来实现3D效果。
辅助软件:
Blender:用于创建3D 模型和动画。 After Effects:用于合成和后期制作。
基本流程:
创建3D 模型:使用Blender 创建3D 模型和动画。导出为2D:将3D 动画渲染为2D 视频或序列帧。导入到Animate:将渲染材质导入到Animate。添加2D 效果:在Animate 中添加其他2D 效果或元素。导出动画:导出最终的动画。
4. 剪纸风格动画 (Paper-cut Style Animation)
剪纸风格动画采用类似剪纸艺术的视觉效果,给人一种手工制作的感觉。
辅助软件:
Illustrator 或Photoshop:用于创建剪纸风格的图形。扫描仪:如果您是从真实的纸张上剪裁,则需要将其扫描到计算机中。
基本流程:
设计剪纸图形:使用绘图软件或真实纸张设计剪纸图形。扫描或创建图形:如果使用真实纸张,请扫描剪纸;如果以数字方式创建,请创建图形。导入到Animate:将图形导入到Animate。创建动画:使用时间轴创建动画。导出动画:导出最终的动画。
5. 低多边形风格动画 (Low-poly Style Animation)
低多边形风格使用简单的几何形状和有限的颜色来构建动画。
辅助软件:
Illustrator:用于创建低多边形形状。 Blender(可选):如果您需要更复杂的3D效果,可以使用Blender创建低多边形模型。
基本流程:
创建低多边形形状:使用Illustrator 或Blender 创建低多边形形状。导入到Animate:将形状导入到Animate。动画:使用时间轴创建动画。导出动画:导出最终的动画。
6. 水墨动画 (Ink and Wash Animation)
水墨动画模仿传统水墨画的风格,往往具有流动性和自然美感。
用户评论
陌上花
这个动画素材库真的太棒了,里面的资源种类繁多,简直是做动画的福音啊!
有20位网友表示赞同!
呆萌
动画素材库里的图片质量超高,用起来很放心,希望多出点这种好资源。
有13位网友表示赞同!
命里缺他
每次找素材都是个大工程,这个动画素材库解决了我的大问题,赞一个!
有13位网友表示赞同!
烟雨萌萌
动画素材库里的素材都很新,而且分类清晰,找起来方便极了。
有12位网友表示赞同!
南宫沐风
用了这个动画素材库后,我发现自己的动画作品质量提高了不少,太感谢了!
有17位网友表示赞同!
風景綫つ
动画素材库的免费资源真的挺多,但是付费资源的价格感觉有点贵。
有13位网友表示赞同!
江山策
每次打开动画素材库都要等很久才能加载完,有点影响使用体验。
有6位网友表示赞同!
弃我者亡
动画素材库里的部分素材版权问题不明,用起来心里有点打鼓。
有19位网友表示赞同!
烬陌袅
虽然动画素材库里的素材挺多,但感觉还是不够用,希望后续能增加更多内容。
有7位网友表示赞同!
ヅ她的身影若隐若现
动画素材库的搜索功能可以优化一下,有时候很难找到想要的素材。
有17位网友表示赞同!
灼痛
这个动画素材库的资源质量参差不齐,有时候得花费不少时间挑选。
有12位网友表示赞同!
暖瞳
动画素材库里的素材种类挺全的,但是更新速度有点慢,希望加快更新。
有19位网友表示赞同!
恰十年
用了动画素材库后,我发现自己的工作效率提高了不少,真心推荐给大家。
有6位网友表示赞同!
〆mè村姑
动画素材库的素材版权问题太严重了,用起来心里一直有点不安。
有5位网友表示赞同!
咆哮
动画素材库的界面设计挺简洁的,但有时候操作起来还是有点复杂。
有13位网友表示赞同!
珠穆郎马疯@
这个动画素材库的付费资源价格有点高,不过质量确实不错。
有8位网友表示赞同!
矜暮
动画素材库里的素材质量都很高,但是有些素材的分辨率太低了。
有18位网友表示赞同!
苏莫晨
希望动画素材库能提供更多的免费资源,让更多的小白也能轻松制作动画。
有10位网友表示赞同!
有一种中毒叫上瘾成咆哮i
动画素材库的资源种类挺全的,但是部分素材的版权问题还是让人担忧。
有14位网友表示赞同!