搜索 社区服务 统计排行 帮助
  • 4134阅读
  • 26回复

【1010】 [原创][PS-IR]用ImageReady做简易的GIF动画

楼层直达
级别: 工作组
注册时间:
2002-10-26
在线时间:
0小时
发帖:
3117
想了N久怎么写这篇教程……还是有点不知如何落笔的感觉~嘿
叶子做GIF动画的经验也不是很多,也是菜鸟一个地说,如今却要来冒充高手写教程,真是有些不好意思:o

嘿嘿,所以啦,这篇文仅是和大家交流一下,希望真正的高手们能多加指点^^

------------------------------------------------------------

以叶子的签名为例。使用的是PS自带的ImageReady软件。感觉这个软件应该还有更多的功能,不过,现在叶子只是用了其中动画的部分。



制作GIF前,先要有一张静态的图片,最好是已经用PS编辑过的PSD图片。这样需要的图层(比如图上要加的字等),在IR内虽然也可以编辑图片,建立图层,但总觉得不如PS顺手:o

打开IR内的动画(Animation)窗口,如果没有的话,可以在窗口(Windows)菜单内找到此项。

如上图所示,动画窗口内有新建帧、运行动画、调整每帧持续时间及动画循环方式的控制。

新建帧——这个不用多解释了吧~~整个动画就是一幅幅的帧在重复循环构成动画。
调整每帧持续时间——当前的帧持续的时间,以秒为单位。(这句也是废话……>_<)
动画循环方式——forever:重复循环;once:只循环一次 (一般都是选forever吧)

其次,就是图层(layer)窗口,这里的图层窗口是针对每一个帧来讲的。而叶子做的淡入淡出、图片切换就是修改了每一帧里部分图层的属性而已。

图片的切换:修改图层的可视性。例如,JIN大的图片和叶子的NT签名,建立2个帧,一个帧只显示JIN,一个只显示NT签名。那此GIF动画就会显示2个图片间切换的效果啦
淡入淡出:其实就是修改了图层的不透明度。拿图上的字体来讲,一开始设定该图层的不透明度为0,建立5个帧,每个帧此图层的不透明度增加20%,然后调整一下帧的持续时间,播放起来就有淡入淡出的感觉罗~~~:D

最后,保存图片时选择 File -> Save Optimize… 就可以保存该GIF动画了~

------------------------------------------------------------

咔嚓咔嚓……叶子真实佩服自己啊~~这么简单的东西还可以让偶啰里啰唆的说那么一大堆~~嘿嘿
希望这篇文能帮到桜^^

叶子觉得,图片的处理,不论是静态的还是动态的,最主要的还是创意。有好的创意,即使是用简单的手法也可以制作出很PP的图片:D

♥「爱」是无限大♥

==========================
【转让】台版漫画-黑执事 1-3卷 => 查看<
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 1楼 发表于: 2004-08-02
谢谢呀!
对IR不是很熟,刚好也不会做动态gif(除了上次Y君的那个教程),刚好拿来试试。^^

不过,IR的gif功能和UGA的功能比,谁更强啊?

※ 通往蘿莉国的秘境 ※

...........
级别: 元老
注册时间:
2004-03-28
在线时间:
9小时
发帖:
33679
只看该作者 2楼 发表于: 2004-08-02
其实PS和IR可以同时打开并交错编辑的.特别是使用PSD文件的时候
比如IR动画中突然需要变化某些效果, 只要同时在PS中打开该PSD文件即可编辑.无需保存再打开,2边是自动同时更新的
PS: 2M多的前面未免太大了吧
级别: 风云使者
注册时间:
2003-02-25
在线时间:
3小时
发帖:
9560
只看该作者 3楼 发表于: 2004-08-03
DOMOARIGADO~~~~><抱住葉子親親親親~~~~~~~~

試驗去- -+

對了,上次忘記問了,如果想要變換不同圖的方式,嗯.....就是説換幀的時候,我希望是溶解或者新聞快報或者閃爍的方式更換圖片,需要怎麽做呢?

汗.....抱歉.....做ppt太多了語言有點怪怪的覺得,希望葉子能看明白~~><

就是這樣了,以目標為本地達成心願,一心一意,對自己殘忍,就是要訣。
[color=]私、頑張ります!
级别: 工作组
注册时间:
2002-10-26
在线时间:
0小时
发帖:
3117
只看该作者 4楼 发表于: 2004-08-03
引用
最初由 桜(emu) 发布
DOMOARIGADO~~~~><抱住葉子親親親親~~~~~~~~

