2009年10月23日 星期五

使用Microsoft Expression Encoder 3 與Encoder 3 Screen Capture錄製影音教學

這是一篇站長幫台灣微軟官方撰寫的Expression Web 3 新功能系列文章之一,主要是講述Microsoft Expression Encoder 3 Screen Capture螢幕錄製器來擷取電腦畫面做一段教學錄影,並在錄製影片的途中使用麥克風做聲音旁白講解,再將錄製好的影片由Microsoft Expression Encoder 3進行專業編碼轉檔發佈輸出,能讓您感受到豐富的Microsoft Silverlight新視訊體驗,除了有刊載在Microsoft Expression官網之外,也同步放在此部落格上供您瀏覽參考!

請開啟Expression Encoder 3 Screen Capture,點選「編輯選項」,裡面有相關設定,可先確認是否設定符合您的需求!

1

在「螢幕」的頁面標籤裡,可以設定相關速率與品質,並可以勾選是否錄製時要擷取滑鼠游標與多層視窗。「相機」的頁面標籤則是指若有使用網路攝影機(WebCam)時的相關設定,在此例目前是沒有用到此功能,所以不用設定。
2


在「音訊」的頁面標籤裡,請務必記得正確勾選您目前電腦上有安裝的麥克風裝置,否則之後錄製時是無法同步錄製聲音旁白,在此也可以設定格式與速率等音訊品質。
3
在「其他」的頁面標籤裡,可以調整是否錄製前要顯示倒數321的畫面、開始或暫停錄製是否會發出提示聲音等選項,這邊建議若沒有特殊需求,一般用預設值即可。
4
回到Expression Encoder 3 Screen Capture工作列,記得點選「音訊」鈕啟用麥克風錄製旁白的功能。
5

以本例來說,想要錄製一段Microsoft Expression Web 3的網頁設計教學,所以請在錄製前先開啟該軟體畫面,接著按下「錄製」鈕,開始進行正式錄製。
6

錄製時需要先定義要抓取的畫面範圍,預設值會以紅色框表示目前選擇到要錄製的區域範圍。
7


若範圍確定無誤請點選滑鼠左鍵,會出現「選取區域」的視窗,顯示出本次要抓取的畫面寬與高像素尺寸,若無問題請再次按下「錄製」鈕。
8
若範圍確定無誤請點選滑鼠左鍵,會出現「選取區域」的視窗,顯示出本次要抓取的畫面寬與高像素尺寸,若無問題請再次按下「錄製」鈕。
9

系統會出現正載處理載入預覽的訊息,請稍等一下。
10

出現預覽畫面後,您可以在此按下左下角的「播放/暫停視訊預覽」鈕,觀看剛剛錄製的影片成果是否滿意,若不滿意則可按下右下角的垃圾桶圖示,以捨棄目前的擷取並擷取另一個畫面;若是想直接先儲存並繼續錄製其他影片,可以選擇「儲存目前的擷取並擷取另一畫面」鈕,另存新檔成為.xesc專屬格式;若您想要一氣呵成連貫處理完成,則建議您直接按下最右下角的「啟動Expression Encoder」鈕。
11

要將錄製的原始資料由Expression Encoder Screen Capture傳遞到Expression Encoder時,系統仍是會出現要先存.xesc專屬格式的檔案的訊息,請挑選您所要存檔目錄位置。
12

接著會自動開啟Expression Encoder軟體,下圖是影片資料轉移進入到Expression Encoder3之後,系統預設操作介面的畫面。
13


在「編碼」的頁面標籤裡,請選擇輸出格式為「Windows Media」。
14

在「系統」的頁面標籤裡,編碼品質建議選擇成「最佳品質」,做完設定請記得按下「套用」鈕。
15

「WMV」的選項裡面,如果您想要輸出品質清晰,建議您可以挑選「VC-1 XBox 360」,這是筆者測試後覺得輸出畫面比較大且清晰的選項之一,做完設定請記得按下「套用」鈕。
16

