修平科技大學ir.hust.edu.tw/bitstream/310993100/6495/1/2018.05.23...2018/05/23  ·...

62
修平科技大學 資訊網路技術系實務專題 Photoshop 設計於網路行銷之實際 應用 指導老師 : 陳怡伸老師 學生 :楊亦鎧 BN103332 學生 :陳柏誠 BN103321 學生 :林榮堃 BN103304 學生 :謝至恩 BN103335 學生 :鄭世鴻 BN103301 中華民國 107 年 5 月 7 日

Upload: others

Post on 19-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

  • 修平科技大學 資訊網路技術系實務專題

    Photoshop 設計於網路行銷之實際

    應用

    指導老師 : 陳怡伸老師

    學生 :楊亦鎧 BN103332

    學生 :陳柏誠 BN103321

    學生 :林榮堃 BN103304

    學生 :謝至恩 BN103335

    學生 :鄭世鴻 BN103301

    中華民國 107 年 5 月 7 日

  • 修 平 科 技 大 學

    資 訊 網 路 技 術 系

    實 務 專 題 報 告 Photoshop 設 計 於 網 路 行 銷 之 實 際 應 用

    陳 柏 誠 林 榮 堃 鄭 世 鴻

    楊 亦 鎧 謝 至 恩 106

  • 中華民國 107 年 5 月 7 日

    修平科技大學 資訊網路技術系實務專題

    Photoshop 設計於網路行銷之實際

    應用

    學生 :楊亦鎧 BN103332

    學生 :陳柏誠 BN103321

    學生 :林榮堃 BN103304

    學生 :謝至恩 BN103335

    學生 :鄭世鴻 BN103301

    指導老師: ___________________老師

    評審老師: ___________________老師

    ___________________老師

    ___________________老師

  • - 1 -  

    摘要

    在現今網路時代蓬勃發展之下,各行各業的商業行為都有機

    會與網路做連結,如手機產業、家電產業等等都不斷在網路上高

    度穩定發展;家電產業必須依靠網路熟悉消費者的使用習慣,如

    果無法建立這種互動關係,便也無法生產具上網功能的家電產品;

    手機業更是如此,若無法使網路通訊品質穩定,便無法在這智慧

    型手機時代下生存,這些巨大的產業改變,全是為了因應網際網

    路時代的到來。

    隨著我們的觀察後發現,要想在網路上收集網路使用者的目

    光,進而累積使用者的數據,「圖片」便是重要的元素之一,在

    Facebook 的文章聯結中,除了首行文字,接著的是版面圖片;在

    瀏覽網路賣場時,過多的文字也容易使買家跳過閱讀,容易吸引

    目光的也是精美的圖片,要想擁有好的圖片,使用 Photoshop 後

    製是不可或缺的,我們在修平科技大學資訊網路技術系暨網路行

    銷組學習過 Photoshop 的應用,可以讓圖片變得更有內容及故事

    性,引發人們共鳴,從中獲取點閱率和觀看流量,這技術將能應

    用在任何網路行銷上,使我們的未來更有可能性和創造性。

    因此,本篇論文的研究重點除了介紹 Photoshop 的應用方式

    以外,也會著重在實踐上;第一方面,圖片技術使用於實體產品

  • - 2 -  

    上,如製作出精美的馬克杯上的圖片,證明此項技術能搭上網路

    時代洪流也能夠在實體上做出多方面應用,並且介紹儍爸條碼咖

    啡於網際網路時代是如何發展網路行銷,透過圖片、文字、數據

    等等方面解說,做出應有水準之實際應用。

    第二方面,將圖片製作為目前網路火紅的 Line 官方貼圖,利

    用巧思及 photoshop 呈獻作品,讓技術呈現實質上的收入,並且

    分享其製作過程和夥伴間的創意激盪。

  • - 3 -  

    目錄

    第一章 緒論 ............................................. 10

    1-1 研究背景與動機 .................................... 10

    1-2 研究動機與研究目的 ................................ 10

    1-3 研究章節架構 ...................................... 11

    第二章 工作進度 ......................................... 12

    2-1 工作分配 ........................................... 12

    第三章 文獻探討 ......................................... 13

    3-1 Photoshop 介紹 ..................................... 13

    3-2 使用效果介紹 ...................................... 14

    第四章 研究方法與成果 ................................... 16

    4-1 馬克杯貼紙創作 .................................... 16

    4-3 咖啡商品之 photoshop 應用 ........................... 21

    4-4 利用 word 及 photoshop 製作目錄 ...................... 24

    4-5 實際攤商販售情形 ................................... 24

    4-6 網路平台整體行銷經營策略 ........................... 26

    4-7 LINE@實際應用 ..................................... 29

  • - 4 -  

    4-8 柴犬利用特效動畫化 ................................. 30

    4-8-1 卡通效果 ....................................... 30

    4-8-2 影子效果 ....................................... 34

    4-9 臘腸狗之創意活潑化 ................................. 42

    4-9-1 融合效果 ....................................... 42

    4-9-2 倒影特效 ....................................... 45

    4-10 法國鬥牛犬之特色突顯 .............................. 46

    4-10-1 油畫效果 ...................................... 46

    4-10-2 大頭特效 ...................................... 50

    第五章 結論 ............................................. 53

    第六章 參考文獻 ......................................... 54

    附錄 .................................................... 55 

  • - 5 -  

    圖目錄

    圖 4-1-1 圖層亮度 ...................................... 16

    圖 4-1-2 選取一 ........................................ 17

    圖 4-1-3 選取二 ........................................ 17

    圖 4-1-4 飽和度一 ...................................... 18

    圖 4-1-5 飽和度二 ...................................... 18

    圖 4-1-6 反轉一 ........................................ 19

    圖 4-1-7 反轉二 ........................................ 19

    圖 4-2-1 馬克杯一 ...................................... 20

    圖 4-2-2 馬克杯二 ...................................... 20

    圖 4-3-1 色彩平衡 ...................................... 21

    圖 4-3-2 綠咖啡一 ...................................... 22

    圖 4-3-3 綠咖啡二 ...................................... 22

    圖 4-3-4 羽化一、圖 4-3-5 羽化二 ........................ 23

    圖 4-3-6 高斯模糊一、圖 4-3-7 高斯模糊二 ................ 23

    圖 4-3-8 魚眼一、圖 4-3-9 魚眼二 ........................ 24

    圖 4-5-1 市集一 ........................................ 25

    圖 4-5-2 攤商規劃 ...................................... 25

    圖 4-6-1 粉絲團點及率 ................................. 27

  • - 6 -  

    圖 4-6-2 粉絲團圖一 ................................... 27

    圖 4-6-3 粉絲團圖二 .................................... 28

    圖 4-6-4 粉絲團圖三 .................................... 28

    圖 4-6-5 街口紅包 ..................................... 29

    圖 4-7-1 Line@首頁、圖 4-7-2 Line@內文 ................. 30

    圖 4-8-1-1 去背一 ...................................... 30

    圖 4-8-1-2 去背二 ...................................... 31

    圖 4-8-1-3 填入顏色一 .................................. 31

    圖 4-8-1-4 填入顏色二 .................................. 32

    圖 4-8-1-5 描邊修飾一 .................................. 32

    圖 4-8-1-6 描邊修飾二 .................................. 33

    圖 4-8-1-7 卡通完成圖 .................................. 34

    圖 4-8-2-1 素材一 ...................................... 35

    圖 4-8-2-2 素材二 ...................................... 35

    圖 4-8-2-3 遮罩 ........................................ 36

    圖 4-8-2-4 複製一 ...................................... 36

    圖 4-8-2-5 複製二 ...................................... 37

    圖 4-8-2-6 圖層一 ...................................... 37

    圖 4-8-2-7 圖層二 ...................................... 38

  • - 7 -  

    圖 4-8-2-8 圖層三 ...................................... 38

    圖 4-8-2-9 影子效果角度 ................................ 39

    圖 4-8-2-10 影子效果色 ................................. 39

    圖 4-8-2-11 影子顏色一 ................................. 40

    圖 4-8-2-12 影子顏色二 ................................. 40

    圖 4-8-2-13 影子顏色三 ................................. 41

    圖 4-8-2-14 影子效果亮度選取 ........................... 41

    圖 4-8-2-15 影子效果完成圖 ............................. 42

    圖 4-9-1-1 素材一、圖 4-9-1-2 素材二 .................... 43

    圖 4-9-1-3 圖片選取 .................................... 44

    圖 4-9-1-4 圖片修改 .................................... 44

    圖 4-9-1-5 完成圖 ...................................... 45

    圖 4-9-2-1 倒影反轉 .................................... 45

    圖 4-9-2-2 倒影波紋效果 ................................ 46

    圖 4-9-2-3 倒影效果成品圖 .............................. 46

    圖 4-10-1-1 油畫背景修圖 ............................... 47

    圖 4-10-1-2 油畫背景效果 ............................... 47

    圖 4-10-1-3 油畫背景調整 ............................... 48

    圖 4-10-1-4 油畫背景融合一 ............................. 49

  • - 8 -  

    圖 4-10-1-5 油畫背景融合二 ............................. 49

    圖 4-10-1-6 油畫背景成品圖 ............................. 50

    圖 4-10-2-1 大頭特效去背 ............................... 50

    圖 4-10-2-2 大頭特效頭部 ............................... 51

    圖 4-10-2-3 大頭特效尺寸 ............................... 51

    圖 4-10-2-4 大頭特效合成方式 ........................... 52

    圖 4-10-2-5 大頭特效成品圖 ............................. 52

     

  • - 9 -  

    表目錄

    表 1-3-1 架構示意表 .................................... 11

    表 2-1-1 組員工作分配 .................................. 12

    表 4-6-1 SWOT 分析 ..................................... 26

      

  • - 10 -  

    第一章 緒論

    1-1 研究背景與動機

    面對競爭激烈的環境,創意設計已成為企業中最重要的經營活動

    之一,企業欲維持其生存或成長,必須不斷地推陳出新創意,以因應

    顧客需求的變化及競爭者的威脅,俗話說:工欲善其事,必先利其器。

    因此,學習好 photoshop 這套軟體是每個創意設計者所必須具備的能

    力,本文將會逐一介紹學生發揮的創意及作品。

    1-2 研究動機與研究目的

    一般企業為求生存與發展,作品內容顯為重要,因此,本篇論文

    的研究重點除了介紹 Photoshop 的應用方式以外,我們也會著重在實

    踐上,除了替傻爸咖啡創造有趣馬克杯應用及圖片,也會實踐在市集

    上,另外,Line 這款通訊 App 是目前的主流,我們也會著手創造出

    有趣寵物貼圖供設計者參考。

  • - 11 -  

    1-3 研究章節架構

    表 1-3-1 架構示意表

     

    傻爸咖啡創意設計

    馬克杯製作

    商品照後製應用

    實際市集情形

    網路行銷方式

    Line貼圖創意設計

    特效化

    動畫效果

    倒影設計

    創意融合

  • - 12 -  

    第二章 工作進度

    2-1 工作分配

    表 2-1-1 組員工作分配

     姓名 工作內容

    組長 BN103332

    楊亦鎧

    整理書面報告、分配工作、錄製咖啡沖泡流

    程、製作報告 PPT。

    組員 BN103321

    陳柏誠

    實際操作、錄製咖啡沖泡流程、製作報告

    PPT、整理書面報告。

    組員 BN103304

    林榮堃

    實際操作、製作報告 PPT。

    組員 BN103335

    謝至恩

    實際操作、特效檢視。

    組員 BN103301

    鄭世鴻

    實際操作、檢查報告內容。

     

  • - 13 -  

    第三章 文獻探討

    3-1 Photoshop 介紹

    Adobe photoshop,簡稱「PS」,是一個由 Adobe 開發和發行的影

    像處理軟體。

    2003 年,Adobe 的 Creative Suite 套裝將 Adobe Photoshop 8

    更名為 Adobe Photoshop CS。因此 Adobe Photoshop CS6 是 Adobe

    Photoshop 中的第 13 個主要版本。對 CS 更名也導致 Adobe 眾多的軟

    體套件降價。2013 年,Adobe 宣布停止 Creative Suite 的開發,將

    全面轉移到 Adobe Creative Cloud 提供服務。而所有程式的下一版

    都將改名為 CC 版本。

    Adobe Photoshop 有兩個發行版本:標準版 Adobe Photoshop 和

    擴充功能版 Adobe Photoshop Extended,擴充功能版除包含標準版

    所有功能之外,還增加了 3D 處理功能、動畫圖形編輯功能和高階影

    像分析功能。而在 2013 年推出的 Photoshop CC 中,這兩個版本合二

    為一,Extended 版本的內容被全部合併到標準版本,Adobe 只提供一

    種 Photoshop CC 版本。Adobe 只支援 Windows 作業系統和 Mac OS 作

    業系統版本的 Photoshop,但 Linux 作業系統用戶可以通過使用 Wine

    來執行 Photoshop CS6。Google 也正在透過 Wine 資助 Linux 版

    Photoshop 的研究。

  • - 14 -  

    3-2 使用效果介紹

    Photoshop 提供各式各樣可更改圖層內容外觀的效果,例如陰影、

    光暈和斜角。圖層效果會連結到圖層內容。當您移動或編輯圖層內容

    時,相同的效果會套用至修改後的內容。

    羽化效果

    為了讓人物和背景有個明顯的區隔,我們可以在人物周邊做一層

    羽化效果,不僅人物不會跟背景混在一起,還可以增加人物的層次

    感。

    高斯模糊

    在 Adobe Photoshop、GIMP 以及 Paint.NET 等圖像處理軟體中廣

    泛使用的處理效果,通常用它來減少圖像雜訊以及降低細節層次。

    魚眼效果

            視角接近或等於 180°的鏡頭,使用魚眼鏡的誇張變形來營造透視

    感。

    卡通效果

    運用 Photoshop 的幾個簡單的工具也能快速地做出有別於普通

    照片的卡通的效果。

    影子效果

    用 Photoshop 的遮色片製造影子效果,可以增加立體感,尤其適

  • - 15 -  

    用於產品圖片,讓產品更吸引人,在做形象網站、產品簡介也都相當

    好用倒影技巧也可應用於一般平面設計,突顯你想要的影像。

    融合效果

    為了讓兩張不相干的圖融合起來,需要去背景之後就可以使用此

    特效,讓圖更加完美,可用於創意設計。

    倒影效果

    為了讓圖更顯得吸引人,所以使用了倒影效果,讓圖顯得更精緻

    也更完美的呈現出來,更有了立體感。

    油畫效果

    讓人看了圖能感受到一番風味,所以使用濾鏡裡的油畫特

    效,這種可以感覺到強烈色彩感覺的特效,將主題與油畫風景

    圖融合一體,成了一張無違和且詩情畫意的圖。 

    大頭效果

    為了凸顯想表達的主題,而使用大頭特效,使用選取工具將主題

    放大到不合比例,就能達到凸顯的效果,也能達到一種幽默有趣的風

    格。

  • - 16 -  

    第四章 研究方法與成果

    4-1 馬克杯貼紙創作

    步驟一:調整圖層顏色明亮度等,讓成品完成時重點能更加凸顯。

     

    圖 4-1-1 圖層亮度

    步驟二:利用【顏色範圍選取】(白色)並反轉

    將原始圖片反轉後便能輕鬆選取到想要的 Logo 圖案

  • - 17 -  

     

    圖 4-1-2 選取一

     

    圖 4-1-3 選取二

    步驟三:選取【調整】將【自然飽和度】從原本的 0提高至 100,使

    得圖樣效果顏色變深。

  • - 18 -  

    圖 4-1-4 飽和度一

     圖 4-1-5 飽和度二

    步驟四:選取圖示點擊【影像】中的【影像旋轉】使用【水平翻轉版

    面】效果,以利馬克杯機翻印。

  • - 19 -  

     

    圖 4-1-6 反轉一

     

    圖 4-1-7 反轉二

  • - 20 -  

    4-2 成果圖

     

    圖 4-2-1 馬克杯一

     

    圖 4-2-2 馬克杯二

  • - 21 -  

    4-3 咖啡商品之 photoshop 應用

    主要希望透過品牌精神 Logo,能夠透過修改、精製,傳遞到任

    何應用上,如網路行銷亦或商品。

    步驟 1:調整【色彩平衡】以提供不同顏色觀感

    步驟 2:加上漸層能使 Logo 更亮麗,筆刷工具也能夠使其整體看來

    更具立體感,同時應用不同色彩到產品或目錄上,能夠做到任何形式

    的顏色分配,目的是加強照片的多段變化,使單純的 Logo 能夠有更

    多樣化的色彩。

     圖 4-3-1 色彩平衡

    接下來做行銷圖後製修改。

    步驟一:將原圖【調整亮度】從原本的 0 增加至 50,【對比】增加到

    20【飽和度】些微調整,以利突顯商品。

  • - 22 -  

     

    圖 4-3-2 綠咖啡一

     圖 4-3-3 綠咖啡二

    步驟一:使豐富的咖啡豆看起來不那麼尖銳刺眼,並利用【羽化效果】

    來凸顯咖啡烘培前與烘培後的差異。

  • - 23 -  

                           圖 4-3-4 羽化一 圖 4-3-5 羽化二

    步驟一:使用【套索工具】選取【反轉】在模糊選項中選擇【高斯模

    糊】,將焦點注重在煎培中的咖啡豆。

                 

    圖 4-3-6 高斯模糊一 圖 4-3-7 高斯模糊二

    步驟一:調整【色相】、【飽和度】,使用【魚眼】效果突顯咖啡豆鮮

    綠活潑的氣息。

  • - 24 -  

      圖 4-3-8 魚眼一 圖 4-3-9 魚眼二

    4-4 利用 word 及 photoshop 製作目錄

    其目的在於市集上的應用,方便地讓顧客了解產區、烘培程度、

    風味、價格等,利用經由 photoshop 調整的照片及標誌,能夠提升消

    費者目光,對我們來說也是一大挑戰,學習將大學四年所學做實質上

    的行銷應用,目錄將放置於附錄中。

     

    4-5 實際攤商販售情形

            這張圖顯示將我們自行製作的 logo馬克杯和目錄應用到販售上,

    目的讓客人一眼便能馬上了解我們的產品和理念,以及QR code應用,

    讓人能夠馬上收尋到我們的網站,達成引流,網路平台和實體商店的

  • - 25 -  

    交互流動,同時,這也是我們此次畢業專題製作的最終理念。

     圖 4-5-1 市集一

     

    圖 4-5-2 攤商規劃

  • - 26 -  

                 

    圖 4-5-3 咖啡沖泡情形 圖 4-5-4 與客人的互動介紹

     

    4-6 網路平台整體行銷經營策略

    表 4-6-1 SWOT 分析

    對目標有幫助的 對目標有害的

    內部(組織) 優勢:順應網路趨,

    Photoshop 美化圖

    片,精品咖啡市場成

    長快速。

    劣勢:尚無實體店

    面,網路平台競爭激

    烈。

    外部(環境) 機會:利用市集獲取

    潛在顧客,網路行銷

    手法創造商機。

    威脅:市場龐大通路

    企業。如星巴克。

  • - 27 -  

    首先我們利用本身所學 photoshop 美化臉書貼文圖片創造點擊率

     

    圖 4-6-1 粉絲團點及率

     

    圖 4-6-2 粉絲團圖一

  • - 28 -  

     

    圖 4-6-3 粉絲團圖二

     

    圖 4-6-4 粉絲團圖三

            一周約發布三則貼文,分別為小品文章,咖啡專業知識,以及訂

    購單,有目的去做策略發佈,在依照狀況或節日調整,適時購買

    Facebook 廣告,獲取更多點閱,以達到引流。

  • - 29 -  

     

    圖 4-6-5 街口紅包

    4-7 LINE@實際應用

    此外,目前流行的街口支付也支援付款,還能夠在線上發紅包分

    享紅利利用 LINE@的行銷方式來與潛在顧客做互動,輸入指令即可查

    詢相關資訊,此項技術也是能夠讓客人於此下訂購單、提供問題,在

    網路平台也能夠與客人第一時間互動接觸,特價資訊也能透過 LINE@

    第一時間接收。

  • - 30 -  

                 

    圖 4-7-1 Line@首頁 圖 4-7-2 Line@內文

     

    4-8 柴犬利用特效動畫化

    4-8-1 卡通效果

    步驟一 :去除不要的背景先打開要的圖片,圖片載入後,並用【套索

    工具】將不需要的背景去除掉,並將填上白色。

    圖 4-8-1-1 去背一

  • - 31 -  

     

    圖 4-8-1-2 去背二

    步驟二:依各部位填入顏色用【套索工具】分別依身體不同地方的毛

    色,依序填上顏色。

    圖 4-8-1-3 填入顏色一

  • - 32 -  

    圖 4-8-1-4 填入顏色二

    步驟三:描邊和修飾先打開背景的圖層可見度,再把上好色的圖層不

    透明度調到 20%,方便可以用【筆刷工具】畫線條和畫眼睛、鼻子、

    耳朵、嘴巴、腳爪、尾巴。

    圖 4-8-1-5 描邊修飾一

  • - 33 -  

    圖 4-8-1-6 描邊修飾二

    線條感及深邃的眼睛是用描邊與修飾完成的加上填入的鮮明色彩使

    其整體呈現卡通劇般的效果,完成圖。

  • - 34 -  

    圖 4-8-1-7 卡通完成圖

    4-8-2 影子效果

    步驟一:開啟所需的圖片

  • - 35 -  

    圖 4-8-2-1 素材一

    圖 4-8-2-2 素材二

    步驟二:先打開要用的圖片,並用【套索工具】將要選取的地方選起

    來,並增【圖層遮罩】。

  • - 36 -  

    圖 4-8-2-3 遮罩

    步驟三:將圖片複製到另一個圖,在圖片按滑鼠右鍵,並選擇要複製

    到哪個文件。

    圖 4-8-2-4 複製一

  • - 37 -  

    圖 4-8-2-5 複製二

    步驟四:做出影子,先建立一個灰色的純色圖層純色圖層會附贈遮色

    片一個,接著按住 ALT 鍵,再點選圖層 1 的遮色片,往上拖曳,接著

    會出現一個訊息。

    圖 4-8-2-6 圖層一

  • - 38 -  

    圖 4-8-2-7 圖層二

    這個純色圖層就會被切成狗的形狀了,把這個灰色的圖層上下翻過來,

    改一下圖層順序

    圖 4-8-2-8 圖層三

    步驟五:調整影角度和修飾,先用【矩形畫面選取工具】將影子部分

    選取起來後,按滑鼠右鍵垂直翻轉並將垂直傾斜調到-40 度。

  • - 39 -  

    圖 4-8-2-9 影子效果角度

    步驟六:調影子顏色

    圖 4-8-2-10 影子效果色

    因為影子顏色是由深到淺所以先新增一個漸層圖層,並將反轉的選項

    打勾,然後在漸層的地方選好顏色,設定好後按確定就完成了。

  • - 40 -  

    圖 4-8-2-11 影子顏色一 

    圖 4-8-2-12 影子顏色二

  • - 41 -  

    圖 4-8-2-13 影子顏色三

    步驟七:亮度調整為了這張圖看起來更真實,首先先使用【快速選取】

    工具】將狗選取並將亮度調到-60,在按滑鼠右鍵反轉選取將背景亮

    度調到-20。

    圖 4-8-2-14 影子效果亮度選取

    靈感來自於靈犬萊希中劇尾寵物背光所發散而出的親和感。步驟稍為

  • - 42 -  

    繁複但技巧卻實用,須注意的是光源的角度,以及影子整體的呈現

    感。

    圖 4-8-2-15 影子效果完成圖

    4-9 臘腸狗之創意活潑化

    4-9-1 融合效果

    步驟一 :選定素材進行創意思考,目的在於兩張圖是否有關聯性,亦

    或是結合之後能取得不錯效果的美術圖,再加以利用 photoshop 功能

  • - 43 -  

    來完成。

    圖 4-9-1-1 素材一 圖 4-9-1-2 素材二

    步驟二:先把兩張圖都給去背,使用移動工具將要融合的圖案調整到

    適當大小,可先把圖的不透明度調成 50%放變作為調。

  • - 44 -  

    圖 4-9-1-3 圖片選取

    步驟三:在原圖上點選選取中的載入選取範圍,勾選反轉,再點到融

    合圖上按下刪除鍵,就可以留下需要的部分了

    圖 4-9-1-4 圖片修改

    步驟四 :加上熱狗盒,呈現一種活潑生動感,完成圖。

  • - 45 -  

    圖 4-9-1-5 完成圖

    4-9-2 倒影特效

    步驟一:將圖片先用套索工具把要得圖給選取,然後複製一個塗層,

    再用移動工具把所選取的圖片給反轉成倒影。

    圖 4-9-2-1 倒影反轉

    步驟二:拷貝兩張倒影製作水面垂直水平波紋,用濾鏡裡面的模糊中

    的動態模糊,垂直 90 度水平 0 度間距 10 像素,做出波紋效果。

  • - 46 -  

    圖 4-9-2-2 倒影波紋效果

    步驟三:將塗層向下合併塗層,然後將不透明度調成 50%,在水中倒

    影就更加明顯。

    圖 4-9-2-3 倒影效果成品圖

    4-10 法國鬥牛犬之特色突顯

    4-10-1 油畫效果

  • - 47 -  

    步驟一:圖片放上 photo shop 來做編輯。首先先用快速選取工具來選

    取自己要的部分,刪除不要的部分完成去背的動作。

    其中鬥牛犬的顏色與背景分明,因此不難操作,只需注意耳朵部分即

    可。

    圖 4-10-1-1 油畫背景修圖

    步驟二:使用油畫這個效果,感覺非常柔和,讓人感覺詩情畫意。

     

    圖 4-10-1-2 油畫背景效果

  • - 48 -  

    步驟三:在油畫的畫面中進行調整。(我是將風格、清潔度、縮放、筆

    觸細度都調到 10)這樣才不會造成模糊的感覺,背景是空的很單調,

    所以找了一張同樣是油畫的背景圖,花花草草的圖讓人感覺生意盎

    然。

     

    圖 4-10-1-3 油畫背景調整

    步驟四:利用圖層功能將兩張圖重疊在一起。

  • - 49 -  

    圖 4-10-1-4 油畫背景融合一

    圖 4-10-1-5 油畫背景融合二

    這樣就成了油畫花園裡的油畫鬥牛犬,成品圖。

     

  • - 50 -  

     

    圖 4-10-1-6 油畫背景成品圖

    4-10-2 大頭特效

    步驟一:先使用快速選取工具將不要的背景去除。

     圖 4-10-2-1 大頭特效去背

    步驟二:使用選取工具選取頭部,然後複製,再開一個新的檔案,直接

  • - 51 -  

    貼上。

     

    圖 4-10-2-2 大頭特效頭部

    步驟三:點選影像裡面的影像尺寸,將寬度調製 240 點選確認再將剛

    剛複製的頭貼上原圖上,移動至原本的位置。

    圖 4-10-2-3 大頭特效尺寸

    步驟四:接下來我找了一張背景,將兩張背景和成一張圖,變成了狗屋

    裡的大頭狗。

  • - 52 -  

    圖 4-10-2-4 大頭特效合成方式

    利用自然的背景搭配法式鬥牛犬頭型較大的明顯可愛,農村感搭配木

    製狗屋使整體活潑鮮明,讓喜愛此類型犬的人去做購買貼圖,成品

    圖。

     圖 4-10-2-5 大頭特效成品圖

  • - 53 -  

    第五章 結論

    我們因有共同興趣而結合在一起努力完成這份專題,製作寵物貼

    圖目的是為了替牠們發聲,讓大眾生活上除了寵物的陪伴,也能應用

    在網路數位世界,共同討論 photoshop 創作,並將其轉化為營利的同

    時,這份共同努力的歸屬感是無可取代的,感謝指導教師 陳怡伸 的

    指導,讓我們有源源不絕的創意及動力,也感謝修平科技大學資訊網

    路技術系暨網路行銷的指導,讓我們能將網路行銷技術轉化成獨特設

    計產品及應用,期待在未來我們都能夠繼續創作自己喜愛的事物,替

    喜愛的寵物設計更多地創意想法,獨立思考,創造無限可能。

    至於咖啡產業也許在現今資訊爆炸的網路時代,平台雖固然重要,

    但最必備的還是基礎專業知識,咖啡從產區、莊園、到烘培都是一門

    學問,包含了地理位置、歷史文化、化學方式等等,有了這些基本功

    夫以後,就能學以致用在修平科技大學資訊網路技術系暨網路行銷組

    的技術。本篇專題報告的重點也是著重於 photoshop 軟體應用,讓圖

    片看得美觀,和目錄精美化。目前智慧型手機發達,網路商業發展快

    速,但我們認為也必須搭配實體通路雙管齊下,才能和客人做最近一

    步接觸。因此在大學四年級這一年,從市集開始出發,期待在畢業後

    的未來,掌握先機,繼續朝夢想而努力。

  • - 54 -  

    第六章 參考文獻

    1.飛肯設計教學講義

    http://www.flycan.com/deux2/mypaper/photoshop.htm

    2.TQC+考生服務網

    http://www.tqcplus.org.tw/content_brochure_vpc.asp

    3.歐斯瑞電商有限公司

    https://www.astralweb.com.tw/photoshop-how-to-add-audio-to-

    video/

    4.傻爸咖啡

    https://sbcoffee.blogspot.tw/

    5.毛孩市集

    https://petpetgo.com/

        

  • - 55 -  

    附錄

    光碟乙片

    目錄乙份

    馬克杯乙組

  • - 56 -  

    附錄:傻爸の條碼珈琲目錄

    精品咖啡豆

    一.衣索比亞西達莫牧童古吉日曬Gr.1 Ethiopia Sidamo GUJI Nature

    Gr.1(放牛班才有的人生花香莓果味)

    這次延續衣索比亞經典西達莫產區最優質日曬 Gr.1,我們找到一隻

    更佳乾淨清甜的古吉 GUJI 微產區的牧童,實在貴啦,為了犒賞始終

    愛好者,加質不加價還是$250 元/半磅~~西達莫那股野草莓的果酸香

    甜,熱帶水果酸甘味帶出蜂蜜的甜感。

    風味:濃濃野草莓香、桃甜及熱帶水果酸甘尾韻蜜甜感十足。

    焙度:217℃ Village

  • - 57 -  

     

    二.肯亞奇安布產區奧克蘭莊園 AA Top Kenya Kiambu Oaklands

    Estates AA Top(莊園最頂級肯亞咖啡)

    這次我們透過特殊管道取得一款肯亞咖啡裡面等級非常高的莊園 AA

    Top 咖啡豆,肯亞豆傳統為 SL28 及 SL34 獨特品種,採用肯亞式水洗

    方式處理,而這次莊園等級的 AA Top,除了獨特烏梅味悠揚的口感

    外,細膩優質的酸甜感,重點打破大家對肯亞咖啡尖酸的印象~~不酸

    啦。

    焙度:221℃ City

    風味:烏梅悠揚口感,同時帶有黑醋栗般的酸甜尾韻。

  • - 58 -  

    三.傻爸の簡約咖啡組(1~7)New Porlex mini $2980 元(含運)

    一直以來傻爸推介『生活中簡約、便利、質樸的沖泡一杯好咖啡』,

    然後一直不給人家一款 easy 的手沖壺,好啦~~之前設定的門檻全部

    解除,想很簡約沖泡一杯咖啡,選定這組就對了,搭配定量手沖細嘴

    壺、咖啡壺配合現磨現沖新款磨豆機,將可在家便利質樸沖泡一杯好

    美味咖啡。

    這組行動組內有

    1. 傻爸咖啡濾架組$280 元/組

    2. New Porlex mini 外攜手握式磨豆機(傻爸無痛調校)$1760 元/組

    3. ucc 1~2 人份酸素漂白濾紙 40pcs $60 元/盒

    4. 傻爸優選咖啡豆 ($250/半磅) * 2 款

    5. 傻爸『水漲船高』V2.0 秘笈 1份

    6. 350ml 不銹鋼細嘴簡約手沖壺$380 元/組(黑)

  • - 59 -  

    7. 360ml 雲朵耐熱玻璃咖啡壺$350 元/組