Photoshop结合AE制作超酷的GIF动态图片
以下以Windows版AE CC、PS CC作为例子，其他版本大同小异，用MAC的同学自己转换一下快捷键哈，由于我习惯用英文版AE，大家可能用中文版比较多，我尽量都照顾。中文翻译以AE CC官方中文版为准。
1、使用软件：Adobe Photoshop、Adobe After Effect
2、关于GIF动图
GIF会动，是因为它是由很多单张的图片打包在一起播放，因而体积会很大，动辄好几兆，要发网上播放容易卡壳儿影响效果。当然适当的优化可以减小体积，更重要的是在做之前要心里有个数，在保证效果的前提下尽量避免会造成臃肿的情况。
那么什么参数会影响GIF图的体积呢?
①尺寸②动画时长③帧率④颜色数
尺寸、动画时长很容易理解;
帧率说的是每秒播放多少张图，帧数越大动画越流畅，代价就是体积变大，一般超过超过30就没意义了;
颜色数是很多人忽略也很重要的一个关键影响因素，颜色数越少体积越小，同时画质越差，但是很多动画本身就没用几种颜色，这里头的压缩空间就很可观了，所以那种有复杂写实背景的GIF通常要么体积巨大要么画质很渣。
尺寸我建议用dribbble的400x300像素，长度控制在10秒内，帧率25，颜色数根据动画的不同尽量用128以下的吧。
3、“动”之前的准备
除非已经很熟练了，不然那种一拍脑子就想三下五除二做一个好看的动图出来的行为常常事倍功半甚至一事无成。这里我强烈建议大家拿出笔和纸，画一画分解图，理清一下思路。分镜图不是什么高深的东西，只要能把关键的几个画面简单画出来，简单描述素材怎么运动就好，关键是自己边做的时候不会忘了要做啥，提高效率。下图就是第一次分享时一位学员画的分镜草图，一个很简单的天气图标动画，她用一个下午的时间就完成了自己的GIF处女作。
成品：
然后就是在PS里画了，大家都是玩UI的应该都很熟悉了。这里要注意的是要根据之前分镜设计的动作把素材分离好，分组、图层命名越清晰越好(或者你自己能记住哪个图层是什么东西也行)，图层样式保留着别栅格化了，最后存储成PSD文件。
4、将PSD文件导入AE
终于要到AE了!!!激动了有木有!!!先别急，导入PSD文件这一步很重要，很多新手卡在这儿了。
启动AE，文件→导入→文件，或者直接快捷键CTRL+I，选择要导入的PSD文件：
注意了，先别急着按导入，在“导入为(Import As)”下拉菜单选择“合成 - 保持图层大小(Composition - Retine Layer Sizes)”，再按导入，这样就能保持图层的独立性了。
另外两个选项，Footage(素材)就是将这个PSD当成一张图导入，而Composition(合成)则和我们的选择很像只不过导入的每一张图层都是等同画布大小，中心点也是一样的。
然后AE会问你是否保留图层样式(Editable Layer Styles)，当然留着了!
点确定，然后就在项目列表里看到了我们的合成(Composition)，以后我们就要在这个合成里完成各种酷炫狂拽吊炸天的动画了——不过在此之前我们还得设置好才行。在合成上右键→合成设置(Composition Settings)
长宽都自动继承了PSD文件画布的设置，像素长宽比(Pixel Aspect Ratio)选方形像素(Square Pixel)，帧率(Frame Rate)设为25，时长(Duration)设为10秒，其他默认就好了，然后点确定。
合成设置也可以在这里找到：
然后就开始我们的动画之旅吧!别忘了存盘哦(Ctrl+S)!
5、在AE里制作动画
将PSD文件正确导入AE之后，我们就可以开始动画的制作了，介于本篇教程是基础篇，具体的动画内容、技巧等不作太多赘述，计划在以后的教程里做展开。这里只聊聊AE的基本操作。
首先我们看下AE的界面：
双击打开PSD文件同名的合成(例：未标题-1)
ps常用快捷键总结photoshop常用的所有快捷键
关于ps常用快捷键总结，photoshop常用的所有快捷键这个很多人还不知道，今天来为大家解答以上的问题，现在让我们一起来看看吧！1、【1】CTRL+SHIFT+单击 (选择多个对象)【选择工具】非”自动选择“状态下：1. 按 CTRL + 左键可以选择对象2. 按 CTRL + SHIFT + 左键可以选择多个对象注意：【选择工具...
结婚证模板图片ps-结婚证制作需要用到绘图软件吗,制作方法是怎样的呢...
第一步:找素材图不管你是偏爱卡通风格还是浪漫风格,找到一张喜欢的底图十分重要,这代表了整个电子喜帖的基调。爱结编辑选择的是手握捧花的少女,素雅清淡,同时找到了淡蓝色的蝴蝶结素材,把他们在Photoshop中打开,使用“拖动”工具放到同一文件页面中。结婚电子喜帖怎么做教你如何用PS创作受欢迎的喜帖结婚电子...
急求看图软件和ps一体的软件
推荐软件：Adobe Photoshop结合图像处理软件 一、明确答案 看图软件：推荐Adobe Bridge，它是一款专业级图像浏览管理软件，适合查看和管理大量的图片。PS一体软件：首选Adobe Creative Cloud套件中的Photoshop系列软件，包含Photoshop图像处理软件和Lightroom图像处理及照片管理功能。这两个软件功能强大且相互协作，可...
用Photoshop制作结霜的甜糖字效果
甜蜜的糖果是一种大多数人都喜爱的零食，那么有没有想过用Photoshop制作这种结霜的甜糖文字效果呢，在本教程中，你将学习如何制作一个含糖文字，主要应用了photoshop中自定义画笔，图层样式等技术，这种效果是不是很不错，赶快来学习吧，先来看看效果图：步骤如下：Step 1打开一张黑色质感背景图，打上...
PS有哪些基本功能?
Photoshop（简称PS）是一款功能强大的图像处理软件，它广泛应用于图形设计、图像编辑、数字艺术等多个领域。下面详细介绍PS的一些基本功能：1. 图像编辑：这是PS最基础的功能之一，允许用户对图像进行各种变换，如调整大小、旋转、翻转和裁剪。此外，用户还可以进行图像修复、去除瑕疵、颜色调整等编辑操作。2....
photoshop制作组织结构图
做组织架构图用矢量软件CorelDRAW和illustrator最好，因为线条都比较方便 1、如果非要用Photoshop做组织架构图，步骤如下：用钢笔工具——画笔描边进行线条的绘制通过复制粘贴，以及CTRL+T自由变换调整线条长短和方向。选择矩形或者圆角矩形工具进行连接框的绘制，最后填充文字即可 2、需要注意的是，最开始做的...
photoshop发布了多少个版本?
ps发布的版本按时间先后顺序为(截止2015年)：Photoshop 1.0.7版、Photoshop 2.0版、Photoshop Windows版、Photoshop 3.0版、Photoshop 4.0版、Photoshop 5.0版、Photoshop 5.5版、Photoshop 6.0版、Photoshop 7.0版、Photoshop 7.0.1版、Photoshop CS（8.0）版、Photoshop CS2版、Photoshop CS3版...
哪有photoshop教程下载下载``
1. Adobe Photoshop 9.0 官方视频教程 Adobe Photoshop CS 9.0正式版最新官方视频教程。dl.pconline.com.cn\/html\/1\/0\/dlid=13790&dltypeid=1&pn=0&.html 2. Photoshop终结者 ebook1.00 教程目录：第一部分：lesson培训课程（10课）第二部分：easyphotoshop系列（10课）第 www.onlinedown.net...
总结下Adobe Photoshop CS2各种功能的快捷键?
取消当前命令：Esc；工具选项板：Enter；选项板调整：Shift＋Tab；退出系统：Ctrl＋Q；获取帮助：F1；剪切选择区：F2 \/ Ctrl＋X；拷贝选择区：F3 \/ Ctrl＋C；粘贴选择区：F4 \/ Ctrl＋V；显示或关闭画笔选项板：F5；显示或关闭颜色选项板：F6；显示或关闭图层选项板：F7；显示或关闭信息选项板：F8；...
ps都有哪些版本的
PS有多个版本，主要包括以下版本：一、Adobe Photoshop系列版本 Adobe Photoshop是图像处理领域的领先软件之一，已发布了多个版本。其中常见的版本有：Photoshop CS、Photoshop CC、Photoshop 2020等。这些版本主要在功能更新、性能优化及用户体验方面有所区别。随着版本的更新，软件的处理速度更快，工具更加丰富，...
酆促巴戟： 可以的 1、先将你制作的ps文件保存为psd格式 2、打开AE,然后将你保存的ps文件导入 3、注意导入的时候不合并图层,以便后面的特效制作 4、接下来就是AE的特效制作了
青山区13333255008： 如何使用AE制作UI设计3D动效 - ？
酆促巴戟： 工具 1. After Effects CS6 or CC 2.Photoshop CS6 or CC 2. 设计流程 After Effects 1. 在一个合成中创建转场效果2. 另外一个合成中创建展示效果3. 导出 Photoshop 4. 优化GIF图像 素材 背景图一张 透视效果模板一张 一、基本构建 创建转场效果合...
青山区13333255008： AE特效,制作方式 - ？
酆促巴戟： AE全称After Effect是adobe公司开发的一个影视后期特效合成及设计软件. 现在影视媒体已经成为当前最大众化,最具有影响力的媒体表现形式 .从好莱坞创造的幻想世界,到电视新闻所关注的现实生活,再到铺天盖地的广告,无一不影响到...
青山区13333255008： 我用ps画素材人物,输入到AE可以做出比较细腻的动画吗?就是类似flash效果的比较细腻的. - ？
酆促巴戟： 如果是要做关节角色动画的话,其实AE比起flash要好用的,特别是对于为图素材来说,AE比起falsh要强多了.就把AE里的合成场景当作flash里的元件来用就行,就能做出复杂的嵌套动画了.用ps画素材的时候注意保留图层的alpha透明,存成...
青山区13333255008： Photoshop和Illustrator以及After Effects如何有机的结合起来?？
酆促巴戟： 用PS做效果,Illustrator做矢量,AE中的一些效果也可以与这两个配合使用,或者结合起来做特效动画等
青山区13333255008： AE特效制作 - ？
酆促巴戟： AE全称After Effect是adobe公司开发的一个视频剪辑及设计软件.Adobe After Effects ,用于高端视频特效系统的专业特效合成软件,隶属美国Adobe公司.它借鉴了许多优秀软件的成功之处,将视频特效合成上升到了新的高度:Photoshop中层的引入 ,使AE可以对多层的合成图像进行控制,制作出天衣无缝的合成效果; 关键帧、路径的引入,使我们对控制高级的二维动画游刃有余;高效的视频处理系统,确保了高质量视频的输出;令人眼花缭乱的特技系统使AE能实现使用者的一切创意;AE同样保留有Adobe优秀的软件相互兼容性.
青山区13333255008： ps的图片导入到ae 如何做3d效果 要那种能显示动态的？
酆促巴戟： AE做3d需要安装3D插件,我用的是E3D,你也可以用C4D插件.
青山区13333255008： PS 和 AE怎么制作这种效果 还是有什么滤镜!求大神赐教 具体步骤!有滤镜赐教滤镜名字 - ？
酆促巴戟：自定义图案,新建图层填充刚建立的那个图案,适当调整下透明度即可!
青山区13333255008： ae怎么做ps彩色半调效果 - ？
酆促巴戟： AE里面有很多都是插件来得到目的的.不知道是要做视频还是图片.如果是图片,还是在PS里做吧,如果是视频.请下载有关调色的AE插件.网上很多,自己搜下.安装后就能用了,跟PS用法差不多 望
青山区13333255008： ae特效怎么用？
酆促巴戟： 可以去买本教程,边学边用.AE是个积累的过程.
