蛙式教學第十七課 [蛙式作品的產生]

許多網友問我 , 我網站上那每張郵票裡面的作品是用什麼軟體或是用什麼方法作的 ,
有沒有什麼撇步 , 或是有什麼套裝軟體可以很快的就製作完成 ?
還是要一張圖一個字一頁頁的土法煉鋼去設計完成呢 ?
因為 , 很多人也想要用這樣的方式來呈現自己的攝影作品 .

以下就跟各位分享一下蛙式作品的製作過程吧 !



步驟 1.
首先 , 當我每完成一次挑戰旅程 , 回來後 ,
我會先將這次拍攝幾百上千張的照片做一次完整的篩選 ,
這麼一大堆照片篩選的過程 , 篩選的方式 , 與一些經驗的分享 ,
大家可以參考 "蛙式教學第六課 [照片刪去法] " .

照片篩選的過程是痛苦的 , 是花時間的 ,
且每每重新再看一次的結果 , 都會不盡相同 ,
耐心的將"重要"的照片挑出來 , 是第一階段重要的工作 .



步驟 2.
挑完照片後 , 就開始進入寫文字的階段 .
寫故事之前 , 先為這次的挑戰想一個主題 , 主題想好後 , 再將文字填入囉 .

文字 , 是最令我傷腦筋的部分 ,
花費的時間遠比拍攝照片製作網站整個時間還要來的多 .
而文字的撰寫 , 我想 , 或許可以參考這一篇 "蛙式教學第十四課 [讓照片說故事] " ,
我想 , 可以讓照片說些故事 , 會讓照片更有生命力的 .



步驟 3.
接下來 , 就要進入主題設計了 .
LOGO 應該算是一個作品的根源 , 也是個起頭 ,
首先 , 我會使用 CorelDraw or Adobe Illustrator 來設計一組LOGO ,
雖然使用 Photoshop 也可以設計 , 但 , 為了可以讓LOGO縮放自如 ,
還是選擇設計向量的軟體來使用會比較合適 .

LOGO設計好之後 , 整個作品的核心精神就有了雛形 .
記得在 "蛙式教學第十五課 [主題設計] " 內 ,
有簡單的說明如何設計一個主題 , 雖然內容講的比較簡單些 ,
但 , LOGO 的設計博大精深 ,
還需要透過學習與練習才會進步的 .



步驟 4.
設計好主題之後 , 便開始進入後製的階段 .

首先我會將選好的照片用 Adobe Photoshop 軟體開啟 ,
仔細的檢視每張照片 , 是否需要微調或是去除髒點 .

再來 , 將照片縮小與裁剪成設定好的大小 , 因為我喜歡用寬比的視覺 ,
所以 , 正常拍出的照片比例 , 是一定要再經過裁剪的 .



步驟5.
將文字一頁一頁一篇一篇的排列進去 ,
這就是很手工的部分了 , 完全省不掉的步驟 ...
不過 , 文字究竟是要放在照片的哪個位置哪個角度 ,
這就很"設計"了 , 可能要注意版面的平衡 , 且不能干擾到照片畫面 ,
適時的要用些設計的技巧將文字給嵌入才行 ,
看似簡單的排版 , 其實 , 也是博大精深呀 ...

有時候我會偷懶的先省略步驟2 , 先不寫文字 ,
一直到了步驟5時 , 會直接在 Photoshop 裡面去寫文字 ,
因為 , 可以邊看圖邊說故事 , 會比較有FU也有效率些 .

這個部分 , 就看個人的喜好囉 .

而步驟4的後製階段 , 應該會因照片的多寡而花費不同的時間 ,
我想 , 這是僅次於寫文字最花費時間的部分了 .



步驟 6.
再來 , 將套好文字與排版好的照片一張張的另存新檔 .
依照播出順序將檔名取為 001.jpg , 002.jpg ...
接下來 , 就要進入比較複雜的 Adobe Flash 軟體階段了 .
記得在嘉明湖這個作品之前 , 早期的作品都是使用 HTML 靜態網頁的方式呈現 ,
不過 , 作品總是要進步的 , 一次要比一次更有看頭才是 ,
於是當時在"天使的眼淚 - 嘉明湖"這個作品的製作上 ,
便採用了 Flash 軟體去製作完成 .
雖然需要花點時間去構思 , 且還要寫一點點的程式才行 ,
但 , 為了呈現出來的效果 , 還有較人性化的使用介面 ,
硬是多花了三周的時間 , 經過不停的摸索與測試 .
最後 , 才將作品給製作完成 .

不過 , 對於程式只懂得皮毛的我 ,
很多地方還是只能用比較笨的方法去製作 ,
不過 , 雖然笨 ,
但呈現的結果能達成同樣的效果就好 ~
而Flash , 就是一套可以使用笨方法或是聰明方法都可以達到同樣效果的軟體 ,
一套讓你隨心所欲表達設計的超強軟體呀 !

不過 , Flash 這軟體 , 一樣是博大精深呀 ,
在這裡很難用幾句話來交代整個製作過程 ,
想要接觸的網友 , 就必須先翻翻工具書了 .



步驟7.
最後 , 還是必須要用HTML的語法來將FLASH的作品嵌入網頁中 .
我應該是個網頁設計領域的山頂洞人吧 ,
早期的網頁設計是沒有Dreamweaver這樣方便的軟體可以拉一拉排一排就搞定的 ,
所以 , 我們這個年代的幾乎都是用記事本在寫HTML ,
當然 , 我也不例外 , 使用記事本寫HTML , 一寫就是十幾年呀 ~
雖然我一度的想要好好學好Dreamweaver ,
不過 , 最後還是放棄了 ...
學不會是主因 , 且 , 對於網頁的CODE , 還是有著某種潔癖與堅持呀 !

簡單的將Photoshop中網頁的設計 , 透HTML的語法將所有的物件呈現出來 ,
就是大家最後在網站上看到的一個個的作品 .



漏漏長的講了那麼多的步驟 ,
這樣 , 大家對於製作一個完整的作品 ,
有更霧灑灑深入的瞭解了嗎 ?
雖然坊間有很多套裝軟體可以使用 , 有很多BLOG網站有提供類似的功能與服務 ,
但 , 可以透過自己的巧思 , 自己的設計 , 自己的創意 ,
完成一個自己獨一無二的作品 ,
無論作品的好壞 , 那種爽度 , 那種成就 ,
是金錢換不來的 , 你說是嗎 ~

還有問題嗎 ?
還不快去學 CorelDraw / Illustrator / Photoshop / Flash / Dreamweaver 呀 !

下課 !

frog