善用Wink，将电脑操作录屏为flash

http://blog.sina.com.cn/s/blog_46dac66f0100008g.html

本文的最新版已经转移到 http://xbeta.info/free-wink.htm 如下纯文字转载不做更新。
==================================================
善用Wink，将电脑操作录屏为flash
[转载请保留]　作者:善用佳软　出处:http://xbeta.info/free-wink.htm

【摘要】：Wink 是一款非常优秀的免费录屏软件，尤其适合制作计算机操作教程。它在国外备受推崇，但国内应用很少。它免费、小巧（3MB）、可同期或事后加入声音、可加入暂停及跳转按钮、添加注释，并且生成的 flash 文件比其他软件小很多。本文一方面介绍wink的基本功能，另一方面分享笔者在wink 使用中总结的一些推荐做法。

Wink：主页(En)｜主页（中文） | 官方下载

1. 什么情况下需要wink ？

简言之，Wink 并不是每个人的必需软件。它只适合"软件教程制作者"，尤其在制作以录屏、演示为主的教程时。

为什么要制作教程呢？因为分享知识既是一种价值，也是一项乐趣。一篇教程需要制作人投入较多精力，但可以帮助更多人解决问题、提高效率。正是"辛苦我一个，幸福更多人"。

为什么教程要录屏？这是因为对复杂的软件操作，wink 录制的 flash 不仅比"文字+截屏"更直观，还能加入注释、声音、暂停、跳转，读者非常易于解释。（2008-08-11更新至此，下文尚未更新）

1.2 为什么选择wink

……既然这么有用，当然出现了很多商业或共享软件。但我要推荐的，却是一款免费件――wink。其他选择：……

推荐wink的理由：

xbeta认为，Wink除去免费软件本身的优势，它还有三大优点：
- 软件极小巧：安装文件不到3MB；安装后约6MB，如果除去素材、示例、语言文件的话，则体积更小。
- 录制结果极小巧：可录制为flash，不仅方便播放，并且体积小巧――不仅比其他格式（如avi）小，并且比其他录屏软件（包括商业软件）生成的flash可以小很多。原因在于Wink支持手工关键帧录制，这样从源头做到了最高程度的精简。
- 强大的编辑功能：删除不用的帧，加按钮/注释，加录(也可同时录制)声音。
2. wink简介

类别：屏幕录制、教程制作
性质：免费软件（允许商用）、国外软件（有中文语言包，牡蛎制作）
其他：V2.0，安装文件2.8M；安装后6M（多为素材、示例、语言文件）

华军介绍：

    　　Wink是一款免费且内建多国语言的屏幕抓取软件。可输出成数种不同的教学文件格式。例如：Flash动画文件、 EXE可运行文件、HTML网页文件、PDF文件。让大家不管是在网页或计算机上都能看到你精心制作的教学文件。如果是发布成网页模式的，更可以以 JPG、PNG、GIF等图片格式来做发布，让网页开启的速度可以提升。其他更支持BMP以及TIFF图片格式，让所撷取下来的图片能有更多的用途。当然 也可以让我们们的教学档看起来更专业点，除了静态的网页发布功能外，还可以发布成PDF文档档。甚至是含有动态效果的SWF动画档或是EXE可运行档。让 你的教学档能更完善，也让更多人能够更容易了解教学档的内容。（善用佳软补：Wink v2.0支持录音）

官网介绍翻译：

    　　功能：免费软件、跨平台、可录音、可插入图片BMP/JPG/PNG/TIFF/GIF、多界面语言（简体中文）、多输出格式（Macromedia Flash, EXE, PDF, PostScript, HTML或图片）、基于鼠标或键盘的智能捕捉、定时捕捉、文件小质量好。　　
    　　工具：导航按钮、图标可定制、可加注释文字和图形、可拖放、导出、压缩文件到最小/不压缩则能由第三方软件编辑。

3. 下载、安装、录制

3.1 下载与安装

xbeta下载软件，及大家下载软件，只推荐到官方网站。一保证最新安全，二保证不被篡改。到http://www.debugmode.com/wink/download.php 找一个下载点，下载后是zip，内有一个exe，还是要安装的。如果官网不能访问，可sina download, PConline download，或以"wink 2.0 下载"为关键字搜索。

