曾昭雄

訪客影像紀錄系統 訪客影像紀錄系統 訪客影像紀錄系統 訪客影像紀錄系統

曾昭雄

, 張婷婷

,楊憲祥

, 陳威任

1崑山科技大學 電腦與通訊系 台南 台灣

2崑山科技大學 語言中心 台南 台灣

*通訊作者 710 台灣台南縣大灣路 949 號 Tel: +886-6-2051365 Fax: +886-6-2055584

e-mail: a6992634@gmail.com

摘要 摘要 摘要 摘要

大頭貼在近年來一直深受年輕人的喜愛，因可 選擇自己喜愛的背景，加上表現自己特色的自拍 照，富有收藏的價值。本文提昇大頭貼原本的功 能，透過攝影機、觸控螢幕和電腦等硬體設備，以 XNA 及 C#語言設計開發訪客影像紀錄系統。本系 統藉由珍藏個人大頭貼的習性，並結合創意背景的 設計及文字圖畫的編輯等功能，可達到形象廣告的 目的，目前本系統已規劃用於公司形象、活動廣 告、風景區景物、婚紗攝影及明星合成照等應用上。

關鍵詞 關鍵詞 關鍵詞

關鍵詞：：：大頭貼、形象廣告、影像紀錄 ：

Abstract

Photo stickers have become more and more popular with young people, since they can choose their favorite backgrounds, and present their own special features with photos taken by self which is worth collecting. This paper enhances the original function of photo stickers. The function is achieved with the hardware apparatus, such as cameras, touch panels and computers, and with developing the visitor image record system with XNA and C# languages.

Through the habits of collecting photo stickers and the combination of the design of creativity backgrounds and the functions of text-image edition, the goal of image advertising is achieved in this system. At present, this system has planned the application for company image, activity advertising, scenery, bridal

veil pictures, and star synthesis.

Keywords: photo stickers; image advertising; image record.

1. 前言

前言 前言 前言

商品的生命力要如何才可歷久彌新？不被時 間及歲月遺忘？跟上流行的腳步或是個性化的商 品是最好的方法之一。大頭貼的創意已經在市面上 流行數十年，因隨時代的潮流加入不同的流行的因 素及個人化的因子，在市面上依舊可見到其蹤跡。

由於大頭貼一直是年輕人表現自己特色的方 式，深受年輕人的喜愛，在網路上有一些公司推出 大頭貼的服務，使用在觀光、婚禮、展覽、遊園會、

晚會…等不同的場合。例如：思源資訊股份有限公 司推出的水噹噹大頭貼系列[1]、愛世代創意婚禮團 隊推出的婚禮大頭貼機[2]，如圖 1 所示。大頭貼機 器強調是一台可即時拍照、影像合成及相片貼紙輸 出的機台，因大頭貼可選擇自己喜愛的背景，及表 現自己特色的自拍照，富有收藏的價值，可為活動 現場帶來歡樂氣氛與提供紀念價值。目前大頭貼的 特色約為：

圖 圖圖

圖 1 愛世代創意婚禮團隊推出的婚禮大頭貼機愛世代創意婚禮團隊推出的婚禮大頭貼機愛世代創意婚禮團隊推出的婚禮大頭貼機 愛世代創意婚禮團隊推出的婚禮大頭貼機

1. 去除棚內背景，縮放拍照者人像尺寸，將背景 圖融合，成為一張張生動活潑的相片，再以相 片貼紙輸出。

2. 有些婚禮大頭貼機為了讓新郎新娘留下永恆 的紀念，有留言板或塗鴉功能，讓使用者自行 製作一張張祝福的小卡片，在婚禮結束後再以 電子圖檔的方式留給新郎新娘。

大頭貼技術是種富有個人特色的技術，輸出後 的相片極具有收藏價值，但將其應用於商業形象促 銷或形象推廣上，有以下的功能必須提昇：

1. 形象背景是否可快速的製作，且快速的取得？

2. 如何讓使用者更方便使用留言板或塗鴉功 能？

3. 如何快速將留言板或塗鴉與自拍照合成？

4. 使用者是否可即時拿到合成相片，並可快速流 通，已達宣傳效果。

本系統針對以上四個要求，提出的解決方法如 下所示：

1. 形象背景的製作可使用相機取景或是使用繪圖 軟體自行製作，最後再經透明度的處理就可以 使用，在系統中形象背景沒有張數限制，拍照 時以手指滑動觸控螢幕選取。

2. 讓使用者直接以手指在觸控螢幕留言板或塗 鴉，選取顏色或清除塗鴉都以一個手勢完成。

