輕松將電腦操作錄屏為flash圖文操作教程

Wink 是一款非常優(yōu)秀的免費(fèi)錄屏軟件，尤其適合制作計(jì)算機(jī)操作教程。它在國(guó)外備受推崇，但國(guó)內(nèi)應(yīng)用較少少。Wink免費(fèi)、小巧（3MB）、可同期或事后加入聲音、可加入暫停及跳轉(zhuǎn)按鈕、添加注釋，并且生成的 flash 文件比其他軟件小很多。本文介紹wink的基本功能，并分享筆者使用 wink 的經(jīng)驗(yàn)。

1. 什么情況下需要并選擇 wink ？

簡(jiǎn)言之，Wink 并不是每個(gè)人的必需軟件，它只適合“軟件教程制作者”，尤其在制作以錄屏、演示為主的軟件教程時(shí)。
為什么要制作教程呢？因?yàn)榉窒碇�識(shí)既是一種價(jià)值，也是一項(xiàng)樂趣。一篇教程需要制作人投入較多精力，但可以幫助更多人解決問題、提高效率。正是”辛苦我一個(gè)，幸福更多人“。
為什么教程要錄屏？這是因?yàn)閷?duì)復(fù)雜的軟件操作，wink 錄制的 flash 不僅比“文字+截屏”更直觀，還能加入注釋、聲音、暫停、跳轉(zhuǎn)，讀者非常易于解釋。

在多款免費(fèi)錄屏軟件中，Wink 具有以下不可比擬的優(yōu)勢(shì)：
- 軟件極小巧：安裝文件不到3MB；安裝后約6MB，如果除去素材、示例、語(yǔ)言文件的話，則體積更小。
- 完全免費(fèi)：個(gè)人使用、商用均免費(fèi)（freeware for business or personal use）
- 錄制結(jié)果極小巧：可錄制為flash，不僅方便播放，并且體積小巧——不僅比其他格式（如avi）小，并且比其他錄屏軟件（包括商業(yè)軟件）生成的flash可以小很多。原因在于Wink支持手工關(guān)鍵幀錄制，這樣從源頭做到了最高程度的精簡(jiǎn)。
- 強(qiáng)大的編輯功能：刪除不用的幀，加按鈕/注釋，加錄（也可同時(shí)錄制）聲音。

2. wink簡(jiǎn)介

類別：屏幕錄制、教程制作
性質(zhì)：免費(fèi)軟件（允許商用）、國(guó)外軟件（有中文語(yǔ)言包，牡蠣制作）
其他：V2.0，安裝文件2.8M；安裝后6M（多為素材、示例、語(yǔ)言文件）
介紹1（華軍）：Wink是一款免費(fèi)且內(nèi)建多國(guó)語(yǔ)言的屏幕抓取軟件。可輸出成數(shù)種不同的教學(xué)文件格式。例如：Flash動(dòng)畫文件、EXE可運(yùn)行文件、HTML網(wǎng)頁(yè)文件、PDF文件。讓大家不管是在網(wǎng)頁(yè)或計(jì)算機(jī)上都能看到你精心制作的教學(xué)文件。如果是發(fā)布成網(wǎng)頁(yè)模式的，更可以以JPG、PNG、GIF等圖片格式來做發(fā)布，讓網(wǎng)頁(yè)開啟的速度可以提升。其他更支持BMP以及TIFF圖片格式，讓所擷取下來的圖片能有更多的用途。當(dāng)然也可以讓我們們的教學(xué)檔看起來更專業(yè)點(diǎn)，除了靜態(tài)的網(wǎng)頁(yè)發(fā)布功能外，還可以發(fā)布成PDF文檔檔。甚至是含有動(dòng)態(tài)效果的SWF動(dòng)畫檔或是EXE可運(yùn)行檔。讓你的教學(xué)檔能更完善，也讓更多人能夠更容易了解教學(xué)檔的內(nèi)容。

