愛華網(wǎng)今天做項(xiàng)目總結(jié).發(fā)現(xiàn)很多東西用文字寫麻煩.然后想起了屏幕錄制.有人推薦Wink,特此學(xué)習(xí).
原作者:善用佳軟 出處:http://xbeta.info/free-wink.htm
【摘要】：Wink是一款非常優(yōu)秀的免費(fèi)錄屏軟件，尤其適合制作計(jì)算機(jī)操作教程。它在國外備受推崇，但國內(nèi)應(yīng)用很少。它免費(fèi)、小巧（3MB）、可同期或事后加入聲音、可加入暫停及跳轉(zhuǎn)按鈕、添加注釋，并且生成的flash 文件比其他軟件小很多。本文一方面介紹wink的基本功能，另一方面分享筆者在wink 使用中總結(jié)的一些推薦做法。
1. 推薦wink的理由：
xbeta認(rèn)為，Wink除去免費(fèi)軟件本身的優(yōu)勢，它還有三大優(yōu)點(diǎn)：
- 軟件極小巧：安裝文件不到3MB；安裝后約6MB，如果除去素材、示例、語言文件的話，則體積更小。
-錄制結(jié)果極小巧：可錄制為flash，不僅方便播放，并且體積小巧——不僅比其他格式（如avi）小，并且比其他錄屏軟件（包括商業(yè)軟件）生成的flash可以小很多。原因在于Wink支持手工關(guān)鍵幀錄制，這樣從源頭做到了最高程度的精簡。
- 強(qiáng)大的編輯功能：刪除不用的幀，加按鈕/注釋，加錄(也可同時(shí)錄制)聲音。
2. 什么情況下需要wink ？
簡言之，Wink 并不是每個(gè)人的必需軟件。它只適合“軟件教程制作者”，尤其在制作以錄屏、演示為主的教程時(shí)。
為什么要制作教程呢？因?yàn)榉窒碇R既是一種價(jià)值，也是一項(xiàng)樂趣。一篇教程需要制作人投入較多精力，但可以幫助更多人解決問題、提高效率。正是”辛苦我一個(gè)，幸福更多人“。
為什么教程要錄屏？這是因?yàn)閷?fù)雜的軟件操作，wink 錄制的 flash不僅比“文字+截屏”更直觀，還能加入注釋、聲音、暫停、跳轉(zhuǎn)，讀者非常易于解釋。（
官網(wǎng)介紹翻譯：
功能：免費(fèi)軟件、跨平臺、可錄音、可插入圖片BMP/JPG/PNG/TIFF/GIF、多界面語言（簡體中文）、多輸出格式（MacromediaFlash, EXE, PDF, PostScript,HTML或圖片）、基于鼠標(biāo)或鍵盤的智能捕捉、定時(shí)捕捉、文件小質(zhì)量好?！ ?br> 工具：導(dǎo)航按鈕、圖標(biāo)可定制、可加注釋文字和圖形、可拖放、導(dǎo)出、壓縮文件到最小/不壓縮則能由第三方軟件編輯。
3. 下載、安裝、錄制
3.1 下載與安裝
xbeta下載軟件，及大家下載軟件，只推薦到官方網(wǎng)站。一保證最新安全，二保證不被篡改。到http://www.debugmode.com/wink/download.php找一個(gè)下載點(diǎn)，下載后是zip，內(nèi)有一個(gè)exe，還是要安裝的。如果官網(wǎng)不能訪問，可sina download, PConlinedownload，或以“wink 2.0 下載”為關(guān)鍵字搜索。
安裝后，啟動(dòng)wink，就看到軟件界面了——不是很復(fù)雜。用起來更簡單。
3.2 切換為中文界面
如果你想用中文界面，請點(diǎn)擊菜單：File→Chose language→SimlifiedChinese，然后按提示，重啟Wink就行了。
3.3 按照向?qū)нM(jìn)行錄制
要進(jìn)行新的錄屏，可以：
① 按下快捷鍵Ctrl+N，或
② 點(diǎn)擊菜單：“文件→新建”，或
③ 點(diǎn)擊工具欄的“新建”按鈕。
然后，軟件會(huì)彈出“新項(xiàng)目向?qū)?第一步”，讓你進(jìn)行設(shè)定。
Image Hosted by ImageShack.us
① “開始捕捉”：默認(rèn)是選中的，當(dāng)然要選中。
②“錄音”：強(qiáng)烈建議不選。理由1：很多教程不需要聲音，不錄制聲音可以極為明顯的縮小生成的文件。理由2：如果需要聲音，也可以在錄完之后，加在每一幀上，這樣一來精確，二來便于修改。
③“隱藏wink窗口”：建議選中。具體有什么用？試一下就知道了。沒錯(cuò)，就是把wink主窗口隱藏起來，這樣便于接下來選擇“錄制范圍”。
④ “錄制范圍”：可以是全屏、窗口、自定義矩形、預(yù)定義的矩形（如800×600,400×300……）。善用佳軟建議選“窗口”，然后點(diǎn)擊“選擇”按鈕，移動(dòng)光標(biāo)，wink就可以識別窗口了。這樣自動(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í)生效，而善用佳軟認(rèn)為使用wink是不應(yīng)該使用這種模式的，否則就是放棄了wink的優(yōu)點(diǎn)而用它的缺點(diǎn)。詳見下文。
⑥“動(dòng)作捕捉”：建議最多選取“鼠標(biāo)”，而不選按鍵。因?yàn)槿绻匆淮捂I則截一次屏，尤其在輸入文字時(shí)，會(huì)導(dǎo)致錄制文件偏大。和上面一樣，這個(gè)設(shè)定是“動(dòng)作捕捉”時(shí)起作用的。
向?qū)У诙?，其?shí)是確認(rèn)快捷鍵。這些熱鍵可以自定義，方法是菜單：文件→參數(shù)設(shè)置。
這里有三個(gè)鍵：
①手工捕捉：按下這個(gè)鍵，wink就捕捉一幀。這是善用佳軟用得最多的一個(gè)鍵，也是wink的精華所在。正是有了它，才使得wink錄制的flash比任何軟件，包括最強(qiáng)大的商業(yè)軟件都小很多。簡言之，它讓用戶決定什么時(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í)間盡可能短。
③動(dòng)作捕捉：也就是說，按下此鍵后，wink會(huì)根據(jù)上面設(shè)定的鍵盤、鼠標(biāo)動(dòng)作，開始/停止捕捉。我錄制的flash基本上只用手工捕捉，并且習(xí)慣之后，很容易判斷什么時(shí)候該按下Pause鍵，這樣形成的文件體積極??！當(dāng)然，也可以用鼠標(biāo)驅(qū)動(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)容
如果錄屏只為了自己日后查看，則可以不進(jìn)行編輯。但是，如果準(zhǔn)備將結(jié)果進(jìn)行公開發(fā)布，則編輯工作和錄制一樣重要，甚至更重要。
4.1 編輯的目標(biāo)
善用佳軟看來，編輯工作有兩個(gè)目標(biāo)：表達(dá)更清晰；flash盡可能小。
4.2 wink編輯的一般原則
這些內(nèi)容是xbeta的經(jīng)驗(yàn)之談，希望大家能認(rèn)真閱讀，也歡迎指正補(bǔ)充。只有了解原則，也就是“什么情況下應(yīng)該做什么”，才能“使用軟件”。否則，只知道軟件有什么功能，那往往是“被軟件所用”。以下部分稍后完成。
4.2.1 刪除多余幀，
4.2.2 讓光標(biāo)連貫
4.2.3 加入必要的說明
4.2.4 設(shè)定適當(dāng)?shù)难訒r(shí)
4.2.5 加入必要的交互
4.2.6 是否需要封面/封底？
4.3 一些技巧
透明圖標(biāo)
導(dǎo)航
復(fù)制頁
繼續(xù)錄制
5. 將錄制結(jié)果輸出flash
錄制完成后，為了安全起見，強(qiáng)烈建議先把錄制內(nèi)容保存為.wnk源文件。一來防止數(shù)據(jù)丟失，二來便于日后再利用。軟件操作過程中不斷存盤，是善用佳軟推薦的簡易安全之道。
Wink可以把錄制結(jié)果輸出為flash、htm+圖片、pdf等格式，但我們最常用的是輸出為flash。其操作步驟如下：
【步驟1】F3：項(xiàng)目設(shè)置
在輸出之前，首先要對當(dāng)前的Wink項(xiàng)目進(jìn)行設(shè)置。熱鍵F3。推薦的設(shè)置內(nèi)容如下圖所示：
[image:Wink F3 設(shè)置]
- 輸出文件名：略。
- 輸出文件類型：這是一個(gè)關(guān)鍵點(diǎn)！
[image: Wink輸出類型]
如果要發(fā)布在網(wǎng)頁上，并且追求精益求精，則推薦“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″就是尺寸。
<EMBEDSRC=”pdfcreator-install.swf” WIDTH=503 HEIGHT=405 quality=lowloop=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ā)于論壇），建議你選擇“UncompressedMacromedia Flash (*.swf)”，即未壓縮的、標(biāo)準(zhǔn)的flash文件，這樣體積稍大，但通用性更好。
至于生成windows可執(zhí)行文件exe格式，我并不推薦。因?yàn)閷Ψ轿囱bflash的情況極少，而exe容易引發(fā)安全問題或令對方有安全擔(dān)憂。
- 其他選項(xiàng)，建議按上圖設(shè)定。其中，選用調(diào)色板，可減小flash文件體積。
【步驟2】F7：渲染
設(shè)定完成后，就可以渲染了。渲染過程就是生成flash（以及對應(yīng)的html、js文件）的過程。
如果設(shè)定了“使用調(diào)色板”，則第一次渲染時(shí)，會(huì)提示『首次渲染時(shí)，需要執(zhí)行“項(xiàng)目 -編輯調(diào)色板”，為輸出選擇調(diào)色板』。點(diǎn)擊“確定”，會(huì)彈出“編輯調(diào)色板”對話框，點(diǎn)擊“新建”按鈕，接受默認(rèn)設(shè)置（下圖）即可。有了調(diào)色板后，開始渲染（如果沒有自動(dòng)開始，再按F7），渲染的結(jié)果是，生成了3個(gè)文件（winkv2.0 b1060）：xx.htm, xx.swf, xx.js。
[image: Wink調(diào)色板]
【步驟3】F8：查看
輸出結(jié)果后，你可以用瀏覽器查看結(jié)果，是否滿意。在Wink中按F8，則可以方便地用默認(rèn)瀏覽器打開htm，再調(diào)用swf，播放動(dòng)畫。通過查看，您可以發(fā)現(xiàn)一些不足，再返回來修改文件。
5. 技巧提示
一個(gè)好的錄制作品，應(yīng)體積小、解釋清晰、無多余操作。以下技巧提示幫您達(dá)成目標(biāo)。
1.減小體積：錄制時(shí)，將必要窗口盡可能拉小；刪除多余的關(guān)鍵幀；輸出flash時(shí)，用調(diào)色板功能。
2.控制播放時(shí)間，更易理解：某些需要注意或仔細(xì)觀看的幀，加入延時(shí)（1秒）必要時(shí)加入“下一幀”按鈕，讓用戶手工點(diǎn)到下一幀（相當(dāng)于暫停）
3. 必要時(shí)可加入文字說明（應(yīng)伴以上述時(shí)間控制）
4.關(guān)于聲音：一般不建議全程錄音，這樣體積太大，也沒必要。就算必要，也不便于編輯。如果一定要加聲音，我建議錄屏、優(yōu)化屏幕操作后，最后配音。方法是，選中一幀，在工具欄中點(diǎn)擊加入聲音按鈕，如圖。這樣，只有播放完聲音才會(huì)切到下一幀。
5.關(guān)于導(dǎo)出flash的尺寸。wink采用了特殊的壓縮格式，這樣文件體積較小。但副作用是播放器無法判斷視頻的尺寸。也就是說，如果直接打開flash文件100%顯示，則實(shí)際是錄屏大小的1/4，無法調(diào)整到原分辨率。因此，發(fā)布動(dòng)畫時(shí)，請保留導(dǎo)出時(shí)生成的htm文件，其中規(guī)定了原尺寸。
6. 作品示例
1. 楊氏電腦系列教程
2. 介紹excel的Vlookup函數(shù)點(diǎn)這里觀看
3. 介紹軟件Concept Draw，點(diǎn)這里觀看
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. 相關(guān)鏈接
- 演示教學(xué)的好幫手——Wink軟件｜劉占禮
- 記錄屏幕操作Wink輕松搞｜孤舟
- 臺灣網(wǎng)友的介紹和應(yīng)用
- 善用Wink，將電腦操作錄屏為flash