安装后，启动wink，就看到软件界面了――不是很复杂。用起来更简单。

3.2 切换为中文界面

如果你想用中文界面，请点击菜单：File→Chose language→Simlified Chinese，然后按提示，重启Wink就行了。

3.3 按照向导进行录制

要进行新的录屏，可以：
① 按下快捷键Ctrl+N，或
② 点击菜单："文件→新建"，或
③ 点击工具栏的"新建"按钮。

然后，软件会弹出"新项目向导-第一步"，让你进行设定。

Image Hosted by ImageShack.us

① "开始捕捉"：默认是选中的，当然要选中。
② "录音"：强烈建议不选。理由1：很多教程不需要声音，不录制声音可以极为明显的缩小生成的文件。理由2：如果需要声音，也可以在录完之后，加在每一帧上，这样一来精确，二来便于修改。
③ "隐藏wink窗口"：建议选中。具体有什么用？试一下就知道了。没错，就是把wink主窗口隐藏起来，这样便于接下来选择"录制范围"。
④ "录制范围"：可以是全屏、窗口、自定义矩形、预定义的矩形（如800×600, 400×300……）。善用佳软建议选"窗口"，然后点击"选择"按钮，移动光标，wink就可以识别窗口了。这样自动选取的窗体边缘很精确，不会带有白边，不会导致多/少几个像素。当然，选择窗口后，可以拖动绿框的四边进行手工调节；或直接修改"区域"的座标值。
⑤ "捕捉速度"：我一般用默认。实际上，这个值在"定时捕捉"状态时生效，而善用佳软认为使用wink是不应该使用这种模式的，否则就是放弃了wink的优点而用它的缺点。详见下文。
⑥ "动作捕捉"：建议最多选取"鼠标"，而不选按键。因为如果按一次键则截一次屏，尤其在输入文字时，会导致录制文件偏大。和上面一样，这个设定是"动作捕捉"时起作用的。

向导第二步，其实是确认快捷键。这些热键可以自定义，方法是菜单：文件→参数设置。

这里有三个键：
① 手工捕捉：按下这个键，wink就捕捉一帧。这是善用佳软用得最多的一个键，也是wink的精华所在。正是有了它，才使得wink录制的flash比任何 软件，包括最强大的商业软件都小很多。简言之，它让用户决定什么时候才捕捉屏幕。这就是"手动档"比自动档更高效。只有这样，才能仅录制"必要"的屏幕变 化，省略不必要的，实现录制文件最小化。
② 定时捕捉：按下这个键，则wink开始定时捕捉（译为自动捕捉更准确），也就是上面设定的"4帧/秒"；再按一次，则停止自动捕捉。自动捕捉是最浪费资源 的方式，也是最不wink化的方式。因为无论屏幕是否变化，它都要记录一帧，相当于记录了垃圾数据。警告：这种模式运行十几分钟，就可能导致占用资源过 多，计算机失去响应！所以，不得以而为之，并且定时捕捉的时间尽可能短。
③ 动作捕捉：也就是说，按下此键后，wink会根据上面设定的键盘、鼠标动作，开始/停止捕捉。我录制的flash基本上只用手工捕捉，并且习惯之后，很容易判断什么时候该按下Pause键，这样形成的文件体积极小！当然，也可以用鼠标驱动捕捉，再通过编辑删除多余帧。

最后，点"缩小到托盘"，wink就待命捕捉了。也就是说，根据你按下上述的三个键，进行不同的捕捉。

3.4 完成录屏

当需要的内容都录制完成后，到系统托盘点一下wink的弹出菜单，结束捕捉就好了（期待新版本加入快捷键支持）。接下来，就可以编辑、输出了。
4. 编辑wink录制内容

如果录屏只为了自己日后查看，则可以不进行编辑。但是，如果准备将结果进行公开发布，则编辑工作和录制一样重要，甚至更重要。
4.1 编辑的目标

善用佳软看来，编辑工作有两个目标：表达更清晰；flash尽可能小。

4.2 wink编辑的一般原则