Wink介紹2（官網(wǎng)）：① 功能：免費(fèi)軟件、跨平臺(tái)、可錄音、可插入圖片BMP/JPG/PNG/TIFF/GIF、多界面語(yǔ)言（簡(jiǎn)體中文）、多輸出格式（Macromedia Flash, EXE, PDF, PostScript, HTML或圖片）、基于鼠標(biāo)或鍵盤的智能捕捉、定時(shí)捕捉、文件小質(zhì)量好。② 工具：導(dǎo)航按鈕、圖標(biāo)可定制、可加注釋文字和圖形、可拖放、導(dǎo)出、壓縮文件到最小/不壓縮則能由第三方軟件編輯。

3. Wink 下載安裝與基本使用教程

3.1 Wink 下載安裝

關(guān)于優(yōu)秀軟件的下載，西西推薦第一當(dāng)選官方網(wǎng)站（而非軟件下載站或某些下載工具的服務(wù)器）。原因有二：最新版（穩(wěn)定，bug及時(shí)修復(fù)）、原始版（安全，未被捆綁）�！　∠螺d Wink，請(qǐng)?jiān)?官方下載頁(yè)面 找一個(gè)下載點(diǎn)。
如果官網(wǎng)不能訪問，可在國(guó)內(nèi)可信的鏡像下載，比如 新浪、PConline，或其他你信任的站點(diǎn)下載。

官方下載后得到 wink20-1060.zip，約 3.2 MB。解壓得到 wink20.exe，運(yùn)行即可安裝。安裝后占用空間約 9MB。運(yùn)行安裝目錄的 Wink.exe，可以看到軟件界面并不復(fù)雜。確實(shí)，用起來也很簡(jiǎn)單。

3.2 切換為中文界面

如果你想用中文界面，請(qǐng)點(diǎn)擊菜單：File→Chose language→Simlified Chinese，然后按提示，重啟Wink就行了。

3.3 按照向?qū)нM(jìn)行錄制

要進(jìn)行錄屏，就象多數(shù)軟件一樣，需要先“新建”一個(gè)項(xiàng)目。推薦使用快捷鍵 Ctrl+N 。也可以使用 菜單→文件→新建，或 工具欄“新建”按鈕。
然后，Wink 會(huì)彈出“新項(xiàng)目向?qū)А�，幫你開始錄屏之旅。

新項(xiàng)目向?qū)?第1步

新項(xiàng)目向?qū)У?步，主要是進(jìn)行如下設(shè)定：

① “開始捕捉”：默認(rèn)是選中的，當(dāng)然要選中。
② “錄音”：強(qiáng)烈建議不選。理由1：很多教程不需要聲音，不錄制聲音可以極為明顯的縮小生成的文件。理由2：如果需要聲音，也可以在錄完之后，加在每一幀上，這樣一來精確，二來便于修改。
③ “隱藏wink窗口”：建議選中。具體有什么用？試一下就知道了。沒錯(cuò)，就是把wink主窗口隱藏起來，這樣便于接下來選擇“錄制范圍”。
④ “錄制范圍”：可以是全屏、窗口、自定義矩形、預(yù)定義的矩形（如800x600, 400x300……）。西西建議選“窗口”，然后點(diǎn)擊“選擇”按鈕，移動(dòng)光標(biāo)，wink就可以識(shí)別窗口了。這樣自動(dòng)選取的窗體邊緣很精確，不會(huì)帶有白邊，不會(huì)導(dǎo)致多/少幾個(gè)像素。當(dāng)然，選擇窗口后，可以拖動(dòng)綠框的四邊進(jìn)行手工調(diào)節(jié)；或直接修改“區(qū)域”的座標(biāo)值。
⑤ “捕捉速度”：一般情況下用默認(rèn)。實(shí)際上，這個(gè)值在“定時(shí)捕捉”狀態(tài)時(shí)生效。

⑥ “動(dòng)作捕捉”：建議最多選取“鼠標(biāo)”，而不選按鍵。因?yàn)槿绻�按一次鍵則截一次屏，尤其在輸入文字時(shí)，會(huì)導(dǎo)致錄制文件偏大。和上面一樣，這個(gè)設(shè)定是“動(dòng)作捕捉”時(shí)起作用的。

新項(xiàng)目向?qū)?第2步