在「輸出」的頁面標籤裡,若您不選擇範本,則屆時Expression Encoder會直接將檔案轉成一個單獨的.wmv與.dat檔案,若是有挑選範本,則會同時一起輸出包含網頁與圖檔等相關的檔案格式,在此例筆者「範本」是選擇「企業風銀色版」這個選項。
17

在底下的「工作輸出」選項內,請點選「目錄」右方的「瀏覽輸出資料夾」鈕。
18

挑選好您要的資料夾位置後,按下「確定」鈕。
19

上述設定完成後,請按下「編碼」鈕,Expression Encoder會開始進行編碼的處理工作。
20
編碼轉檔的動作,需視您錄製的時間長短、畫面大小、挑選輸出的影片品質等因素,會需要不同的處理時間需要等待,可以觀看「狀態」上的進度來了解處理情形。
21

編碼完成後,若之前有挑選範本,則Expression Encoder會呼叫出Microfost Expression Development Server的虛擬伺服器環境,讓您自己的本機端電腦不用安裝IIS網站伺服器,一樣可以即時觀看輸出成網頁格式後的情形,而不用浪費時間反覆上傳資料到網站伺服器上去做測試,等在本機端測試無誤再一次上傳到正式的網站伺服器即可(但正式伺服器上需要有IIS7及安裝相關套件與設定方可觀看)。
22

下圖是在本機端觀看本次編碼轉檔輸出後,系統產生出影片的範本網頁格式,如果在上面按滑鼠右鍵,您就會發現顯示的是Silverlight視訊型態。
23

如果您直接到之前設定好的輸出資料夾去觀看,會發現在子資料夾內(預設是以您的電腦名稱加上西元年月日時分秒為此資料夾名稱),會有如下圖所示的這些檔案在裡面,實際的教學影片檔案是儲存成.wmv檔案格式。
24
您若想要直接將教學影片檔拿去做運用,可以將.wmv檔案另外複製到其他地方,也就是說即使不使用Silverlight視訊發佈方式也是可以的,因為wmv是一種很常見普及的影音格式,大部分播放軟體都有直接支援此格式,直接點擊此wmv檔案,系統會將您電腦預設的多媒體播放器呼叫出來,例如筆者電腦預設是由Windows Media Player來開啟wmv檔案。如下圖所示,可以證實使用Expression Encoder3編碼後的影片檔案,完全是可以由您自行取出獨立做其他任何運用的,例如您可以將此檔案上傳到自己的部落格或YouTube等影音網站做展示宣傳,或者是做成其他網頁格式或燒錄成教學光碟,可用來提供給您的客戶或學員做系統教育訓練等培訓用途。
25


2009年10月22日 星期四

台科大教育部計畫案「技職校院建立策略聯盟計畫」網頁設計專題製作與學術競賽,第一年舉辦的課程花絮

這是台科大針對策略聯盟的高中職學校學生開立的專班(去年也曾經開過類似班級),使用網路及部落格已是現代人的必備能力之一,但若能學習建立並設計屬於自己的網站,更能凸顯您的個人風格。此課程由淺入深,即使您非設計相關科系,也能夠學會簡易的網站設計,並完成個人的部落格申請與建置,從中得到接觸設計與相關網路服務的興趣。

教學內容:
預計課程單元名稱
時數
網頁設計概況分析、認識網頁圖檔格式
3
PhotoImpact基本操作
3
HTML語法介紹
3
CSS語法介紹
3
PhotoImpact與Microsoft Expression Web網頁美編製作
6
個人網頁成品實做與上台報告成果驗收
作品優缺點檢討與觀念複習
3
部落格的申請與調整
3
部落格的進階設定與運用
網路服務的置入與運用
3
分組(3~5人為一組)籌劃討論主題式部落格,包含資料蒐集、鍵入、部落格系統運用與加入視覺美編調整設計
6
上台展示主題式部落格報告成果驗收與各組成品觀摩
公布組別名次,作品優缺點檢討與觀念複習
3