这些内容是xbeta的经验之谈，希望大家能认真阅读，也欢迎指正补充。只有了解原则，也就是"什么情况下应该做什么"，才能"使用软件"。否则，只知道软件有什么功能，那往往是"被软件所用"。以下部分稍后完成。
　　4.2.1 删除多余帧，
　　4.2.2 让光标连贯
　　4.2.3 加入必要的说明
　　4.2.4 设定适当的延时
　　4.2.5 加入必要的交互
　　4.2.6 是否需要封面/封底？
　　4.3 一些技巧
　　透明图标
　　导航
　　复制页
　　继续录制
5. 将录制结果输出flash

　　录制完成后，为了安全起见，强烈建议先把录制内容保存为.wnk源文件。一来防止数据丢失，二来便于日后再利用。软件操作过程中不断存盘，是善用佳软推荐的简易安全之道。
　　Wink可以把录制结果输出为flash、htm+图片、pdf等格式，但我们最常用的是输出为flash。其操作步骤如下：

【步骤1】F3：项目设置

　　在输出之前，首先要对当前的Wink项目进行设置。热键F3。推荐的设置内容如下图所示：
[image:Wink F3 设置]
　　- 输出文件名：略。
　　- 输出文件类型：这是一个关键点！
[image: Wink输出类型]
　　如果要发布在网页上，并且追求精益求精，则推荐"Flash（swf）"格式，这样在生成swf文件时，会采取wink独有的一种压缩技术，产生的 swf文件体积最小。但缺点是，浏览器（或flash播放器）在判断flash尺寸时，会误判断为原尺寸的1/4。这就是为什么直接播放wink录制的 flash会"缩小"的原因。正确的做法是，在html源代码中需要指明flash尺寸――看一下wink输出后的html文件，会有如下内容。其中的 width="503″ height="405″就是尺寸。

    <EMBED SRC="pdfcreator-install.swf" WIDTH=503 HEIGHT=405 quality=low loop=false wmode=transparent TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>

　　如果你不太了解html源代码，或无法进行源代码编辑（比如flash发于论坛），建议你选择"Uncompressed Macromedia Flash (*.swf)"，即未压缩的、标准的flash文件，这样体积稍大，但通用性更好。
　　至于生成windows可执行文件exe格式，我并不推荐。因为对方未装flash的情况极少，而exe容易引发安全问题或令对方有安全担忧。
　　- 其他选项，建议按上图设定。其中，选用调色板，可减小flash文件体积。

【步骤2】F7：渲染

　　设定完成后，就可以渲染了。渲染过程就是生成flash（以及对应的html、js文件）的过程。
　　如果设定了"使用调色板"，则第一次渲染时，会提示『首次渲染时，需要执行"项目 - 编辑调色板"，为输出选择调色板』。点击"确定"，会弹出"编辑调色板"对话框，点击"新建"按钮，接受默认设置（下图）即可。有了调色板后，开始渲染（如果没有自动开始，再按F7），渲染的结果是，生成了3个文件（wink v2.0 b1060）：xx.htm, xx.swf, xx.js。
[image: Wink调色板]

【步骤3】F8：查看

　　输出结果后，你可以用浏览器查看结果，是否满意。在Wink中按F8，则可以方便地用默认浏览器打开htm，再调用swf，播放动画。通过查看，您可以发现一些不足，再返回来修改文件。
5. 技巧提示

一个好的录制作品，应体积小、解释清晰、无多余操作。以下技巧提示帮您达成目标。

   1. 减小体积：录制时，将必要窗口尽可能拉小；删除多余的关键帧；输出flash时，用调色板功能。
   2. 控制播放时间，更易理解：某些需要注意或仔细观看的帧，加入延时（1秒）必要时加入"下一帧"按钮，让用户手工点到下一帧（相当于暂停）
   3. 必要时可加入文字说明（应伴以上述时间控制）
   4. 关于声音：一般不建议全程录音，这样体积太大，也没必要。就算必要，也不便于编辑。如果一定要加声音，我建议录屏、优化屏幕操作后，最后配音。方法是，选中一帧，在工具栏中点击加入声音按钮，如图。这样，只有播放完声音才会切到下一帧。
   5. 关于导出flash的尺寸。wink采用了特殊的压缩格式，这样文件体积较小。但副作用是播放器无法判断视频的尺寸。也就是说，如果直接打开 flash文件100%显示，则实际是录屏大小的1/4，无法调整到原分辨率。因此，发布动画时，请保留导出时生成的htm文件，其中规定了原尺寸。