新項(xiàng)目向?qū)У?步，并不需要進(jìn)行任何設(shè)置，就是一個(gè)快捷鍵確認(rèn)。這些熱鍵是可以自定義的，方法為：菜單→文件→參數(shù)設(shè)置。

這里有三個(gè)鍵：
① 手工捕捉：手工按下此鍵，wink就捕捉一幀。正是有了它，才使得wink錄制的flash比任何軟件，包括最強(qiáng)大的商業(yè)軟件都小很多。簡(jiǎn)言之，它讓用戶決定什么時(shí)候才捕捉屏幕。這就是“手動(dòng)檔”比自動(dòng)檔更高效。只有這樣，才能僅錄制“必要”的屏幕變化，省略不必要的，實(shí)現(xiàn)錄制文件最小化。
② 定時(shí)捕捉：按下這個(gè)鍵，則wink開始定時(shí)捕捉（譯為自動(dòng)捕捉更準(zhǔn)確），也就是上面設(shè)定的“4幀/秒”；再按一次，則停止自動(dòng)捕捉。自動(dòng)捕捉是最浪費(fèi)資源的方式，也是最不wink化的方式。因?yàn)闊o論屏幕是否變化，它都要記錄一幀，相當(dāng)于記錄了垃圾數(shù)據(jù)。警告：這種模式運(yùn)行十幾分鐘，就可能導(dǎo)致占用資源過多，計(jì)算機(jī)失去響應(yīng)！所以，定時(shí)捕捉是不得已而為之，慎用，并且定時(shí)捕捉的時(shí)間盡可能短。
③ 動(dòng)作捕捉：也就是說，按下此鍵后，wink會(huì)根據(jù)上面設(shè)定的鍵盤、鼠標(biāo)動(dòng)作，開始/停止捕捉。我錄制的flash基本上只用手工捕捉，并且習(xí)慣之后，很容易判斷什么時(shí)候該按下Pause鍵，這樣形成的文件體積極��！當(dāng)然，也可以用鼠標(biāo)動(dòng)作捕捉，再通過編輯刪除多余幀。

最后，點(diǎn)“縮小到托盤”，wink就待命捕捉了。也就是說，根據(jù)你按下上述的三個(gè)鍵，進(jìn)行不同的捕捉。

3.4 完成錄屏

當(dāng)需要的內(nèi)容都錄制完成后，到系統(tǒng)托盤點(diǎn)一下wink的彈出菜單，“結(jié)束捕捉”就好了（期待新版本加入快捷鍵支持）。接下來，就可以編輯、輸出了。

4. 編輯wink錄制內(nèi)容

如果對(duì)錄屏很有信心，或只為了自己日后參考，則可以不進(jìn)行編輯。但是，如果準(zhǔn)備將結(jié)果進(jìn)行公開發(fā)布，則編輯工作和錄制一樣重要，甚至更重要。

5. 將錄制結(jié)果輸出flash

錄制完成后，為了安全起見，強(qiáng)烈建議先把錄制內(nèi)容保存為.wnk源文件。一來防止數(shù)據(jù)丟失，二來便于日后再利用。軟件操作過程中不斷存盤，是西西軟件推薦的簡(jiǎn)易安全之道。
Wink可以把錄制結(jié)果輸出為flash、htm+圖片、pdf等格式，但我們最常用的是輸出為flash。其操作步驟如下：

【步驟1】F3：項(xiàng)目設(shè)置

在輸出之前，首先要對(duì)當(dāng)前的Wink項(xiàng)目進(jìn)行設(shè)置。熱鍵F3。推薦的設(shè)置內(nèi)容如下圖所示：

- 輸出文件名：略。
- 輸出文件類型：這是一個(gè)關(guān)鍵點(diǎn)！

