魔方吧·中文魔方俱乐部

标题: 制作推箱子GIF动画教程 [打印本页]

作者: anian 时间: 2010-1-19 11:32:40 标题: 制作推箱子GIF动画教程

需要程序：

YSokobanBMP (中/英文版本):

YSokobanBMP_v1_205_(with_language_files).7z (167.53 KB, 下载次数: 58)
IrfanView 有中文版本，我用的是英文版本:

irfanview425_with_Chinese.7z (1.33 MB, 下载次数: 53)
UnFREEz:

unfreez.zip (19.55 KB, 下载次数: 34)

程序说明：

irfanview425_setup.exe -- 是英文版本。
如想用中文，需要安装 irfanview425_setup.exe 和 irfanview_lang_chinese.exe。

YSokobanBMP.exe 要放到YSokoban.exe的文件夹，不然就看不到中文

YSokobanBMP更新：中/英文版本YSokobanBMP可以放到任何路径。将YSokobanBMP.exe和YSokobanLng_ch_simplified.i18n放到同
一个文件夹就可以。

还有， 7z文件可以用WinRAR打开。

制作GIF动画的几个步骤：

1。  截图: (Screen capture)
   a. 打开YSokobanBMP.

   b. 打开你想做截图的关卡和答案。
      在这里假定YSokobanBMP已经有关卡的答案。
      (注: 在右下角选择答案。如果只有一个答案就不用选了。)

c. 注意：YSokobanBMP的左上角是写着 "未进行截屏!!! "

按CTRL+F3 (启动截图)
现在， YSokobanBMP的左上角是没有写着 "未进行截屏!!! ".

d. 按F2放影答案， YSokobanBMP会自动截图。

   所有截图都是储存在YSokobanBMP的文件夹。图片格式是BMP。
   截图是整个YSokobanBMP窗口都截下来。
   文件名字是frame_xxxxx.bmp。 xxxxx是一个五位数的数字。如： frame_00000.bmp。

   答案放影完了，可以关掉YSokobanBMP。


2。  修剪/裁切/由BMP格式传换到GIF格式:  (Crop and convert BMP to GIF)
   因为YSokoban截图是整个窗口都截下来, 如果你只是想要关卡的部分, 就需要做修剪。
   如果你不需要做修剪, h步骤不需要选择 "CROP".  (或用其它软件来做BMP到GIF格式传换)

   a.  打开IrfanView

   b.  打开任何一张截图 (直接拖拉一张截图到IrfanView就可以)

   c.  用鼠标在图片选择你想留下的地方。

   d.  留意IrfanView窗口最上面写的 "Selection"  (如： Selection: 146, 87; 302x280; 1.079)
      为了方便描述，叫它们做A， B， C，和D吧。
      (如:  A = 146, B = 87, C = 302, D = 280. 1.079 不需要用.)
      下面h步骤会用到。

   e.  按B键启动"Batch conversion".
         (也可以到 "File,  Batch Conversion/Rename..." 启动)

   f.  左边选择 "Batch conversion",
         Output format 选择 "GIF - Compuserve GIF".
         选择 "Use advanced options (for bulk resize)...",
         输入文件输出的路径 (如： F:\t\xxxx\x)
      右边选择和加入所有的截图

   g.  按 "Advanced".
      然后会看到另外一个窗口 (Set for all images).

   h.  选择 "CROP",  (需要用d步骤的A, B, C和D)
      Start Corner, 选择 "Left top".
      X-pos: 输入A数.
      Y-pos: 输入B数.
      Width: 输入C数.
      Height: 输入D数.

      我的例子 "Apply changes to all pages (if TIF saving)" 也选择，其实是无关重要。
      其它什么都不需选择: 如 "RESIZE", "CHANGE COLOR DEPTH".

      按 "OK".

   i.  现在返回到"Batch conversion"窗口.
      按 "Start Batch".

修剪和格式传换BMP到GIF是同一时间完成的。
完成的时候，你会看到 "Batch conversion done":

   在我的例子，所有修剪/格式传换过后的文件是在 F:\t\xxxx\x 文件夹.

   修剪和格式传换完了，可以关掉IrfanView。