上課資訊:
起迄時間:2009/10/24-2009/11/28
上課時數:36小時

上課時段:每週六 9:30-16:30


2009年10月20日 星期二

多媒體排版製作與數位化設計班

政府補助的電腦課程又來囉!台科大推廣教育部多媒體排版製作與數位化設計班正在招生中,站長擔任的是網頁設計之觀念與應用、Dreamweaver 網頁設計與網站管理這兩門課的講授!

本設計班搭配業界盛行之專業軟體 Photoshop、Illustrator、Word、InDesign、Flash、3ds Max、Dreamweaver,含括四大方向的專業訓練,含括影像處理、排版編輯、動畫設計與網頁設計,皆為資訊數位化傳播領域上之重要課程,以求學員們對於資訊數位化傳播領域,有著通透融合的體悟,並激發學員們能培養學習心、綻露成就感、重拾自信心與實現新專長,隨即能應用於職場之中,進而能符合業界對人才的期望值。


詳細報名資訊請直接到http://cec.ntust.edu.tw/CourseInfo.aspx?id=574


教學內容:

課程名稱

課程大綱

電腦軟體之操作實務

Ø 軟體共通的基本操作法操作軟體的效率觀念數種多媒體軟體的高效操作法

6

影像處理之觀念與應用

Ø 影像處理導論小畫家之操作與影像編輯影像檔的瀏覽、轉檔與壓縮

9

Photoshop 影像處理之基礎與進階

Ø 影像合成之觀念與實務平面設計之基礎與實務視覺處理之觀念與實務

45

Illustrator 插畫設計

Ø 點陣圖與向量圖的觀念與運用影像形狀之路徑與填色的運用筆畫、筆刷與鋼筆工具的運用

33

排版編輯之觀念與應用

Ø 排版編輯導論多種排版軟體之認識Office Word 之排版實作

6

InDesign 排版編輯之基礎與進階

Ø 版面之觀念、配置與管理版面之出血設定之觀念與實務版面內之各種物件的樣式與格式

33

多媒體設計之觀念與應用

Ø 多媒體導論認識各類型之多媒體軟體操作多種多媒體編輯處理的自由軟體

9

Flash 多媒體動畫設計

Ø 動畫內各種元件與物件之觀念與實務補間動畫與形狀動畫之觀念與實務

33

3ds Max 動畫設計

Ø 立體動畫製作之原理與應用人物表情製作之原理與實作場景空間、質感、氣氛與特效之觀念與實作

99

網頁設計之觀念與應用

Ø 認識網頁實現網站之基本架構與技術瀏覽與了解網頁內各種多媒體物件

6

Dreamweaver 網頁設計與網站管理

Ø 軟體環境之介紹與選單操作網頁版型之觀念與實務網頁資訊架構4規劃之實作

60

專題製作

Ø 本課程設計之用意在透過團隊合作的方式,整會各科學習成果,同時累積系統開發經驗與程式設計能力。

48

業界見習

Ø 到資訊業界參訪,瞭解實務上的應用

6

專題演講

Ø 邀請業界人士分享職場上的需求與趨勢。

15


師資說明:

師資姓名

學歷

()

授課科目

課目

時數

柯盈宏

碩士

中山大學資訊工程研究所

文魁資訊股份有限公司產品經理

電腦軟體之操作實務

6

多媒體設計之觀念與應用

9

Flash多媒體動畫設計

33

蔡行健

碩士

世新大學

圖文傳播暨數位出版系

2009嘉義縣觀光旅遊局 發現嘉義導覽書(中、英、日)美術設計

2008總統府前國慶遊行 台北縣政府花車視覺設計

2006 TIVAC台北國際視覺藝術中心「情感‧信仰‧烏托邦」攝影個展

2005台南縣虎頭埤水與綠嘉年華 藝術總監

2004彰化花卉博覽會 平面設計暨會場指示標誌規劃設計

2004行政院勞委會 友善女性企業獎座設計

2003國安會 VIS視覺系統規劃設計

2000台中縣交通旅遊局 VIS視覺系統規劃設計

