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

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

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

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

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

2. wink簡介

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

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

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

3.1 Wink 下載安裝

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

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

3.2 切換為中文界面

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

3.3 按照向?qū)нM行錄制

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

新項目向?qū)?第1步

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

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

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

新項目向?qū)?第2步

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

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

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

3.4 完成錄屏

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

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

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

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

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

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

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

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

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

【步驟2】F7：渲染

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

【步驟3】F8：查看

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

6. 技巧提示

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

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

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

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

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

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

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