如果要發(fā)布在網(wǎng)頁(yè)上，并且追求精益求精，則推薦“Flash（swf）”格式，這樣在生成swf文件時(shí)，會(huì)采取wink獨(dú)有的一種壓縮技術(shù)，產(chǎn)生的swf文件體積最小。但缺點(diǎn)是，瀏覽器（或flash播放器）在判斷flash尺寸時(shí)，會(huì)誤判斷為原尺寸的1/4。這就是為什么直接播放wink錄制的flash會(huì)“縮小”的原因。正確的做法是，在html源代碼中需要指明flash尺寸——看一下wink輸出后的html文件，會(huì)有如下內(nèi)容。其中的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源代碼，或無法進(jìn)行源代碼編輯（比如flash發(fā)于論壇），建議你選擇“Uncompressed Macromedia Flash (*.swf)”，即未壓縮的、標(biāo)準(zhǔn)的flash文件，這樣體積稍大，但通用性更好。
至于生成windows可執(zhí)行文件exe格式，我并不推薦。因?yàn)閷?duì)方未裝flash的情況極少，而exe容易引發(fā)安全問題或令對(duì)方有安全擔(dān)憂。
- 其他選項(xiàng)，建議按上圖設(shè)定。其中，選用調(diào)色板，可減小flash文件體積。

【步驟2】F7：渲染

設(shè)定完成后，就可以渲染了。渲染過程就是生成flash（以及對(duì)應(yīng)的html、js文件）的過程。
如果設(shè)定了“使用調(diào)色板”，則第一次渲染時(shí)，會(huì)提示『首次渲染時(shí)，需要執(zhí)行“項(xiàng)目 - 編輯調(diào)色板”，為輸出選擇調(diào)色板』。點(diǎn)擊“確定”，會(huì)彈出“編輯調(diào)色板”對(duì)話框，點(diǎn)擊“新建”按鈕，接受默認(rèn)設(shè)置（下圖）即可。有了調(diào)色板后，開始渲染（如果沒有自動(dòng)開始，再按F7），渲染的結(jié)果是，生成了3個(gè)文件（wink v2.0 b1060）：xx.htm, xx.swf, xx.js。

【步驟3】F8：查看

輸出結(jié)果后，你可以用瀏覽器查看結(jié)果，是否滿意。在Wink中按F8，則可以方便地用默認(rèn)瀏覽器打開htm，再調(diào)用swf，播放動(dòng)畫。通過查看，您可以發(fā)現(xiàn)一些不足，再返回來修改文件。

6. 技巧提示

一個(gè)好的錄制作品，應(yīng)體積小、解釋清晰、無多余操作。以下技巧提示幫您達(dá)成目標(biāo)。（本部分待擴(kuò)展）

減小體積：錄制時(shí)，將必要窗口盡可能拉��；刪除多余的關(guān)鍵幀；輸出flash時(shí)，用調(diào)色板功能。

控制播放時(shí)間，更易理解：某些需要注意或仔細(xì)觀看的幀，加入延時(shí)（1秒）必要時(shí)加入“下一幀”按鈕，讓用戶手工點(diǎn)到下一幀（相當(dāng)于暫停）

必要時(shí)可加入文字說明（應(yīng)伴以上述時(shí)間控制）。目前 Wink 的文字注釋功能不支持中文自動(dòng)換行。且直接編輯時(shí)需要注意半個(gè)字符的問題，但出現(xiàn)亂碼也不用怕，按下del或backspace再刪除半個(gè)字符就正常了。

關(guān)于聲音：一般不建議全程錄音，這樣體積太大，也沒必要。就算必要，也不便于編輯。如果一定要加聲音，我建議錄屏、優(yōu)化屏幕操作后，最后配音。方法是，選中一幀，在工具欄中點(diǎn)擊加入聲音按鈕，如圖。這樣，只有播放完聲音才會(huì)切到下一幀。

重要：關(guān)于導(dǎo)出flash的尺寸。wink采用了特殊的壓縮格式，這樣文件體積較小。但副作用是播放器無法判斷視頻的尺寸。也就是說，如果直接打開flash文件100%顯示，則實(shí)際是錄屏大小的1/4，無法調(diào)整到原分辨率。因此，發(fā)布動(dòng)畫時(shí)，請(qǐng)保留生成的htm文件（或引用其代碼），其中規(guī)定了原尺寸。

導(dǎo)出格式：除了導(dǎo)出flash，也可以導(dǎo)出為網(wǎng)頁(yè)（html+圖片，圖片可指定為png/jpg等格式）、pdf。