Post view

暗房料理-Photoshop應用:濾鏡特效

暗房料理 - Photoshop應用

濾鏡特效


作者:蘇言霖


時間:April 15, 1997


電腦繪圖軟體可分為點陣式的《影像繪圖軟體》及向量式的《插畫繪圖軟體》兩大類,並分為Windows版及Mac版兩種。
熱門的影像繪圖軟體有Adobe的Photoshop4.0、Ulead的PhotoImpact 3.01、Corel的Photo-Pain 7、Fractal Design的Painter 4.0、Macromedia的xRes3、以及Picture Publisher 7、QFX 6、Wright Image等。


插畫繪圖軟體有Adobe的Illustrator 4.1、Macromedia的FreeHand 7、Micrografx的Designer 7,以及Corel Draw 7、Corel Xara 1.5、Canvas 5等。


3D立體繪圖軟體及多媒體製作軟體還不算在內!噯,有沒有一種光是繪圖軟體就學不完的感覺呢?就算你學得完這些軟體,對不住,各軟體又開始陸續推出下個版本,讓你怎樣也學不完。


在眾多強敵的環繞下Photoshop 4.0依舊能在專業印刷排版、多媒體影像處理、網際網路HomePage設計方面的取得首席地位,我相信有幾個點是Photoshop獨到之處,像是Channel色板、Layer圖層,以及這次我們要介紹的Filter濾鏡。


透過相機的濾鏡鏡頭,我們可以把看到的影像變成另一種感覺,只要你會運用多個合適的濾鏡,加上圖層及色板,就可以做出讓人眼睛一亮的作品。從滾石這次發行的林憶蓮首張CD大碟,可以看到美術大師如何運用濾鏡、圖層及色板,把林憶蓮寫真相片塑造成另一種風貌。


盛放憶蓮.林憶蓮


滾石繼「微酸美人.蘇慧倫」、「伍佰+CHINABLUE」大受歡迎之後,隆重推出林憶蓮的「美妙世界.盛放憶蓮」首張音樂螢幕保護大碟,重新詮釋美妙世界、Love Sandy、I swear愛是唯一、夜太黑專輯,共收錄44張Sandy的深情告白與浪漫的寫真集。請看圖1。


圖 1
photo01.jpg

這張照片看起來好像是使用一般鏡頭拍攝,攝影師將鏡頭的光圈調到最大,以獲得短景深效果,然而原稿說不定是一張長景深照片。


設計師利用Feather羽狀柔邊選取林憶蓮後,再將背景以Blur more或Gaussian Blur模糊處理,做為背景的另一張林憶蓮相片,則是以透明圖層方式合成上去,最後在畫面的新圖層上疊上所需的字即可。(註:解說有誤請滾石美編多多見諒)。


滾石為了能呈現最完美的Sandy,美妙世界首次提供256色及全彩兩套圖檔格式,而不再有明顯的顆粒感。你可以用上次109期的「圖片格式轉換絕技」把所有的 .stt檔(滾石又設計了一種新的檔案格式),變成所需的 .BMP檔。不過在此之前,你必須先做好底下的準備:


請在Windows桌面上的空白位置,按滑鼠右鍵並選「內容」指令,或是從我的電腦打開系統控制台的「顯示器」,把「設定值」標籤的「色板」調高到High Color (16-bit),即65536色或是True Color全彩。


雖然滾石音樂保護程式會依畫面解析度來調整圖片大小,從640*480到1280*1024均可,然而「桌面區域」還是請你設在640*480,以免放大後圖片反而有比例失真的現象。調整好之後請重新啟動Windows即可。


如果你需要經常調整色板與解析度,而不想每次都重新啟動或是回答對話窗的問題,有兩種方案能解決你的困擾,一是將作業系統換成Windows 95 OSR2,OSR2其實是內部代號,你只要買最新的Windows 95標準版,就是OSR2版。另一個方式是到美國微軟網站www.microsoft.com,免費下載PowerToy工具,然後安裝QuickRes快速解析度選取程式即可。


圖2就是轉換好的林憶蓮寫真集所有圖檔。在使用這些素材之前,有一件非常重要的工作必須先做,那就是「色彩校正」。