6. 作品示例

   1. 杨氏电脑系列教程
   2. 介绍excel的Vlookup函数 点这里观看
   3. 介绍软件Concept Draw，点这里观看
   4. 介绍TC+插件来安全删除（粉碎）文件http://www.newsmth.net/att.php?s.837.22130.596.htm
   5. 用Win+run功能最方便的快捷键、Audacity录单等http://xbeta.ys168.com 之
      "wink录制的教程"下。
   6. 其他示例http://www.drexplain.com/live_demo/http://www.stat.lsu.edu/exst2000/demos/demos.html

7. 相关链接

- 演示教学的好帮手――Wink软件｜刘占礼
- 记录屏幕操作Wink轻松搞｜孤舟
- 台湾网友的介绍和应用
- 善用Wink，将电脑操作录屏为flash

本文更新记录：
2009-01-13：补充一些失效图片，补充F3/F7步骤文字。
2008-06-02：重要更新：加入中文主页；加入应用原则、技巧。主体部分几乎重写。
2006/2007：多次更新，完善文字，加入示例
2006-05-21：初稿

已投稿到： 排行榜

阅读(33231)|评论(53)|收藏(1)|打印|举报

前一篇：善用IrfanView，不仅仅是看图
后一篇：screen2exe:小巧的录屏软件

_ad_

新浪广告共享计划

评论[发评论]

・        

牡蛎：

2006-05-20 21:35:06

wink免费，但不开源

博主回复：

・        

re牡蛎：

2006-05-21 11:29:30

已改正。赞牡蛎的认真精神，已帮我纠正过2个错误认识了。

博主回复：

・        

新浪网友：

2007-03-28 17:20:02

你 好，请问怎么把下载到的文件转换成中文的？

博主回复：

・        

善用佳软：

2007-04-03 08:59:42

已补充入原文。　如果你想用中文界面，请点击菜单：File→Chose language→Simlified Chinese，然后按提示，重启Wink就行了。

博主回复：

・        

d：

2007-04-09 10:02:16

呵呵，此站已加入收藏夹，怎；一个爽字了得啊

博主回复：

・        

小车轱辘：

2007-04-09 10:48:16

录音好像只能同步录啊，如果是分开录的，后期不知道怎么加入，没找到合适的地方。

博主回复：

・        

善用佳软：

2007-04-09 12:02:16

小车轱辘问题已补入原文。

博主回复：

・        

新浪网友：

2007-05-11 10:02:54

录音能录音电脑音频吗，还是只能接受MIC的声音

博主回复：

・        

新浪网友：

2007-06-06 08:36:16

晕!怎么下载的网址打不开呀

博主回复：

・        

新浪网友：

2007-06-18 13:45:42

在那里可以下

博主回复：

・        

新浪网友：

2007-06-18 15:48:13

关于下载，原文已补充，请搜 "如果官网不能访问"

博主回复：

・        

炎藤：

2007-07-30 09:27:35

我用StudioCam,感觉也Okay

博主回复：

・        

新浪网友：

2007-08-11 10:44:58

这个软件不能用，编辑时，不能播放，根本不知道从何处删除不能用的段。

博主回复：

・        

善用佳软：

2007-08-13 08:54:37

这个软件不能用：能用。
编辑时，不能播放：是这样。但可以点下面的缩略图预览。
根本不知道从何处删除不能用的段：可以知道。
Wink是一个很有价值的软件。

博主回复：

・        

驴：

2007-09-09 11:32:11

今天本来想用它做一个关于launchy的教程，发现wink录屏的时候无视launchy。
选择录制全频，录出来的效果就是看不到launchy的界面。
无语了……不知博主碰到过这个问题没？

博主回复：

・        

善用佳软：

2007-09-09 12:31:18

可能是launchy采用了特殊的窗口显示。试了一下，我这里也不能捕捉。