3。  制作GIF动画：
   a. 打开UnFREEz

b. 拖拉那些GIF图片到UnFREEz

c. 选择图次序和每幅图的延缓时间。

   d. 点击 “Make Animated GIF”。
      程序会问你输入GIF动画文件名称和路径。

整个制作过程完成!

后话：因为UnFREEz不做任何优化，所以做出来的动画文件比较大。
想文件尺寸小一些的话，可以用一个有GIF优化功能的动画制作软件。 (如：Ulead GIF Animator)

[ 本帖最后由 anian 于 2010-1-28 04:29 编辑 ]

附件: irfanview425_with_Chinese.7z (2010-1-19 11:32:40, 1.33 MB) / 下载次数 53
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5Njd8MWRkZmE5ZGF8MTc2MjQ4MzIzMHwwfDA%3D

附件: unfreez.zip (2010-1-19 11:32:40, 19.55 KB) / 下载次数 34
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5Njh8ZjQ2YmEwZmF8MTc2MjQ4MzIzMHwwfDA%3D

附件: 1_b.png (2010-1-19 11:32:40, 54.24 KB) / 下载次数 225
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5Njl8MzA1YTkwNmZ8MTc2MjQ4MzIzMHwwfDA%3D

附件: 1_c_before.png (2010-1-19 11:32:40, 29.6 KB) / 下载次数 199
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5NzB8MmUwZWJlMDl8MTc2MjQ4MzIzMHwwfDA%3D

附件: 1_c_after.png (2010-1-19 11:32:40, 29.79 KB) / 下载次数 198
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5NzF8YzRmZDcwZDh8MTc2MjQ4MzIzMHwwfDA%3D

附件: 1_d.png (2010-1-19 11:32:40, 23.19 KB) / 下载次数 202
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5NzJ8OWU5YTk1ZjF8MTc2MjQ4MzIzMHwwfDA%3D

附件: 2_c_d.png (2010-1-19 11:32:40, 76.27 KB) / 下载次数 216
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5NzN8Zjk4NjFjOGF8MTc2MjQ4MzIzMHwwfDA%3D

附件: 2_g.png (2010-1-19 11:32:40, 25.58 KB) / 下载次数 207
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5NzV8MzcxNjE1MzB8MTc2MjQ4MzIzMHwwfDA%3D

附件: 2_h.png (2010-1-19 11:32:40, 51.31 KB) / 下载次数 220
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5NzZ8NzgxZTMyM2V8MTc2MjQ4MzIzMHwwfDA%3D

附件: 2_i1.png (2010-1-19 11:32:40, 30.94 KB) / 下载次数 208
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5Nzd8MzZmOTMxMmJ8MTc2MjQ4MzIzMHwwfDA%3D

附件: 2_i2.png (2010-1-19 11:32:40, 33.23 KB) / 下载次数 211
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5Nzh8MDcyYWJhMjd8MTc2MjQ4MzIzMHwwfDA%3D

附件: 3_a.png (2010-1-19 11:32:40, 26.51 KB) / 下载次数 196
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5Nzl8NTI3MjIxMGR8MTc2MjQ4MzIzMHwwfDA%3D

附件: 3_b.png (2010-1-19 11:32:40, 29.13 KB) / 下载次数 216
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5ODB8Mzg4OGEwMWN8MTc2MjQ4MzIzMHwwfDA%3D

附件: 3_c.png (2010-1-19 11:32:40, 28.86 KB) / 下载次数 197
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5ODF8YmVmOGViNzF8MTc2MjQ4MzIzMHwwfDA%3D

附件: 3_d.png (2010-1-19 11:32:40, 28.57 KB) / 下载次数 206
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5ODJ8NGYxYmEwY2R8MTc2MjQ4MzIzMHwwfDA%3D

附件: test_new.gif (2010-1-19 11:32:40, 791.13 KB) / 下载次数 221
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODU5ODN8OGNkNTllZTh8MTc2MjQ4MzIzMHwwfDA%3D

附件: 2_e_f.png (2010-1-20 03:21:04, 64.75 KB) / 下载次数 201
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODYyNDZ8M2EyYTJkOGR8MTc2MjQ4MzIzMHwwfDA%3D