圖 2
photo02.jpg


色彩校正


通常我們會希望在Photoshop軟體裡,從螢幕上看到的樣子,會和印表機與實際印刷成品100% 完全一樣。然而在技術的困難點上來說,幾乎不可能做得到,最多只能使這三種設備儘可能接近而已。


全彩螢幕是使用RGB三原色,而全彩印表機和彩色印刷是使用CMYK四色(相片則使用CMY三色),理論上彩色噴墨印表機能印出與印刷相同的成品,但實際上目前噴墨印表機「號稱」最高的解析度也只有1440DPI而已,通常都只有720或600DPI以下,而印刷則有2400DPI或150/175線。除解析度外,列印網紋及墨水,印表機很難與印刷機完全相同。


圖3是附在Photoshop原版光碟片Goodies/Calibrat資料夾的校正用圖片,圖檔名稱是Testpict.psd,採用CMYK格式。雖然原稿相當龐大,接近A4 Size,不過我們特別請美編,除了除了圖片大小,不對這張圖檔做任何調整。


這樣你就可以打開相同的測試圖片,比較螢幕上和雜誌上之間的差異。調整一下螢幕的亮度及對比到最接近的位置即可。通常高級螢幕還可以調整螢幕的色溫,或是RGB三色明暗度。要是你的螢幕不能做這些調整,那麼某些高級的顯示卡也有提供色溫及RGB的調整功能,通常要利用該顯示卡附的驅動程式或工具程式才能調整。


如果螢幕和顯示卡都無法調整,那麼你唯一能調的就是Photoshop對螢幕上的顯示方式。選取File功能表的Color Settings,其中的Monitor Setup就會看到圖4的對話窗。


Gamma是指明暗曲線值,內定是1.8,數字愈小明暗度愈亮,數字愈大則愈暗。White Point是指白色色溫,預設是6500度K(畫面上是中英文字相衝,不要緊的)。你可以在這裡把螢幕畫面調整到最接近雜誌印刷色調。對高級螢幕來說,你也可以按Monitor向下鈕,直接選取你使用的螢幕品牌及型號。


圖 3(除了圖片大小,請美編不做任何調整好嗎?謝謝)
photo03.jpg

圖 4
photo04.jpg


特效濾鏡鏡頭


Photoshop 4.0內建的特效濾鏡鏡頭就多達97種,還允許使用者購買更多的嵌入式濾鏡。光是4.0版新增的濾鏡就多達50種,實在不可能在雜誌簡介這些濾鏡,這裡只簡介幾種常用特效及Plug-in濾鏡。


圖5是未使用任何濾鏡的原稿。你可以把圖5和圖6及其後的圖片做個比較。為了強化該濾鏡的特質,我們並未使用預設值,而是調整該濾鏡的某些設定值。哦,對了圖片請用RGB模式,最終完稿時才視需求改用CMYK模式,要不然有許多特效會無法使用。


圖 5/原圖
photo05.jpg

圖 6/Plastic Warp塑膠膜特效
photo06.jpg

比方說圖7的Rough Pastels粗粉蠟筆,是使用Sandtone沙岩材質,並將Stroke畫筆筆觸等設定調到10、20、150%和30,Light Direction燈光方向設為Top-Left左上角的結果。


像是圖9的Diffuse Glow擴散光暈,看起來就像是加裝柔焦鏡甚至是倣霧鏡一般自然,花朵看起來更立體而更有生命力的樣子。圖10的Glass玻璃特效,就像觀賞方格的玻璃窗外的花朵,煞是有趣。


在使用圖11的Bas Relief淺浮雕特效之前,你可以事先設定好色盤的前景與背景色,我們只是把前景色換成暗褐色。成品看起來像是金岩上雕印的花朵,那還不算什麼。


圖 7/Rough Pastels粗粉蠟筆特效
photo07.jpg

圖 8/Sumi-E日式畫特效
photo08.jpg

圖 9/Diffuse Glow擴散光暈特效
photo09.jpg

圖 10/Glass玻璃特效
photo10.jpg

圖 11/Bas Relief淺浮雕特效
photo11.jpg