1999台北市燈節 總統府前四大主燈規劃設計

影像處理之觀念與應用

9

Photoshop 影像處理之基礎與進階

45

甘貴新

光武工專電子工程科

台灣微軟技術支援處 / 工程師及顧問講師

中國文化大學推廣教育部 / 電腦講師

Illustrator插畫設計

33

排版編輯之觀念與應用

6

InDesign排版編輯之基礎與進階

33

蘇東偉

大華工商專科學校

資策會資訊科學展示中心上班族電腦班特約講師

菱通科技電腦訓練中心一般課程與企業包班特約講師

網頁設計之觀念與應用

6

Dreamweaver網頁設計與網站管理

60

邱國祿

加拿大Infocast Institute of Digital Arts數位多媒體所

3D動畫設計:3ds max, maya, softimage3D, Bryce,Poser

2D美術設計:PhotoShop, Illustrator, Deeppaint 3d特效美術 Illusion

後製剪接:After Effects, Premiere, ombustion2, 3D遊戲,動畫製作

Discreet Autodesk 3ds max 種子教師研習營講師

Discreet Autodesk 3ds max 認證考試命題講師

行政院勞委會職訓局多媒體講師

宇峻科技遊戲美術設計師

中華網龍遊戲美術設計師

3ds Max動畫設計

99

蔡承恩

真理大學

台灣文學系

文魁資訊股份有限公司 產品經理

城邦出版集團 DIGIPHOTO雜誌社 攝影叢書編輯

時兆出版社 時兆月刊 特約編採記者

永和社區大學 地方文史社 顧問講師

臺北縣政府 台北縣民俗及有關文物普查計畫 專案攝影

臺北縣社區營造成果專輯出版計畫 專案執行

專題製作

18

梅光宇

碩士

中正大學

中文所

文學創作、翻譯、遊戲企劃等

專題製作

18

陳尚彥

碩士

北台灣科學技術學院

機電整合研究所

北台科技有限公司互動式教學白板研發部專案經理

元平行實業有限公司ERP顧問

專題製作

18

劉念雲

臺灣大學社會學系

工作傷害受害人協會

職場安全與職災權益面面觀

3

黃敏裕

碩士

台北大學企業管理系

國立中興大學企研所管理顧問師認證培訓班結業

提升職能英文─電腦科技人接軌國際的必備利器

3

陳美雪

碩士

銘傳大學國際企業學系

新世紀形象管理學院專業講師

求職就業衝衝衝

3

袁凡芸

Mercer University

Service Management

寬宇科技有限公司人力資源經理

建立優越的職場人際關係

3

駱思安

碩士

中國文化大學資訊管理所

知諸網科技股份有限公司 董事長兼執行長 (2008/07 ~ NOW )

 富格國際股份有限公司 執行顧問 (2009/01 ~ NOW ) 

98年中華軟協合格之中小企業 網路行銷顧問 (2009/05 ~ NOW ) 

98年政府機關網站健檢計畫 計畫主持人(2009/01 ~ 2009/05 )

 研華科技股份有限公司產學合作案 專案負責人 (搜尋引擎優化、產學媒合平台) (2008/04 ~ 2009/05)

 中華民國資訊軟體協會 資安顧問 (2007/05 ~ 2009/05)

 瑞百通股份有限公司 資安顧問 ( 2007/05 ~ 2009/05 )

 國立台北商業技術學院資訊管理系 兼任講師 ( 2008/07 ~ NOW )

 中國文化大學資訊管理系 兼任講師 ( 2007/02 ~ NOW )

 華夏技術學院電子工程系 兼任講師 ( 2007/02 ~ 2008/08 )

 景文科技大學資訊管理系 兼任講師 ( 2007/07 ~ 2008/06 )

 教育部北區英語教學中心 程式設計師 ( 2006 ~ 2008/06 )

 國立台灣科技大學資訊管理系學分班 資料探勘與知識開發教學助理 ( 20052007 )

 陽明山通運公司 電腦顧問 (開發公司前端和後端資訊系統) ( 2003 ~ 2005 )

 國科會中科院計畫 兼任助理 (計畫名稱:互動式規則分析引擎之研究) ( 2004 ~ 2005 )