博主回复：

・        

驴：

2007-09-09 13:10:31

是的，我后来又试了好几种录屏软件，包括专业收费的camtasia，都抓不到launchy。
只好截几张图做说明了，不过怎么样也不如视频来得直观。。
谢谢回复。

博主回复：

・        

刚刚好：

2007-09-17 08:44:47

确实很棒，收藏了

博主回复：

・        

Jing：

2007-10-16 16:05:54

作成的flash能不能转成gif图片呢

博主回复：

・        

Zing：

2007-10-23 12:06:25

对中文输入法的支持不够理想，在输入错误或者重新编辑文字的时候，会显示不正确，需要重新来过，请看看是不是有这个问题。

博主回复：

・        

新浪网友：

2007-10-31 14:12:33

下载的WINK2.0后，发现只能用"定时捕捉"和"捕捉单帧"，那个"动作捕捉"用不成，按下快捷键后不捕捉，无法你是按键盘还是鼠标都不捕捉，怎么办呢？不知道大家的是这样吗？

博主回复：

・        

新浪网友：

2007-11-19 14:38:15

用Wink生成.exe文件时,播放到一半就卡了,是怎么回事啊?

博主回复：

・        

善用佳软：

2007-11-20 13:25:40

上述exe问题未曾遇到。我一向用flash。很可能是wink的bug，看看最新版如何。
另，可生成flash，用其他工具再转exe。

博主回复：

・        

新浪网友：

2007-11-21 18:04:04

用其它什么工具再转exe?　怎么转？你能说的再详细点吗？谢谢！

博主回复：

・        

善用佳软：

2007-11-23 12:00:56

答楼上：Adobe player是不是就能转啊？我记不太清了。你可以搜一下 swf to exe，应该有不少免费软件附带这项功能。
另，推荐flash格式，不推荐exe。

博主回复：

・        

新浪网友：

2007-11-29 16:00:45

　请问FLASH如何在播放开始就使窗口最大化?刚打开flsh播放时那个窗口太小了.谢谢！

博主回复：

・        

新浪网友：

2007-12-01 19:04:57

中文支持还有待改善。

博主回复：

・        

破破的破船：

2007-12-04 21:40:35

5.技巧提示中的第一幅图看不到了~

博主回复：

・        

AChiSky：

2007-12-06 21:38:43

问题同上
5.技巧提示中的第一幅图看不到了~
xbeta有空修正一下。

博主回复：

・        

雷巫：

2008-01-08 15:15:12

不知道博主用的什么机器

反正我用wink2.0的时候，发现资源占用率很大。（测试用的两台机器说实话也确实不是很好，1台是P3-733，256 sdr.... 另外一台是赛扬2.0G，512M ddr）

录制了大约1分钟的屏幕操作，计算调色板的时候均CPU占用率100%，内存占用60M左右，很容易假死。

本人也是屏幕录像软件的爱好者，7788的也用了不少，至少到现在为止我觉得用来录制flash的软件只有Instant Demo最为方便好用。

现在我一般也就用Instant Demo+WebEx，尤其是WEBEX，个人感觉真的很不错，可惜是独有格式+AVI输出。如果也支持swf的话，那估计就nb大了！

博主回复：

・        

xbeta：

2008-01-08 16:07:13

wink的最大优点是手工录制关键帧（适合教程），文件非常小。
如果定时捕捉，如每秒4帧，则占用资源较多，生成的文件也较大。
我制作的教程都是手工按Pause键录制的。

博主回复：

・        

雷巫：

2008-01-08 22:13:43

原来如此！~~但是这样会不会太手动化了点........

而且约等于截图教程啊.......

博主回复：

・        

xbeta：

2008-01-09 08:44:34

我已经习惯了。这样录屏的文件只有自动化的N分之一。就这一点而言，还没有其他软件可以做到。
或者，你用半自动化，鼠标+键盘事件时录屏。

博主回复：

・        

天竺葵花子：

2008-02-05 19:06:11

介绍很详细,学习你的精神了.

博主回复：

・        

fivestone：

2008-02-19 15:31:10

调色板怎么用啊？貌似要有现成的调色板文件导入后才能用？

博主回复：