3. 將留言板或塗鴉的內容與自拍照以圖像的方式 合成。

4. 系統除保留大頭貼相片貼紙輸出的功能外，並 加上寄送電子郵件的功能，使相片可即時傳送 到電腦、智慧手機、平板電腦上，連接社群網 路，達到快速流通宣傳效果。

2. 訪客影像紀錄系統

訪客影像紀錄系統 訪客影像紀錄系統架構 訪客影像紀錄系統 架構 架構 架構

本系統為了使大頭貼系統能應用於商業形象 促銷或形象推廣上，透過攝影機、42 吋觸控螢幕和 電腦等硬體設備，以 XNA 及 C#語言設計開發訪客 影像紀錄系統，實物如圖 2 所示。

以訪客影像紀錄系統拍攝之成品如圖 3 所示，

此拍攝場景為崑山資訊科技研發中心的明日科技 屋，取名 u-Home(Ubiquitous-Home)，u 為無所不在

的服務，在中文的聲音有優質的意思，所以明日科 技屋又稱為優質家庭，當來賓來訪時，可以透過此 系統一起合影留念。

圖 圖 圖

圖 2.大頭貼實物圖大頭貼實物圖大頭貼實物圖大頭貼實物圖

圖 圖 圖

圖 3 訪客影像紀錄系統拍攝之成品訪客影像紀錄系統拍攝之成品訪客影像紀錄系統拍攝之成品訪客影像紀錄系統拍攝之成品 在明日科技屋中也利用訪客影像紀錄系統的 技術設計一張智慧桌，除了可顯示個人的 RSS 媒體 訂閱、連上個人喜愛的網頁、顯示個人喜愛的互動 遊戲、提醒各人健康狀態外，也設計一些應用功 能，在兒童照護遊戲方面，較特別的是「小小農夫」

作品，可幫助家長準備晚餐時並照護 5~9 歲的兒 童；在互動藝術遊戲方面，較特別的是「自然之美

─向日葵」作品，目的在增加家庭的藝術氣息與樂 趣；在休閒遊戲方面，較特別的是「電流急急棒」

作品 [3-5]。

2.1 訪客影像紀錄系統訪客影像紀錄系統訪客影像紀錄系統訪客影像紀錄系統之設計之設計之設計之設計

本 研 究 主 要 使 用 到 兩 種 程 式 語 言 ， 分 別 為 XNA Game Studio (Xbox/DirectX New Generation Architecture) [6-7]、C^# [8] ，而這兩種語言又同為微 軟公司所開發，並能同時在 Microsoft Visual Studio (VS) [9] 上搭配使用，搭配 42 寸觸控螢幕及網路攝 影機，透過最直接的觸控螢幕人性化的操作方式來 拍攝大頭貼。

系統操作流程如圖 4 所示，當進入本系統，第 一件事就是透過手指在螢幕上滑動更換背景，選取

個人喜愛的圖案，選定背景就能進入拍照，當拍照 完成能選擇編輯或是寄送，如不喜歡能選擇重新拍 攝。編輯時能以色盤方式選擇選擇畫筆的顏色，如 圖 5 所示，使用者以手指在編輯能留下簽名或塗 鴉，如對塗鴉內容不滿意，只要以手掌在螢幕一 揮，就可清除塗鴉的內容。當系統被選擇為寄送模 式時，系統會把自拍照、編輯完的字跡跟背景以圖 像的方式做合成，並出現個人電子信箱的編輯畫 面，如圖 6 所示，可使用傳統的鍵盤或透過觸碰螢 幕上的虛擬鍵盤輸入電子信箱，且依其信箱寄送。

圖圖圖

圖 4 系統操作系統操作系統操作系統操作流程圖流程圖流程圖流程圖

圖 圖圖

圖 5 以色盤選擇以色盤選擇以色盤選擇以色盤選擇畫筆顏色畫筆顏色畫筆顏色畫筆顏色

圖 圖圖

圖 6 虛擬鍵盤虛擬鍵盤虛擬鍵盤 虛擬鍵盤

如以大頭貼的設計觀念，希望每使用一次大頭 貼機器，使用者必須付一次錢，所以當合成照被寄 出或輸出時，系統就要結束。當如用在形象推廣 上，目的是希望多多把合成照流通，已達宣傳效

果，所以設計方式有所不同，本系統雖有相片貼紙 輸出的功能，但偏向使用寄出的功能，因為寄電子 信箱的方式除了免去輸出的成本，更容易達到流通 宣傳效果。