附件: YSokobanBMP_v1_205_(with_language_files).7z (2010-1-28 04:29:56, 167.53 KB) / 下载次数 58
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcyMjN8MThiOWRmZTN8MTc2MjQ4MzIzMHwwfDA%3D

作者: migl 时间: 2010-1-19 13:15:09

很专业地说

拿下了先~

刚才偷偷试作了一个：

等有空了再试试看教程的方法。

[ 本帖最后由 migl 于 2010-1-19 13:28 编辑 ]

作者: 管窥子 时间: 2010-1-19 15:36:34

多谢anian兄作这么详细的教程，有时间我也试试。

米糕兄作的也很有意思，如果把那个到位点涂成黑色是不是更有意思？

作者: migl 时间: 2010-1-19 16:55:59 标题: 回复 3# 的帖子

有空的话，P一个

作者: 西北天狼 时间: 2010-1-27 12:20:52

图像小了点，考验你的眼力！

附件: tiaozhan.gif (2010-1-27 12:20:52, 202.31 KB) / 下载次数 199
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcxNzJ8NWZiZTc3MzV8MTc2MjQ4MzIzMHwwfDA%3D

作者: anian 时间: 2010-1-27 13:50:26

感谢天狼兄分享!

不知道你是用什么软件制作GIF动画？
(应该不是unFREEz和Ulead Gif Animator (UGA)。)

我下载了你的动画再用UGA优化，得到个小一点的文件(127KB)。

如果用一个很相近的皮肤重新制作，得到76KB。

如果用一个大一点的皮肤，那文件就大一些：

如果答案太大(即图片太多)，可以考虑删除推与推之间的步行。

附件: tz3.gif (2010-1-27 13:50:26, 75.88 KB) / 下载次数 205
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcxNzR8N2U3YzljZTJ8MTc2MjQ4MzIzMHwwfDA%3D

附件: tz2.gif (2010-1-27 13:50:26, 213.54 KB) / 下载次数 200
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcxNzV8ZDAwZDY1NzN8MTc2MjQ4MzIzMHwwfDA%3D

附件: tz4.gif (2010-1-27 13:50:26, 118.83 KB) / 下载次数 196
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcxNzZ8YjZiZjhhMTR8MTc2MjQ4MzIzMHwwfDA%3D

作者: 西北天狼 时间: 2010-1-27 14:24:45

刚起步学。瞄着1#的步骤，开始用unFREEz做出来是6M，用Ulead Gif Animator做出来是1.21M都不让上传，只好缩小了图片

！

[ 本帖最后由西北天狼于 2010-1-27 14:26 编辑 ]

作者: anian 时间: 2010-1-27 14:53:35

天狼兄可以试试这个皮肤：

sf_16rg.7z (3.34 KB, 下载次数: 12)

6#楼第二个GIF动画就是用这个皮肤。
无需缩小图片， UGA (v2.0)做出来是214KB。
UGA (v2.0)是最后的免费版本。我也试过UGA v5但觉得不好用。

我很想找UGA (v1.5) 试试，但找不到。
有人知道在那里可以下载吗？ (v1.5应该是免费的版本。)

附件: sf_16rg.7z (2010-1-27 14:53:35, 3.34 KB) / 下载次数 12
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcxOTd8Mzc1YjFmMzV8MTc2MjQ4MzIzMHwwfDA%3D

作者: 西北天狼 时间: 2010-1-27 16:04:46

用UGA v5.1重做了一下优化，选的艺术线16。

附件: tiaozhan0.gif (2010-1-27 16:04:46, 267.71 KB) / 下载次数 199
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=ODcxOTl8NjllMmNlNzB8MTc2MjQ4MzIzMHwwfDA%3D

作者: anian 时间: 2010-1-27 22:15:48

选择艺术线和减少颜色是很有效的方法缩小文件。

作者: stopheart 时间: 2011-8-2 09:21:39

今天终于鼓起“勇气”学了一下，真好，比想像的简单。多学anian兄

[ 本帖最后由 stopheart 于 2011-8-2 10:11 编辑 ]