做好Bas Relief特效後,再直接選取Filter功能表最上面的淡出Fade Bas Relief指令,就會看到圖12的對話窗,把Opacity不透明度調整到60% 左右,就會變成圖13的樣子,像不像花朵化石呢?


圖 12
photo12.jpg

圖 13
photo13.jpg

圖 14/Plaster石膏特效
photo14.jpg

圖14的Plaster石膏特效,也是平面化特效之一,我們把前景改成深藍色,運用Plaster之後再用Fade Platster以Hard Light合成。以前你必須把特效做在另一個圖層,再調整圖層與背景層之間的Opacity及合成方式,現在則只要一個指令即可完成,更不需要新增圖層,導至佔用圖片與記憶體空間。


圖15的Glowing Edges特效,把花朵變成了夜晚霓虹燈一般,看起來真的很美。圖16的Craquelure水泥牆材質完稿之後,再用Brightness/Contents亮度及對比調整畫質明暗度,看起來就更像畫在牆壁上的塗鴉。


圖 15/Glowing Edges白熱邊緣特效
photo15.jpg

圖 16/Craquelure水泥牆材質
photo16.jpg

圖 17/Stained Glass彩繪玻璃
photo17.jpg

圖 18/Texturizer材質化
photo18.jpg

圖19的Stained Glass彩繪玻璃和圖18的Texturizer材質化都是相當自然特效。彩繪玻璃會在古老的建築或歐洲的教室裡看到,調整一下設定值還可以做出「彩繪瓷磚」的效果。


插入式特效濾鏡


市面上有許多Plug-in插入式特效濾鏡,這裡只簡介最有名的KPT和Alien Skin兩家公司。安裝Plug-in濾鏡的方法很簡單,就像安裝一般軟體,但是請把軟體安裝到Adobe\ Photoshop\ Plugins資料夾,然後重新啟動Photoshop即可。


選取Filter功能表就會看到新的KPT 3.0清單,圖19是選取KPT Spheroid Designer 3.0球體設計指令所開啟的「對話窗」。不會吧?圖4才是Windows的對話窗吧!


沒錯,KPT的圖像對話窗好得讓人驚艷!外掛濾鏡軟體的操作面板設計竟然比Photoshop本身更好!要是電腦軟體的操作面板都採用類似的設計該有多好,老是看到灰灰方方的對話窗,用久了生命似乎也隨之生銹起來。


圖 19
photo19.jpg

圖 20
photo20.jpg

要繪製高爾夫球、木球、彈珠有多簡單,只要按KPT圖窗底下的向下箭頭,就會打開像圖20那樣的對話窗,想要什麼樣的球,自己選吧!選好按下圖窗右下角的ˇ鈕,就會在選定的範圍內產生一顆球。你可以事先用Shift 鍵圈選一個正方形框,這樣就會得到一顆圓球。


KPT的Page Curl頁捲曲功能,可以做出紙張角角因天氣潮濕而產生的捲曲現象。我們只要在圖21的8個方向上,用滑鼠拖移所需的捲曲方向及多寡,然後按下右下角的綠燈鈕,就能做出如圖22的特效。


圖 21
photo21.jpg

圖 22
photo22.jpg

圖 23
photo23.jpg

圖23是使用KPT Gaussian F/X 3.0高斯移焦的結果,那是一只可以在螢幕上隨意移動的放大鏡!從放大鏡裡就可以看到模糊特效的「預覽」情形,多麼簡單好用啊!


請先在圖片上圈選一個方框,然後選取Filter/Alien Skin清單的Drop Shadow 2.0就會看到如圖24的圖窗。你可以用滑鼠調整紅色圓鈕的位置來改變陰影的效果,像是位移點數、模糊點數、不透明度及陰影色彩等。


按下特大號的OK字樣就會得到如圖25的樣子,怎麼樣?要產生陰影很簡單吧!哦對了,選取區不一定是方形,圓形、字外框或任何不規則選取區均可。


圖 24
photo24.jpg

圖 25
photo25.jpg

圖 26
photo26.jpg

圖26是使用Alien Skin/Outer Bevel 2.0外斜面特效的樣子,看上去像是用力「打凸」似的。