如圖 4 所示，當合成照寄出後，又會回到個人 電子信箱的編輯畫面，讓使用者寄送到不同的信 箱；甚至可以再回到編輯模式，寫下不同的塗鴉，

再做一次流通宣傳效果。

2.2 多點觸控螢幕多點觸控螢幕多點觸控螢幕多點觸控螢幕之設計之設計之設計之設計

由於多點觸控技術的成熟，傳統的滑鼠和鍵盤 操作已逐漸被多點觸控技術所取代。本設計透過多 點觸控技術讓使用者能夠拋棄滑鼠鍵盤，使用最簡 單的方式來更換背景，只須讓手指在螢幕上左右滑 動，就能達到更換背景的效果。

多 點 觸 控 面 板 因 只 支 援 二 個 光 學 攝 影 機 單 元，目前只能偵測兩個手指動作，它為了實現多點 觸控的能力[10]，建立兩組資料用來記錄手指 1 與 手指 2 的資訊，當我們接收到多點觸控事件的時 候，會先判斷目前的資料為一指還是雙指，當一指 的時候我們會將 Finger1 Enabled，Finger2 disabled，

同時儲存座標資訊；如果收到雙指的資料的時候 Finger1 Enabled，Finger2 Enabled，同時儲存座標資 訊 。 所 以 只 要 偵 測 Finger1 和 Finger2 是 否 為 Enabled，就可判斷觸控的手指數和觸控的位置。

將觸控訊息分為兩大類:手勢與手指資訊。手指 資訊有七個參數，分別為手指數、x 軸位置 1、y 軸 位置 1、影子大小 1、x 軸位置 2、y 軸位置 2、影 子大小 2 等，如圖 7 所示。

圖 圖 圖

圖 7 多點觸控面板硬體架構圖多點觸控面板硬體架構圖多點觸控面板硬體架構圖多點觸控面板硬體架構圖

2.3 觸控螢幕之手勢應用觸控螢幕之手勢應用觸控螢幕之手勢應用觸控螢幕之手勢應用

當進入大頭貼系統可透過手勢來選取喜愛的 背景，當手指觸碰螢幕，並向右方快速滑動，如圖 8 所示，此手勢代表的動作為換下一張背景，向左 方快速滑動則代表上一張，如圖 9 所示。

圖 圖圖

圖 8 向右方快速滑動向右方快速滑動向右方快速滑動向右方快速滑動

圖 圖 圖

圖 9.向左方快速滑動向左方快速滑動向左方快速滑動 向左方快速滑動

離開大頭貼系統時，使用雙掌碰觸螢幕約 2 秒，雙掌再離開螢幕則可關閉大頭貼系統，如圖 10 所示。

圖 圖 圖

圖 10 雙掌雙掌雙掌雙掌碰觸碰觸碰觸碰觸螢幕螢幕螢幕螢幕

編輯時，當塗鴉或簽名需要擦掉時，只需要單 手掌碰觸螢幕並向右滑動，便可清除畫面上所撰寫 的字跡塗鴉，如圖 11 所示。

圖圖

圖圖 11 單掌單掌單掌單掌碰觸碰觸碰觸碰觸螢幕向右滑動螢幕向右滑動螢幕向右滑動螢幕向右滑動

3. 訪客影像紀錄系統

訪客影像紀錄系統 訪客影像紀錄系統之應用 訪客影像紀錄系統 之應用 之應用 之應用

一般市面上的大頭貼機器，受限與背景的樣式

和螢幕的大小，往往製作出來的成品無法滿足消費 者需求，而使用本系統大頭貼就可以客製化出消費 者的需求，隨意添加個人喜愛的背景。

只要更換成合適的背景，將可客製化消費者的 需求，如將本系統放置遊樂園，依遊樂園的主題或 需求來客製化專屬的背景樣式，供遊客拍照留念，

甚至可以在背景加入一些遊樂園的相關介紹或是 代表的事物，可達到商業形象促銷或形象推廣上的 效果。

3.1 客製化背景客製化背景客製化背景客製化背景

製作客製化背景有許多的方法，可使用相機取 景或是使用繪圖軟體自行製作，圖片解析度需為 1024*768 像素，建議存成 png 的圖片格式。不管 使用哪種方式最後都需要做圖片透明度的處理。圖 片透明度設定為透明的地方是要讓攝影機照攝到 的影像正常顯示之處，也是顯示自拍照的地方；而 透明度設定為不透明的範圍，正是大頭貼的背景 圖，也是攝影機影像無法顯示之處，適合做公司形 象設計的地方。除此之外，也可藉由調整圖片的透 明度來製作出朦朧氣氛的背景。

3.2 應用實例應用實例應用實例應用實例

