查看: 13433|回复: 4
上一主题 下一主题 跳转到指定楼层

用Ulead Gif Animator制作GIF表情

910

主题

6564

存在感

883

活跃日
喵~在线 お兄様♡♡
 6 

SOS团顾问

发帖: 4682
SOS币: 748508
社团: 魔法大学附属第一高中
注册: 2009-05-17
访问: 2024-05-04

楼主
发表于 2012/02/24 | 编辑

猜你喜欢: GIF, kmp, imageready



联动:用Imageready制作GIF表情

喵月的教程概括了使用KMP截图及使用Imageready做Gif。留意一下Photoshop CS3以上已经将Imageready整合进程序内,所以就不用问去哪找了……

本文将介绍使用另一著名Gif软件——Ulead Gif Animator(UGA)制作Gif表情。功能上来说,Photoshop做Gif的能力远比UGA全面;不过对以帧来製作,不用花巧特效的Gif表情,使用UGA的优点则是简单易学。市面上还有诸如Easy Gif Animator、GIF Movie Gear等等,制作过程跟UGA差不多,所以这里就略过了。
(MovieGear的教程atm弄了一个很详细的视频,有兴趣的可点:http://www.sosg.net/read.php?tid=280865)
顺便说说,虽然Movie Gear在去帧压缩等都比UGA简便,但同一套图UGA出来的质素会比Movie Gear好一点点,作為质量追求者笔者还是推荐UGA的!(其实笔者第一个学的是UGA也是原因 =_,=)

截图方面,除了上面说的使用KMP外,这里也顺便写下Pot Player的截图方法。Pot Player的滤镜比KMP全面,而且支援传说中的10bit视频和硬解,是对图片质量有要求者的不二之选!



Pot Player截图教程

首先在想截图时暂停一下,按CTRL+G调出截图功能表。

图片需登录后查看


这里除了2个数值外其他都没啥好说的
1. 截取影格——就是截取影格数量,设成1的话无论跑多久它都只会截1帧,所以绝对要设成999。
2. 截取间格——每隔多久才截一帧。至於要隔多久这个就看自己喜好了。如果你要做的是QQ用表情,那麼正如我在 这里 所说的,帧间隔為0.1秒,所以截取间格设成100ms就够用了。记著截取间格数值越少,帧数越多动作越细致Gif档案也越大,这个要身為作者的你去衝量取捨了。

设完后按开始,然后继续播放,这时候Pot Player就会自动截图,直至你再按一次功能表的停止或CTRL+G為止。回到输出的资料夹,把头尾无关的帧删走,就得出需要的帧了。

如果要手动逐帧截取,请记著CTRL+E是截取,而F是下一帧 (顺带D是上一帧不过多数没用,原因是帧更新了画面却不会更新=没用。)
其他选项可在 右键->视讯->图像擷取 找到,自己试试吧!






UGA製作Gif教程

下载啥的不用问我吧,网上一堆资源,输入Ulead Gif Animator 5.05自己找去。
首次打开UGA可能会有精灵弹出来,这时不管什麼全部关闭!真正的制作者是不需要精灵帮忙的!

图片需登录后查看



好,言归正传。档案->新增 (或CTRL+N)

图片需登录后查看


画布大小先按你的截图大小设置(之后会压缩的)

接著将要製成Gif的帧拖拽到下边的序列表上:
图片需登录后查看

留意UGA会保留第一帧当空白帧,所以习惯拖完后把第一帧删掉

图片需登录后查看

设定帧间隔可选择帧后按右键->属性。留意这里的单位是1/100秒,10/100秒=0.1秒=100ms。

图片需登录后查看

点选左边工具列的矩形选择,在画布上划出需要的选区。点选上方「符合宽度和高度」的话就能强制划出方形的选区。
搞定后按 编辑->裁剪画布 或 CTRL+R 。


图片需登录后查看

按 编辑->调整图像大小,然后设定好输出的尺寸。


按 档案->另存為->GIF档案 或 CTRL+SHIFT+S 存档,完成。
图片需登录后查看





优化Gif

上面的Gif為124kb (15帧),假设我觉得档案很大,可以怎压缩?
如果有用UGA的话,可以开一个173x120的画布,把上面的gif扔进UGA,就能跟著下边一起做了。

1. 删去相同帧
帧1,2,3是相同的帧,留著的话只会无意义地增加档案大小。这时把其中2帧删除,相对地将剩下一帧的时长调成30/100(0.3)秒。
图片需登录后查看


效果:
图片需登录后查看

116kb,13帧


2. 删去相似帧
还是觉得大?这时我们再删走相似的帧吧。稍微减低动作的流畅感,换取更少的档案空间。
把新Gif的帧看一遍,发现6,7,8的帧相似,9和10相似,这时候果断每边删剩一张。
留意这时间隔就不要相对地调成0.3和0.2秒了,否则出来的Gif就像卡著一样难看。

效果:
图片需登录后查看

90kb,10帧


最佳化
在画布点选最佳化分页。

图片需登录后查看

这里可以调的参数很多,会破坏图像顏色的色彩数/减低就略过了。除非你要深入微调,否则请保持256和0的设置。
右边红圈是加入透明像素,将多餘像素取代,一般可在不影响图下略略减低档案大小,推荐点选。
然后就是抖动了。这是通过顏色互融达到顏色更柔的选项,在低色数下效果尤其明显:
图片需登录后查看

不过对256色的表情来说,抖动是没大用处的,有时甚至会造成画面起粒,影响观感!
所以可以调低甚至调成0以大量节省空间。




渐变效果

渐变效果是Gif表情常用的循环方法之一。在UGA内的设置相当简单。
首先将第一帧移动去最后。
图片需登录后查看


按 右键->tween 或 CTRL+T
图片需登录后查看


设置如下:
图片需登录后查看

确定,储存后效果:
图片需登录后查看



话虽如此,笔者并不十分推荐这种循环方法,首先,档案大小会被拖大,而且新插入的帧对於场境来说并无帮助。这时可以DIY各种循环方法,这个牵涉到设计思维,有机会再跟大家讨论吧。
此帖被评分,最近评分记录
存在感:2(远东夜鸟)SOS币:150(远东夜鸟)

8

主题

9

存在感

50

活跃日
喵~离线 有事找我
 5 

SOS团二星级★★

1楼
发表于 2012/02/24 | 编辑
为什么感觉现在除了金馆长系列之外用的动态表情有点少

324

主题

1636

存在感

410

活跃日
喵~离线 哦 又是一年
 8 

SOS团五星级★★★★★

2楼
发表于 2012/02/24 | 编辑
引用第1楼斑鸠的英雄2012-02-24 00:56发表的“”:
为什么感觉现在除了金馆长系列之外用的动态表情有点少


不可能所有做出来的表情都被使用,使用表情看个人爱好,做出来表情让使用者自己挑选喜欢的就算是达到目的了

1

主题

20

存在感

10

活跃日
 2 

实习生

3楼
发表于 2013/04/27 | 编辑
好好玩的样子,O(∩_∩)O哈哈~,51回家试试。以前直接在flash里面做的,画质渣透了。。。

280

主题

188

存在感

37

活跃日
帅哥离线 那啥........
 5 

SOS团二星级★★

4楼
发表于 2013/05/20 | 编辑
噗,谢谢楼主非常有用的详细的教程哇~制作成功~
图片需登录后查看

关于我们|无图版|SOSG WIKI

Copyright © 2006-2024 SosG.Net
Total 0.031109(s) query 8, Gzip enabled,  沪ICP备07006640号-3