速描林憶蓮


我們在林憶蓮寫真集中挑選了一張 I Swear圖片,如圖27。圖28是重塑速描的樣子,滿酷的!我們一次展示了多種特效,像是材質化、圖層傾斜、頁捲曲、3D球體、立體字等,再加上原圖上的字樣,會不會有點眼花撩亂的感覺?嗯,特效用太多就會有這種反效果,適可而止吧!另外,不是所有特效都能適用在同一張圖,有些特效是為了特定的圖片或圖層而設計的,你可以多換幾張圖來試用同一個特效。


圖 27
photo27.jpg

圖 28
photo28.jpg


失落的林憶蓮拼圖


在Photoshop原版光碟片Goodies/Textures資料夾提供了許多專為TEXTURES FOR LIGHTING EFFECTS燈光特效材質用的圖片,請把整個Textures資料夾拷貝Photoshop資料夾底下備用。


最後我們就利用Puzzle拼圖材質來做一張林憶蓮的拼圖專輯。


Step1. 打開如圖1的林憶蓮寫真相片,點取Channels面板並按新增鈕增加一個 #4的alpha channel色板。


Step2. 選取Filter/Render/Texture Fill指令,就會看到一個類似開啟舊檔的對話窗,請點取Textures資料夾Puzzle圖檔,這樣會把拼圖材質讀到 #4色板,如圖29。


Step3. 點取Filter/Render/Texture Fill燈光特效,把設定值調在如圖30那樣(請仔細核對每個設定值)。


Step4. 點選OK鈕就會得到我們要的林憶蓮拼圖了。請看圖31。想要失落的拼圖更加真實,請回到 #4色板,按住Shift 鍵隨意選取幾塊拼圖。


Step5. 選取Select/Modify/Expand把選取區擴大2個點數,並隨手按新增鈕把新的圈選區儲存在 #5色板。


Step6. 回到Layers圖層按Delete鍵刪掉選區內的拼圖,畫面就會變成圖32的樣子。請順便在Layers底下增加一個新的圖層備用。


Step7. 想要讓畫面看起來更生動自然?很簡單,請點取新增的圖層並按Alt+Delete鍵把選區填滿黑色。


Step8. 用滑鼠把選區直接往右下方拖移一段距離,這個動作只會移動圈選的位置,而不會移動圖片。新的選區就是用來產生空白的位置。


Step9. 選取Select/Feather指令將新的選區外圍羽化4個點數。如圖34。


Step10. 按Ctrl+Delete鍵填入白色,就會看到圖35的樣子。是不是很具有立體感呢?如果希望在空白位置填入圖片或材質,就必須先選取要貼入的圖片,然後用Edit/Paste Into指令。

圖 29

photo29.jpg

圖 30

photo30.jpg

圖 31
photo31.jpg

圖 32
photo32.jpg

圖 33
photo33.jpg

圖 34
photo34.jpg

圖 35
photo35.jpg


特別感謝


最後特別感謝滾石的監製:段鍾渠先生、統籌企劃:張文馨小姐及執行企劃:許仙燕小姐。謝謝他們授權我使用滾石的智慧財產權及林憶蓮的肖像權。這篇文章雖然教你參考滾石音樂光碟製作的圖片來學習影像處理,但並不表示你可以隨意將圖片用在公開場合或商業用途。


PROFILE

蘇言霖‧貓咪座

‧ 慧彥電腦特約作者、資策會電腦研習營、中國生產力中心講師
‧ 第3波、CADesigner雜誌專欄作者
‧ 第3波編輯顧問暨電腦技能Excel命題委員
‧ 著有:Word 97文書料理入門、Windows 95昇級百科、MS-DOS 6.22新時代利器、電腦入門輕鬆學、遨遊個人電腦天地等書
‧ 電子信箱:brentsu@ms9.hinet.net (已停用)

蘇言霖 09/20/2013 0 1558
Comments
Order by: 
Per page:
 
  • There are no comments yet
Rate
0 votes
Post info
蘇言霖
「超級懶貓級」社群網站站長
09/20/2013 (1889 days ago)
Actions