目前由本研究客製化製作出的應用有:

(1)婚紗照 (2)明星合成照 (3)形象推廣照

以婚紗照為例，圖 12(a) 為客製化背景，此背 景是將頭部的部分做透明度的處理，只讓頭部的部 分能夠顯示於螢幕上，讓使用者體驗穿上婚紗的感 覺，雖然跟實際試穿有差別，不過能當作參考的依 據，可省去不少時間，並能同時試拍很多套婚紗，

實際拍攝如圖 12(b)所示。

圖圖圖

圖 12 (a)婚紗照婚紗照婚紗照婚紗照客製化背景客製化背景客製化背景客製化背景 (b) 實際拍攝實際拍攝實際拍攝 實際拍攝

以明星合成照為例，製作此背景樣式只需將明 星人物影像保留，其它部分使用透明化處理，就能 製作出與明星偶像合拍的合成照，如圖 14 所示。

此處研究僅當學術交流用途，明星圖片是由網路下 載，經客製化背景處理，能快速於本系統使用。

圖 圖 圖

圖 14 明星合成照明星合成照明星合成照明星合成照

以形象推廣照為例，可將背景加入公司的行銷 廣告或是有關的形象推廣，可藉機提升公司的能見 度和形象。如圖 15 所示，為崑山資訊科技研發中 心 u-Home 的形象推廣照。

圖 圖 圖

圖 15 形象推廣照形象推廣照形象推廣照形象推廣照

4. 結論

結論 結論 結論

本研究結合了觸控螢幕、攝影機、電腦，成功 實作出大頭貼系統，使用手指觸碰螢幕來操作編 輯，最後成品將以電子郵件寄送方式，寄送至個人 電子信箱，以最便利的方式來收取成品。

由傳統的大頭貼機跟本研究的大頭貼做比較 將可發現，傳統的大頭貼背景樣式比較固定，可能 無法選取到自身喜愛的背景樣式，而拍完的成品大 多是直接製作成大頭貼，相較之下，本系統就能製 作出屬於個人客製化的背景樣式，並將拍完的成品 直接寄送至個人電子信箱，可依個人喜好將檔案拿 至沖洗店沖洗成想要的尺寸。

既然能客製化背景，故應用範圍將為更加廣 泛，只需要依人事物地的需求來客製化即可，例如 使用於結婚場合，將背景製作成甜蜜浪漫的氣氛，

供賓客拍照留念，或是給結婚新人留下祝福的話。

本研究客製化部分，對於公司或企業的推廣形 象部分應該會有不錯的成果，只需依公司或企業的 需求製作專屬的背景，然後供消費者免費拍攝使 用，如消費者將拍完的成品放置於網路或社群網站 上，無形之間就是免費的幫企業做形象的推廣，將 會有助於提升企業的形象。

5. 參考資料

參考資料 參考資料 參考資料

[1] 思源資訊水噹噹婚禮大頭貼機 http://www.sourcetec.com.tw/

[2] 愛世代創意婚禮團隊婚禮大頭貼機

http://www.istylewed.com.tw/2010/05/%e5%a9%

9a%e7%a6%ae%e5%a4%a7%e9%a0%ad%e8%b 2%bc%e6%a9%9f%e5%87%ba%e7%a7%9f/

[3] Ling-Erl Cheng, Chao-Hsuing Tseng, and Chun-Lin Lu,” Design and implementation of the smart dining table,” Consumer Electronics, Communications and Networks (CECNet), Xianning, China, pp 4887~4889, April 2011.

[4] Ling-Erl Cheng, Chao-Hsuing Tseng, and Chun-Lin Lu,” Design of Interactive e-Care Dining Table for Smart Kitchen,” Computational Aspects of Social Networks (CASoN), Taiyuan, China, pp 179~182, Sept. 2010.

[5] 鄭玲兒、曾昭雄、盧春林，”數位照護餐桌設 計”， UHC2010, pp.380-383, Nov., 2010.

[6] 維基百科

http://zh.wikipedia.org/wiki/XNA_Game_Studio_

Express#cite_note-xnafaq-0

[7] 王焜潔、單煒明、李典恩， “以 XNA 平台實作 動作遊戲之 AI 系統” ，嶺東科技大學數位媒體 設計研究所碩士論文，2010。

[8] 維基百科

http://zh.wikipedia.org/wiki/C%E2%99%AF [9] 維基百科

http://zh.wikipedia.org/wiki/Microsoft_Visual_St udio

[10] “ViewerII 使用者手冊 V1.1”,JOYPLUX TECHNOLOGIES, LTD.