附件: a1.gif (2011-8-2 10:11:03, 957.54 KB) / 下载次数 100
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=MTUzMTk2fDk4YjJkYzhmfDE3NjI0ODMyMzB8MHww

作者: anian 时间: 2011-8-2 11:40:39

恭喜stopheart兄鼓起勇气学习, 而且成功制作GIF动画!

其实制作GIF动画过程简单。基本上只是截图和制作GIF动画。
修剪那个步骤可以不做。做了就好看点和动画文件小一点。

stopheart兄是否觉得我的描述过于详细，步骤太多？
你现在也有制作经验，如果觉得步骤太多，请你看看那些不用或者简化。
尽量做到简短, 容易明白。

还有一样我没有说的：如果你不喜欢YSokoban截图文件储存的路径，你是可以改的。

在按CTRL+F3之前，你可以先按ALT+F3改变路径。

作者: 焚寂 时间: 2011-8-2 11:48:34

箱子帝V5啊！....

作者: stopheart 时间: 2011-8-2 15:55:29

anian兄，你的详细是必须的，唯一值得批评的地方，刚刚被你补上，呵，就是路径的问题，让我有些头痛。

ps:刚才我运行YSokobanBMP.exe文件，按alt+f3没有反应，还有我运行YSokobanBMP.exe文件时，告诉我无法打开default.SokoInfo。
而运行YSokoban.exe，按alt+f3时，报错，下图，怎么回事儿？

[ 本帖最后由 stopheart 于 2011-8-2 16:05 编辑 ]

附件: 1.gif (2011-8-2 16:05:43, 18.22 KB) / 下载次数 89
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=MTUzMjcxfDgwODhmM2RifDE3NjI0ODMyMzB8MHww

作者: anian 时间: 2011-8-2 23:14:15

YSokoban和YSokobanBMP其实是同样的推箱子程序。
它们所有用的文件和设定都是一样的。
只是一个有截图功能，另外一个没有。
也是这个原因，如果你之前打开YSokoban而又是用“default.SokoInfo”，
关了YSokoban再打开YSokobanBMP它也是用“default.SokoInfo”。
如果YSokoban和YSokobanBMP路径不同了就会有问题。
将YSokoban和YSokobanBMP放到同一个文件夹就没事了。

如果不想麻烦的，你直接用YSokobanBMP就有齐了所有YSokoban功能。

ATL+F3这个功能或许你用的YSokobanBMP没有。 (版本问题)

你可以下载这个附件，将里面的文件放到你现在的YSokoban程序文件夹就可以。

附件:

ygp_sokoban.7z (445.88 KB, 下载次数: 26)

ATL+F3这个功能， YSokoban和YSokobanBMP是不同的。
在YSokobanBMP，它是用那来选择储存BMP文件的路径。

你看到的不是报错。
因为YSokoban没有截图的功能，所以ALT+F3根本没有用。
在YSokoban，作者用ALT+F3来做DEBUG用途。

[ 本帖最后由 anian 于 2011-8-2 23:24 编辑 ]

附件: ygp_sokoban.7z (2011-8-2 23:17:12, 445.88 KB) / 下载次数 26
http://bbs.mf8-china.com/forum.php?mod=attachment&aid=MTUzNDM1fDk3N2I0MDhhfDE3NjI0ODMyMzB8MHww

作者: stopheart 时间: 2011-8-4 08:40:44

谢谢anian兄详细的讲解，如你所说确实是版本的问题，我原本两个文件放在同一个目录，刚才解压你给的三个文件，解决了所有问题。
穿越功能我已经学会了，下一步试着学学宏。在百度贴吧，我贴出的动画在回复栏里仍然是不动的，不知道是不是win７的原因？
另外，存储图片需要每次都按？

作者: anian 时间: 2011-8-4 10:31:49 标题: 回复 16# 的帖子

>>> 存储图片需要每次都按？

你是问 "存储图片是否每次需要按ALT+F3来改变路径？”
如果这是你想问的，答案是：不。做一次就够了。
除非你想再改变路径。

欢迎光临魔方吧·中文魔方俱乐部 (http://bbs.mf8-china.com/)