網路創業停看聽

3


適合對象:

1、一般國民(年滿15歲至65歲)有就業意願之失業者。
2、就業保險被保險人之失業者或特定對象之失業者。
3、經政府核准立案之國內外公私立大專校院暨專科以上學歷畢業,且具失業身分者優先。
4、性別:不限
5、依法服畢兵役、免服兵役者或由服役機關提出相關證明可參與受訓者。
6、學員參訓須以結訓後直接就業為目標,無就業意願或有升學計畫者不予錄訓。


 


報名資訊:

簡章下載 

 


一、學員一律上網下載簡章並填寫報名表。
http://cec.ntust.edu.tw/UploadFiles/FormDownload/091105.pdf


二、寄送報名審查表件時請將下列資料依編號順序,由上而下整理齊全,用迴紋針夾在左上角,平放裝入信封袋內,於報名截止日前掛號寄至「國立臺灣科技大學-推廣教育中心10607台北市基隆路四段43號 國際大樓2樓205-1室」,請註明【報名多媒體排版製作與數位化設計班】,報名繳交之影本證件一概不予退還。

 
(一)學員報名表:填寫「國立臺灣科技大學多媒體排版製作與數位化設計班報名表」;貼1吋相片一張,另一張以迴紋針別在右上角。(附表一)

(二)身份證正反面影本

(三)學歷證件影本

(四)申請日期為98/10/5以後的「勞保資料明細表」,以下兩種格式擇一檢附。
(1)「勞工保險被保險人投保資料表」及「勞工保險被保險人投保資料表(明細表)」(簡稱『勞保明細表』)需攜帶身分證親至勞保局各地辦事處辦理(http://www.bli.gov.tw/)。
(2) 以「自然人憑證」登入勞保局網頁-「網路申辦」列印「勞工保險異動」。
【註:若經錄訓於開課後一周內需再檢附申請日期為開訓後日期的勞保明細表,以證明在訓期間為失業無勞保加保狀態。】

(五)非自願性失業者持公立就業服務中心開立之推介單影本(以及生活津貼給付收據影本,若符合資格)

(六)特定對象失業者請附相關證明文件 (請見附錄1)

(1)獨立負擔家計者

(2)中高齡失業者

(3)身心障礙失業者

(4)原住民失業者

(5)生活扶助戶中有工作能力之失業者

(6)長期失業者

(7)其他經中央主管機關認定者

三、本中心將於收到審查資料後,於一週內通知報名學員,再請學員於於職訓e網(http://www.etraining.gov.tw)登錄線上報名資料。

四、報名學員所填寫及檢附之各項報名資料如經查有虛偽不實情形者,取消報名資格。

五、本中心保有開班與否及異動師資與課程內容之權利。



上課資訊:

起迄時間:2009/11/10-2010/02/05
上課時數:408


學雜費:NT$0


上課時段:周一至周五 早上09:00~12:00 下午13:00~17:00
報名費:NT$0

備註:

時程注意事項:

一律採通訊報名

11/02 截止收件

11/05 甄試

11/07 放榜公佈於推廣中心網頁,並以e-mail方式通知錄取學員,未錄取者不另通知。

甄選錄訓方式:

1、考試科目:
筆試(60%):電腦概論
基本資料審查(22%):參訓歷史、參訓身份、最近一次失業期間
口試(18%):工作經驗、學習目標、就業意願…
2、總成績70分以上為合格,再依下列身份別依序錄訓。
第一錄訓順位:持有推介單的就業保險被保險人之失業者
第二錄訓順位:特定對象之失業者
第三錄訓順位:其他一般身份依成績高低依序錄取
3、正取40名,另備取10名。

諮詢專線:

02-2730-3663 莊先生



Related Posts Plugin for WordPress, Blogger...

訂閱RSS