魔方吧·中文魔方俱乐部

 找回密码
 注册
搜索
热搜: 魔方
查看: 369129|回复: 16

制作推箱子GIF动画教程 [复制链接]

Rank: 7Rank: 7Rank: 7

积分
2010
帖子
1577
精华
3
UID
91928
性别
保密

超级搬运工 六年元老

发表于 2010-1-19 11:32:40 |显示全部楼层
需要程序:

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已经有关卡的答案。
         (注: 在右下角选择答案。 如果只有一个答案就不用选了。)

1_b.png



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

1_c_before.png


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

1_c_after.png


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

1_d.png


     所有截图都是储存在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.  用鼠标在图片选择你想留下的地方。

2_c_d.png



     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..." 启动)

2_e_f.png
  

     f.  左边选择 "Batch conversion",
             Output format 选择 "GIF - Compuserve GIF".
             选择 "Use advanced options (for bulk resize)...",
             输入文件输出的路径 (如: F:\t\xxxx\x)
         右边选择和加入所有的截图
         
     g.  按 "Advanced".
         然后会看到另外一个窗口 (Set for all images).

2_g.png


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

2_h.png
        

         我的例子 "Apply changes to all pages (if TIF saving)" 也选择, 其实是无关重要。
         其它什么都不需选择: 如 "RESIZE", "CHANGE COLOR DEPTH".
         
         按 "OK".
         
     i.  现在返回到"Batch conversion"窗口.
         按 "Start Batch".

2_i1.png


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

2_i2.png


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

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

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

3_a.png
     

     b. 拖拉那些GIF图片到UnFREEz

3_b.png
     

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

3_c.png
     

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

3_d.png
      
     
整个制作过程完成!

test_new.gif



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

[ 本帖最后由 anian 于 2010-1-28 04:29 编辑 ]
已有 3 人评分经验 收起 理由
sokoban + 10 精品文章
kexin_xiao + 10 原创内容
migl + 10 谢谢分享。

总评分: 经验 + 30   查看全部评分

魔方吧推箱子版。推箱子QQ群:92017135

透魔

米糕咪够咯。。。。。。

Rank: 6Rank: 6

积分
6923
帖子
1462
精华
4
UID
52005
性别
发表于 2010-1-19 13:15:09 |显示全部楼层
很专业地说
拿下了先~

刚才偷偷试作了一个:


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

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

使用道具 举报

红魔

管中窥豹

Rank: 4

积分
1403
帖子
1109
精华
4
UID
802
性别

魔方破解达人 超级搬运工 十四年元老

发表于 2010-1-19 15:36:34 |显示全部楼层
多谢anian兄作这么详细的教程,有时间我也试试。

米糕兄作的也很有意思,如果把那个到位点涂成黑色是不是更有意思?
魔方三美:  形状 色彩 结构
魔方三乐:  破解 打磨 改装

使用道具 举报

透魔

米糕咪够咯。。。。。。

Rank: 6Rank: 6

积分
6923
帖子
1462
精华
4
UID
52005
性别
发表于 2010-1-19 16:55:59 |显示全部楼层

回复 3# 的帖子

有空的话,P一个

使用道具 举报

Rank: 5Rank: 5

积分
3378
帖子
535
精华
1
UID
1238171
性别
保密

超级搬运工

发表于 2010-1-27 12:20:52 |显示全部楼层
图像小了点,考验你的眼力!
tiaozhan.gif

使用道具 举报

Rank: 7Rank: 7Rank: 7

积分
2010
帖子
1577
精华
3
UID
91928
性别
保密

超级搬运工 六年元老

发表于 2010-1-27 13:50:26 |显示全部楼层
感谢天狼兄分享!

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


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

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


如果用一个大一点的皮肤, 那文件就大一些:
tz2.gif


如果答案太大(即图片太多), 可以考虑删除推与推之间的步行。
tz4.gif
魔方吧推箱子版。推箱子QQ群:92017135

使用道具 举报

Rank: 5Rank: 5

积分
3378
帖子
535
精华
1
UID
1238171
性别
保密

超级搬运工

发表于 2010-1-27 14:24:45 |显示全部楼层
刚起步学。瞄着1#的步骤,开始用unFREEz做出来是6M,用Ulead Gif Animator做出来是1.21M都不让上传,只好缩小了图片

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

使用道具 举报

Rank: 7Rank: 7Rank: 7

积分
2010
帖子
1577
精华
3
UID
91928
性别
保密

超级搬运工 六年元老

发表于 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应该是免费的版本。)
魔方吧推箱子版。推箱子QQ群:92017135

使用道具 举报

Rank: 5Rank: 5

积分
3378
帖子
535
精华
1
UID
1238171
性别
保密

超级搬运工

发表于 2010-1-27 16:04:46 |显示全部楼层
用UGA v5.1重做了一下优化,选的艺术线16。
tiaozhan0.gif

使用道具 举报

Rank: 7Rank: 7Rank: 7

积分
2010
帖子
1577
精华
3
UID
91928
性别
保密

超级搬运工 六年元老

发表于 2010-1-27 22:15:48 |显示全部楼层
选择艺术线和减少颜色是很有效的方法缩小文件。
魔方吧推箱子版。推箱子QQ群:92017135

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|魔方吧·中文魔方俱乐部

GMT+8, 2024-3-29 06:13

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部