AE+PS如何制作动效图

最新推荐文章于 2025-01-07 14:33:44 发布
最新推荐文章于 2025-01-07 14:33:44 发布
阅读量2.8k 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32789363/article/details/112467479
版权
本文详细介绍了如何使用Adobe Illustrator(AI)准备素材，然后在After Effects(AE)中创建合成并导入素材，通过创建形状进行动效制作。接着在Photoshop(PS)中将序列转换为GIF动态图，最后提供了导出和制作微信表情包的步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

站酷链接：https://www.zcool.com.cn/u/15028740

一、首先自己画（准备）好AI素材源文件：画好素材——把需要制作动效的部分新建图层从大图层里分离出来（为了好区分最好命名好）——保存AI文件时选择低版本8（这里不废话说原因了，实在不懂的就百度）——这样制作动效的AI素材就算完成了！
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
二、打开AE，新建项目——新建合成（按照你的需要进行建立合成）：
在这里插入图片描述
三、右键导入你保存好的AI文件——在导入为选择合成——导入——就会看到在AE出现了一个包含有你之前在AI分层的文件，选中所有子文件拉入下方：

最低0.47元/天 解锁文章
qq_32789363
关注
AE绘图工具与常用动效制作
qq_41768447的博客
06-06 2912
AE基础动画 + 运动速度图表调整
动效怎么做_动效设计的内核
weixin_42360703的博客
01-13 546
前言给大家分享这篇文章正文内容前，我想给大家提一个问，当你处理以下动效事件时，你认为哪一种是正确动效设计。这是一个元素进入画面中心的动效，我们都知道物理世界中不存在绝对的匀速运动，所以我们做动效的时候为了看起来更加自然，我们会给动效加上一个缓动。不过我们在用Principle等动效软件制作的时候，面对软件提供各种缓动的运动曲线，你是否随便选一个感觉“对”的曲线使用？上面给大家提的问题，我...
AE_PS实现GIF动图
12-01
内含MP4文件，PSD文件，AE文件，GIF文件，原图为大圣归来，做的比较简单
如何用PS制作动图
醒醒
04-14 2263
1.首先将所有图片制作成相同尺寸。 打开PS软件，点击“窗口”——》动作 创建新动作，填写名称，点击“记录”。红点亮起，开始记录。 文件——》打开一张图片。图像——》图像大小。填写宽度和高度，宽度和高度不锁定比例，点击“确定”。然后保存该图像文件。然后关闭该文件。点击动作中的停止按钮。 文件——》自动——》批处理。动作是我们之前命名的动作，源是“文件夹”，选择文件路径。在覆盖动作中的打开命...
ps怎么将png做成gif_【AE教程】AE如何导出背景透明的图层到PS中做gif动图？
weixin_31089065的博客
12-23 2394
原标题：【AE教程】AE如何导出背景透明的图层到PS中做gif动图？原文链接：https://mp.weixin.qq.com/s/O3qj0uP7MwSzizxeLjofQQ“设计小余”今天教大家一个简单的方法将AE中的图层导出背景透明的图层，这个技能对于制作GIF图很有帮助！我们知道，现在的GIF动图已经广泛的运用在我们的生活中，不管是公众号文章使用的动图还是微信聊天的表情图等等，都很受用户的...
PS、PR、AE、AI与UI设计：全面提升你的设计与视频制作技能
最新发布
2401_89519995的博客
01-07 1996
而对于创意工作者来说，掌握一系列强大的工具，如Photoshop (PS)、Premiere Pro (PR)、After Effects (AE)、Illustrator (AI)和UI设计，不仅能够极大提升创作效率，还能让你在创意领域中游刃有余。矢量图形设计：AI主要用于创建矢量图形，与PS的像素图形处理不同，AI生成的图形可以无限缩放，不失真，特别适用于标志设计、图标设计、海报排版等。动态效果与动画：AE是专业的影视特效制作软件，能够创建高质量的动画、动态效果、影视特效等。
AE圆点加载动画制作过程
白夜光的博客
04-12 2379
上一次写了AE的界面组成和基础设置，要是本文中有不知道的面板名字，可以参考一下上一个文档“AE基础界面设置和旋转加载案例”。圆点加载动画是很常见的一种页面加载交互，那用AE是怎么做的呢，下面为您解答！ Ctrl+art+N：新建项目+关闭当前项目，恢复默认打开软件状态； 1、案例制作过程： 1）需要素材：用ps制作一个‘圆点’，一个‘蓝色矩形背景’，将素材调入面板。 → 2）建立‘矩形合成1’，将...
网易互娱动效设计师 | VX动效学习如何入门？
NetEase_Game的博客
08-18 3432
在上篇《游戏动效与美术特效的区别》文章中，学院君给大家介绍了VX是什么。今天又给大家带来一篇VX动效入门干货文章，主要从哪里学，怎么做，如何深入等三个方面，系统讲下VX动效学习如何入门。 一、学习渠道 （一）灵感来源 1.游戏 ：参考风格、交互表现、效果、情景等； 2.影视 ：参考细节刻画、氛围营造，镜头运用等； 3.生活规律 ：自然运动规律，自然现象，自然反馈等； 比如游戏的情景学习： 《哈利波特·魔法觉醒》IP与玩法系统结合 比如影视的氛围学习：看下图，电闪雷鸣时候，周围是怎样的...
xd羽化怎么调_怎样用C4D制作Icon图标骰子动效
weixin_42495394的博客
01-15 1355
1.软件下载地址，C4Dsky,可以下载想要的C4D版本和AE软件，案例使用C4D2019和AE2015。2.新建【立方体】，按【C】转为可编辑对象，点击【点】层级，【Ctrl+A】全选所有的点，右键点击【倒角】，快捷键【M~S】。3.倒角50，退出倒角之后，【Ctrl+A】全选点，右键点击【优化】，选择【细分曲面】，按【N~B】光影着色(线条)。4.没有相应的点支撑边角，点击【线】，右键【线性切...
gif高质量动画输出的技巧？【PS CS3用“将文件载入堆栈”】
appteam_vlctech的专栏
09-09 2120
举例版本为flash cs3，ps cs2  1、待flash动画设计好后，操作顺序如下图文件→导出→导出影片。   2、弹出导出影片窗口，在保存类型中选择“BMP格式的位图序列文件”，单独导出图片到一个新建文件夹（建议：防止图片混淆）。   3、在Photoshop cs2中打开ImageReady，操作顺序（photoshop cs3的操作方法：文件→脚本→将文件载入
一个非常简单的AE加载动效源文件
06-20
一个简单的AE加载动效，使用AE2019实现的一个小球旋转加载动效，素材选用的是南昌大学的图标。初学的一次尝试。
10款超级实用的flash片头loading源文件
10-25
10款超级实用的flash片头loading源文件，压缩包内含有10款的swf文件和fla文件，供大家学习
动态图片怎么制作 html,AE教程:怎么制作出GIF动态图
weixin_42531886的博客
06-05 1031
今天给大家分享一下如何用AE配合AI &PS进行简单的gif动效制作。步骤1新建AI打开 AI, 文档类型选择 Video and File, AI 画布会自动帮助创建文字安全线，便于后期导入 AE 中。步骤2绘制LOGO新图层，图形工具画圆1，描边，填充 border: 6px; color: #fff;新图层，复制圆1，缩小，改 border:2px;新图层，钢笔工具描绘左侧弯形直线，...
9个做好动效设计的好方法
七小嗨少的博客
12-08 1181
当你使用你最喜欢的应用程序时，开始观察屏幕上东西的移动。您可以将产品中的运动分类为“过渡”(内容更改/用户移动到另一个屏幕)，“微交互”（例如Twitter的“赞”按钮)、图形动画(例如，踏板车在Zomato的“订购”应用程序的启动屏幕上跳转)。一遍又一遍地看着它们，放慢它们，了解元素是如何运动的。然而，在软件方面，动态效果不仅是为了获得乐趣，也是为了解决问题。认真思考创作的动画个性会给它一个角色，帮助你对尝试构建的作品有更深的了解。让动画保持微妙，与产品的故事情节保持一致，从而创造愉悦的体验。
AE 动效制作和交付方案
hanmou77的博客
12-12 1816
AE动效
【PS技能+】简单几步教会你使用PS制作GIF动图
lingzhenpeng的博客
10-08 2225
开始 打开PS软件，依次点击 文件 脚本 将文件载入堆栈 进入图片文件导入界面，点击 浏览，使用类型为：文件，可选择多种制作动图的图片素材；使用类型为：文件夹，可选择存储所有图片素材的文件夹。 图片素材导入完成，点击 确定。 导入的图片素材，自动创建为图层。PS软件下方会自动出现 时间轴，若无可点击 窗口 勾选时间轴即可调出。将时间轴中间类型选择为 创建帧动画 然后点击进去。 依次点击 时间轴右上角的小菜单 选择 从图层建立帧。 设置 每个图片素材的 显示时间。按住键盘的 shift 和 ct
ps制作gif
希望代码永远不会crash，飞机更应该平安
05-13 497
图片转动画前言步骤 前言 很多时候我们需要多张图片制作成gif，这时我们就需要用ps，网上那些在线制作的不是出错就是根本无法使用，不靠谱。 步骤 1.新建->脚本->载入堆栈 2. 选文件夹->浏览找到图片所在文件夹->确定 3. 一定要点击一下创建帧动画，这时时间轴会出现一张图片 4. 选择时间轴选项卡，点击从图层建立帧 5. 延时设置好之后，动画是倒着放的，选择反向帧 ...
AEJoy —— 详解 AE 如何将 png 序列帧导出为 SVGA 动画文件
热门推荐
ShaderJoy 的兴趣技术杂货铺
09-02 2万+
1.导入 png 序列帧至AE 从菜单栏“导入” -> “文件”，选择存放序列帧的文件夹 然后导入，接着看到如下界面，直接确定。 此时，窗口中就显示了我们所导入的所有序列帧，如下所示 2. 对序列帧进行裁剪【关键】 我们刚导入的序列帧默认是占据了整个时间线的 所以我们需要手动对它进行截取，windows 上的快捷键是 alt + [ 和 alt + ] 来分别进行前后的裁剪。 裁剪的结果如下所示，这里我们只保留一帧的时间。 3.将序列帧进行错位 ...
AE动效设计
2301_78164615的博客
12-12 357
1. 动效设计是增强用户体验的关键：恰当的动效设计能够引导用户关注重要的信息，帮助用户更好地理解和使用界面。3. 动效设计需要注重细节：动效设计中的细节，例如动画的时长、缓动效果和时机等，都会影响用户体验。一个好的动效设计应该注重细节的打磨，以达到最佳的视觉效果。5. 动效设计需要持续学习和创新：动效设计是一个不断发展的领域，只有不断学习和实践，我们才能跟上时代的潮流，设计出更好的动效。5. 动效设计需要测试和优化：在设计动效时，我们需要进行不断的测试和优化，以确保动效在用户体验和使用效果上的最优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值