・        

xbeta：

2008-02-19 22:13:22

wink调色板，让它新建，自动从当前文件中优化颜色而生成。这样效果最好。

博主回复：

・        

善用佳软：

2008-02-22 08:53:32

domecc请重发一下问题。你的评论被sina自动删除了（含url？）。我只能从首页看到"[匿名] domecc
wink的重大问题：目前xbeta用wink录制的fla..."

博主回复：

・        

domecc：

2008-02-23 11:05:39

目前xbeta用wink录制的flash文件，其中的按钮链接在最新稳定版本的firefox和flashplayer中不可点击（一直闪烁，就是点不中），但在IE中没有问题。请检查是什么原因。

博主回复：

・        

domecc：

2008-02-23 11:06:48

我在家里和办公室的电脑中都测试过，问题症状一模一样。

博主回复：

・        

domecc：

2008-02-23 13:26:34

此外，只能用"定时捕捉"和"捕捉单帧"，那个"动作捕捉"用不成，按下快捷键后不捕捉，无法你是按键盘还是鼠标都不捕捉。

博主回复：

・        

domecc：

2008-02-23 13:31:10

看了官方网站，"Input-driven capture doesn't work with IE7 in Vista and Command Prompt"确实是bug，目前还没有解决

博主回复：

・        

善用佳软：

2008-02-23 21:22:09

谢domecc，经我测试（Firefox2&3）确实如此。不过，点击多次后，能碰上一次成功的，呵呵。①我最近用了wink alpha版，可能是它的原因。②但是，wink直接生成的htm中，用Firefox点击是完全正常的。因为htm中引用flash有很多种不同的写法，所以我怀疑是sina的代码（手写代码会被改掉）与Firefox配合不好的原因。
过一段时间，我提供不同的环境再请大家测试一下。

博主回复：

・        

新浪网友：

2008-04-03 15:37:21

我觉得TurboDemo这个产品使用起来更方便一些

博主回复：

・        

善用佳软：

2008-04-03 17:21:51

1.答复楼上网友
TurboDemo我没有用过，其实凡是共享类的录屏工具我都没有试用，因为它们的价格都比较高，个人几乎不可能因为偶尔录屏而去购买，所以试了也没意义。
我没有觉得wink多不方便，并且，wink能只录取关键帧，这样生成的文件体积最小。这一特点很多收费软件也是没有的。

2. 答复domecc
flash在blog中嵌入播放问题，没有找到完美的解决方案。不同代码各有不足，有不同的问题。以后我试着把flash放在html网页中，方便在blog上无法浏览的网友观看。

博主回复：

・        

善用佳软：

2008-04-03 17:22:59

过一段时间，准备重写或扩写一下本篇文章，再详细介绍一下wink。感觉本文说得不是很清楚，有些地方可能还有误解。

博主回复：

・        

善用佳软：

2008-04-03 17:33:26

又看了一下TurboDemo，价格不是普通的贵啊。最低级的标准版，优惠价还是199欧元，就算再好，也只能远观了。

其实这也很平常，我们能享用一部分世界最好的软件，已是很幸运了。在物质世界中，可没有多少人能奢望拥有世界最顶级的房、车，甚至任何物品吧。

知足，常乐。

博主回复：

・        

wink：

2008-04-28 15:15:44

你好，看了你有一篇关于wink的介绍，然后我现在有个需求，是打算录制课件，然后上传到服务器，因为我们想用red5做服务器，而录制的swf格式文件不知道能不能处理成flv文件。

请问还有没有其他的比较好用的开源屏幕捕捉工具。

博主回复：

・        

新浪网友：

2008-05-29 12:53:44

我晕, 哪有可以下载的啊!

博主回复： 2008-05-30 07:40:02

记住，下载软件不要相信任何文章中提供的链接。要用google找到它的官方网站，然后下载。没有官网，再到你信得过的下载站点。

・        

新浪网友：

2008-06-23 16:56:43

呵呵,Captivate比Wink好用多了,试了就知道什么叫专业了

博主回复：

・        

xbeta：

2008-06-23 21:04:42

不用试就知道它专业：Adobe公司，699 usd。
但没法推荐给大家。