如果您喜欢『PS学习网』，请推荐给您身边的朋友！本站永久域名：www.ps-xxw.cn
分析制作GIF图片的几个方法技巧
来源：网络作者：网络时间： 10:28:56点击：
　　同学们喜闻乐见的大多是来自设计师个人的经验分享，由于是过来人，他的技巧可能就能解决你现在的问题，实用性很强，今天针对Gif动画方面，分享7个鲜为人知的技巧，全是私人藏品，在这方面有问题的同学来瞧瞧有木有你想要的答案吧。
　　在InVision，GIF可不是消磨时间的玩意&&它们在市场和教育方面扮演着强有力的角色。更有甚者，我们在首页上用的就是GIF，而不是基于代码的炫酷动画。实际上，人们开始询问，&那些GIF你们怎么做出来的?&是时候透露一下秘密了。
　　设计GIF
一、秘密武器
　　这就是我不可告人的小秘密：所有的GIF是从视频文件开始的。我通常在ScreenFlow里制作，我们也用它来制作产品视频。它足够简单，学起来很快，内置了一些非常有用的动画工具。
　　将动画导出成视频文件后，我通过文件&导入&视频帧作为图层将它导入到Photoshop里。
　　高级技巧：如果ScreenFlow或After Effects超出你的预算，可以在Keynote里创作你的动画，然后导出成视频。是的，最后有这个选项。
二、更少的颜色，更多的乐趣
　　如果想要惊艳的GIF，你得精挑细选地使用颜色。它不仅会使文件大小激增，使用更少的颜色也能让你制作更长、更复杂的GIF，而且文件仍然可以相对较小。
三、可能的话，使用运动模糊
　　像ScreenFlow和After Effects这样的软件，能输出带有运动模糊效果的视频。这不仅使你的动画看起来更专业，而且为了压缩文件尺寸，要从Photoshop中的GIF里删掉一些帧，还能帮你蒙混过关。
　　想像一下，本文开头的那个GIF，我本来还能加很多东西进去。带有用户名的小提示、一个鼠标指针点击加号按钮、鼠标滑过头像触发更多提示和悬停状态。人们不用看到每个细节就能了解情况，所以就只展示需要展示的部分&&时间和文件大小是有限的。
　　下面这些诀窍可能会让你有些紧张，在这之前，先尝试直接导出GIF。如果文件大小可以接受，那么很好!继续这么做。如果它太大了，继续往下看。
五、删除重复的帧
　　你的动画很可能在某处会暂时停止。仔细观察，你会发现这些片段包含了一大堆重复的帧，每个0.03秒。如果有10个重复帧，删掉9个，把剩下的那个时间设长一些，比如说1秒。
　　如果这没用，尝试重新导入视频，但这次要选间隔帧。它会显著缩减文件大小。
　　高级技巧：这不是一条铁律，但如果你的GIF有超过150帧，你就得花好一阵子来削减文件大小。
六、缩减色彩
　　在Photoshop中保存GIF时，右边能看到一个下拉菜单写着&颜色&。随便调调。只要GIF不会变成一团糟，设得越低越好。
七、调整失真率
　　老实说，我甚至不知道失真率是什么意思。但我的确知道，如果你把它设置成1和10之间的某个数，就能在不降低画质的情况下剔除很多kb。
　　这些都不管用!求助!
　　如果上面方法都尝试过，但GIF大小就是压不下去，这时候需要倒退一步。你想做的是不是太多了?有没有其他方式达成你的目标?如果把它拆分成几个不同的GIF呢?就像大多数创意产品一样，如果你专注于一件事，你的GIF会表现更好。
[标签: , , , , ] [] []
&&PS学习网是一个专业的学习交流Photoshop的网站，本站致力于向广大PS爱好者提供一个学习与交流的平台，想要学习提高自己的PS水平，马上从这里开始吧…&&&&&&&&&&自我充实，写下错误，以后自己看
PhotoShop cc合并多张静态图片为gif动画
合并静态图片为动态图步骤：
1.新建空白区域
2.选择文件--&置入嵌入的智能对象，选择你要合并的图片第一张
3.把图片填充满空白区域，确认
4.创建时间轴
5.点击转为帧动画
6，删除背景图层（右键--&删除图层）
7.复制所选帧
8.选中复制的帧，选择文件--&置入嵌入的智能对象（置入第二张图片），调整位置，和第一张图一样大
7.点击复制帧，复制第三个，在置入嵌入的智能对象纳入第三张图，选择第三张图的时候前面两张图的眼镜要去掉，使其不可见
8，点击复制帧，选中第四帧，选择文件--&置入嵌入的智能对象，纳入第四张图，去掉其余的眼睛，选择播放循环次数为永远
9，保存 选择一般的保存和另存为保存的GIF为静态图片，经过一番摸索，正确的保存方式：
Ctrl+shift+Alt+S
注意保存的路径最好不要有中文
然后基本上存储一下就可以了
没有更多推荐了，up不棒，别夸我，受之有愧。
么么哒。你们最棒！投稿：37粉丝：1820分享--dynmicweibozoneqqbaidu将视频贴到博客或论坛视频地址复制嵌入代码复制微信扫一扫分享收藏0硬币--稍后看马克一下~用手机看转移阵地~用或其他应用扫描二维码手机下视频请使用扫码若未安装客户端，可直接扫此码下载应用看过该视频的还喜欢正在加载...miniOFF手把手教你将静态图片快速变成GIF动图_Photoshop教程_动态网站制作指南
手把手教你将静态图片快速变成GIF动图
来源：人气：5771
&　　今天介绍的是一个小软件 && Magic
Morph。我们将它和PS结合使用，就可让一张静态JPG图片通过简单的操作，变成有趣的GIF图。无图无真相，一起来看看教程!
　　原图：
　　(图片来自美剧 HEMLOCK GROVE的 海报) (经过 Magic Mph + PS 处理后的效果)
　　是不是很有意思!
　　废话不多说，快来看看是怎么做的吧!
　　第一步：
　　下载好 Magic Mprph 这个软件(http://pan.baidu.com/s/1sly2mKl)，和上图的那个海报原图;
　　第二步：
　　打开软件，点击新建变形;
　　分别点击&选择来源图像&和&选择目标图像&，且均选择我们准备好的同一张海报，然后确定;
　　第三步：
　　确定后，进入到下图的这个界面;
　　先看左侧的工具栏，这里我们主要用两个工具(下图红框突出的两个锚点工具);
　　这个锚点工具是我们控住整个画面不可动区域的，本案例只是让头部做动效，所以需要用这个锚点工具，将头部以外的区域都添加上&不可动&锚点。(在&来源图像&上添加一个锚点的同时，&目标图像&上也会自动添加同样位置的锚点，已达到不可动的目的)
　　效果图：
　　而这一个锚点工具是我们控住整个画面可动区域的，为了让头部有动效，所以需要用这个锚点工具，在&来源图像&和&目标图像&相对应的点上添加&可动&锚点。(例：在&来源图像&上左头部的鼻尖处添加一个锚点，&再在目标图像&上右头部的鼻尖处添加一个同样的锚点，这样就完成了一个点的过度动画;再按照同样的方法，分别为头部各个关键点添加&可动&锚点)
　　效果图：
　　都做好后，点击&生成电影&然后选择&GIF动画&，按照默认数值存出一个gif格式的图片到桌面;
　　到这里，在&Magic
Morph&中的工作就基本完成了;现在预览下制作的GIF图的话，会发现我们做的，除头部以外的不可动区域，因为锚点不够多，还是会有些许抖动;
　　所以接下来就要到PS里，去彻底修正一下!
　　第四步：
　　用PS打开做好的GIF图片，时间轴应该默认是逐帧的状态;我们需要把他转换为&视频时间轴&状态(如下图)
　　(下图为转换为&视频时间轴&后的状态)
　　设置好工作区后，我们置入最开始还没有做成GIF的原始海报jpg文件，并放在图层顶部;(当我们新建了一个图层时，时间轴这边也会增加对应图层的时间轴;但是它的时间轴长度会很长，我们并不需要，所以拖动尾部缩短它，并跟其他时间轴长度一致;)
　　置入原图后，为其添加&图层蒙版&将头部的位置涂成黑色;(这一步是为了用原图，将头意外有抖动的地方盖住，从而达到完全静止的效果;)如下图;
　　做完这些，就可以再次存出终版GIF图了，记得循环选项选择&永远&;
优质网站模板ps cs6制作gif动画教程;拼合多个GIF
我的图书馆
ps cs6制作gif动画教程;拼合多个GIF
硅谷动力学院刘老师近期将陆续推出photoshopcs6制作gif动画的教程，该系列教程将分为：基础篇、入门篇、提高篇、晋级篇、学有所成篇、高手实战篇、UGA的使用篇、其他软件使用篇和终极篇共九大系列！
　　刘老师在设计相关行业侵淫多年，有着丰富的实战和教学经验，此次呕心沥血推出的侧重于gif的教程，用了50多个效果来讲和GIF有关的PS功能。这套教程适合GIF爱好者、QQ表情制作、动态签名档、网站广告、Logo、彩信、淘宝装修等等。有不懂的、想支持老师的可以到其博客留言提问！
　　拼合多个GIF
　　嘿，大家好！才是真的好~这次带给大家的是拼合GIF教程。
　　看到很多网站都有类似的提问，怎么拼合GIF，看到所有的回答都是如出一辙的繁琐，所以给大家写一个只要30秒就可以拼合GIF的教程。这节课我把所有人当新手一样的对待，为了照顾只想学习这节课的童鞋。
　　素材图如下：
　　拼合后：
　　好的，我们只有30秒来完成，所以..要快！
　　1.请迅速打开我们的素材图（可以在素材上点击右键，然后图片另存为桌面），
　　在PS里打开后，请确认你的界面和下图相同：（分别有图片本身的窗口、图层面板、动画面板，当然工具栏我没弄进来，我想大家肯定知道工具栏一直在我们的左边待命）
　　如果没有时间轴窗口，请点击窗口》时间轴
　　如果时间轴为时间线模式，请点击转换为帧动画按钮，弹出提示直接点继续即可：
　　2.ok一切顺利的话请继续如下操作：因为刚才已经打开了兔斯基的素材了，现在继续打开我们的小猴子素材，点文件，打开即可。
　　打开后，点窗口》排列》双联垂直。
　　（注：如果您的ps不支持导入GIF，请安装quicktime，或者使用ps最新版本，PhotoshopCS6）
　　3.我们发现这两个素材帧数分别是18和21，但是合并GIF要求帧数完全相等。
　　这里给大家几个解决办法，如果你的素材帧数分别是3和2，那么你可以把帧复制把3帧的素材复制一次，变成6帧，把2帧的素材全部叠加到6帧上，即可完美解决。
　　但是，我们的素材不可能这样做，所以用另一种方法，21只是比18多3帧，我们看到小猴子的帧比较流畅，稍微删除几帧也不影响，你可以删除一些动作小的帧。（我删掉了小猴子的3、6、9帧）
　　4.选择兔斯基动画的第一帧，然后按住shift点击第18帧，这样会全选这些帧，然后点击动画面板的按钮，选择拷贝多帧。如图：
　　5.点击兔斯基的画面，点击动画面板按钮。选择"选择全部帧"
　　（这样和选择第一帧，然后按住Shift点击最后一帧，是一个效果）
　　如图：
　　6.然后再次点击这个按钮，选择粘贴多帧。如图：
　　在弹出的窗口中，选择"粘贴在所选帧之上"，并勾选"连接添加的图层"
　　7.我们看到整个画面被小猴子充满了，我们扩大画布。最方便的方法是用裁切工具。
　　选择裁切工具后，把画布拉大即可。如图：
　　8.我突然发现我拖拽的方向是错的。扩大画布的步骤应该是往右边，不过没关系，正好可以多教大家一个技巧。
　　把我们的小猴子用移动工具往左边拖动。以显示出刚才的兔斯基。如图：
　　9.我们看到刚才的裁切多了一些，再次用裁切工具把多出来的往回拉一点点来修复这个问题。但是猴子不能向着屏幕外边大笑的吧，技巧就在于，在第6步的操作中，我们在粘贴帧的时候，勾选了"连接添加的图层"。我们选择目前正在显示的小猴子的图层，然后按Ctrl+T（自由变换），然后选择"水平翻转"
　　这样小猴子就会冲着兔斯基大笑了。
　　10.看了看时间，刚好25秒了，我们还只有5秒，请迅速按下Ctrl+Shift+Alt+S（或者点文件
　　》存储为WEB所用格式…）
　　保存我们的动画。
　　完成后，请尝试用下边的素材做一个效果。
　　素材：
　　效果：
　　希望你在学习的时候，如果发现有错别字，或者语句不通顺以及其他问题，都可以告诉我，希望你在接受我帮助的同时，也能给我一些帮助，非常感谢！有不懂的可以到我的博客联系我，博客地址http://qzone.qq.com/gif8如果想支持我，也可以购买本教程的视频版本，博客日志里有购买地址。或者联系QQ-。70节教程每节课1元，如果购买全套只要50元。
　　由于学者比较多，所以我不对教程中的任何技术环节针对某一人做讲解，希望大家能理解。不然怕是不能再发新教程给大家了。如果你学习的时候，有很多困难不能解决，建议你在硅谷的PS专区看下PS基础课程。
　　素材下载地址：http://GIF8.ys168.com
责任编辑：申俊明
[转]&[转]&[转]&[转]&[转]&[转]&
喜欢该文的人也喜欢