試驗去- -+

對了,上次忘記問了,如果想要變換不同圖的方式,嗯.....就是説換幀的時候,我希望是溶解或者新聞快報或者閃爍的方式更換圖片,需要怎麽做呢?

汗.....抱歉.....做ppt太多了語言有點怪怪的覺得,希望葉子能看明白~~><


换不同的图片其实就是把每个图片分别放在几个图层里,然后每一帧都只显示一个图层的话,那不就是几张图之间的切换了吗:D

溶解的话,虽然叶子还没试过,不过基本上应该可以用这样的方法解决:
  图层A,用白色填充(所要图片不能显示,完全被覆盖的状态)
  图层B-N(数量自定),较为密集白色点
  然后在每个帧内调节图层的可视性及不透明度,以达到从完全被遮盖到被较密集的白点覆盖到完全显露这一过程。
  不过如此做法得到的图片,如果真能显示出很自然的感觉的话,必然是以图片体积变巨大为代价的。

新聞快報或者閃爍……这几种特效……叶子太久没玩PPT了,都有些记不起来了,嘿,回家后再看看到底是什么效果:D

IR内应该还有不少功能能够解决这些问题,不过叶子还没玩到而已~ ^o^ 改天再好好研究一下地说

♥「爱」是无限大♥

==========================
【转让】台版漫画-黑执事 1-3卷 => 查看<
级别: 新手上路
注册时间:
2005-02-05
在线时间:
0小时
发帖:
33
只看该作者 5楼 发表于: 2005-02-16
我想把1句话加到图片里,然后制作成淡入淡出可是我想要1个字1个字的淡入淡出该怎么制作?
级别: 新手上路
注册时间:
2005-02-05
在线时间:
0小时
发帖:
33
只看该作者 6楼 发表于: 2005-02-16
还有就是我保存的时候没有GIF格式~郁闷了~
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 7楼 发表于: 2005-02-18
一个个字的淡入淡出可以逐字改变字的透明度实现。
保存gif动画用那个“将优化结果存储为……”或者按“Ctrl+Shift+Alt+S”。保存之前可打开优化面板进行调节后再使用此项。

※ 通往蘿莉国的秘境 ※

...........
级别: 新手上路
注册时间:
2005-02-05
在线时间:
0小时
发帖:
33
只看该作者 8楼 发表于: 2005-02-19
晕~不行啊~我保存的时候只有3个保存类型啊~
第1个是HTML和图象
第2个是保存JPEG的格式图象
第3个是只保存HTML

我该怎么办?
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 9楼 发表于: 2005-02-19
不是“保存”,是“将优化结果存储为……”

※ 通往蘿莉国的秘境 ※

...........
级别: 新手上路
注册时间:
2005-02-05
在线时间:
0小时
发帖:
33
只看该作者 10楼 发表于: 2005-02-19
我的是英文的~是不是save optimized as.......这个选项不是吗?但是我选这个选项的时候就是出现我上面说的情况啊~
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 11楼 发表于: 2005-02-19
嗯,我知道怎么回事了,应该是你先前不经意地改动了相关选项。

打开优化面板(菜单栏,“窗口”-“优化),看下图,你要把画红圈的部分选成gif格式,那样以后保存优化结果就是gif格式了。


※ 通往蘿莉国的秘境 ※

...........
级别: 新手上路
注册时间:
2005-02-05
在线时间:
0小时
发帖:
33
只看该作者 12楼 发表于: 2005-02-20
终于搞得了~
级别: 新手上路
注册时间:
2005-02-05
在线时间:
0小时
发帖:
33
只看该作者 13楼 发表于: 2005-02-22
请问要怎么做出图片之间的切换?
要怎么插入新的图片帧?
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 14楼 发表于: 2005-02-22
图片之间的切换?具体指什么?如果就是换张图的话,你在不同帧显示不同图层就可以了。

插入新的动画帧,你可以看到ImageReady的动画面板,决定好要加在哪帧后面后,那你就先点那帧,然后点动画面板下方右起第二个按钮(就是垃圾桶左边的那个),就可以插入新的帧了。

※ 通往蘿莉国的秘境 ※

...........
快速回复

限150 字节
上一个 下一个