2009年4月9日 星期四

如何製作貓翦影教學

之前做了 Mo 王子的翦影,喵麻看了有興緻也做了喵的翦影,看來有興趣的人越來越多,今天就來個教學吧MSNemoticon15

首先當然是要有影像編輯軟體啦,市面上有很多影像編輯軟體,有要錢的,也有不要錢的,重點是要有圖層與智慧選取這兩個工具。Mo 爸在 Windows 上是用 Photoshop Element,這是跟著 Sony VAIO 筆電來的,不用另外花錢,當然就用這個啦MSNemoticon6

Photoshop 其他的軟體 Mo 爸沒用過,反正只要能做到 Mo 爸教學裡的功能就行了!

Mo 爸在蘋果上是用另外一套叫 Pixelmator!

開始囉!就用優妮家的超級貓麻豆猴猴來做示範吧

把檔案打開後,要做動作前記得要看一下有沒有選到圖層,Mo 爸忘了把圖層打開,所以在圖片裡沒看到圖層的部份;如果沒有選到任何圖層的話,會有錯誤訊息出現!如果選錯圖層的話,也會出現不是想要的結果,不過還好這種影像編輯軟體都有 undo 的功能,可以回到之前的步驟,挺好用的!也可以拿來看看是不是想要的結果,不是就回復再來一次。

再來就是選擇那個看起像仙女棒的工具,這個工具就是智慧型的選擇工具,它會把游標點選位置附近顏色相近的部份選起來,所以就去點猴猴背後白色牆壁的部份,整個白牆沿著猴猴身體的部份就被選起來了!


接下來就可以把剛才選起來的部份給刪除掉,Mo 爸都是直接按刪除鍵比較快,刪除後就會出現透空的樣子,這就是我們要的。


重覆點選並且刪除猴猴週圍的其他背景。因為它是「智慧型」選擇,所以如果背景和貓本身的顏色很相近,就會出現這樣的狀況,這就表示要改用「人工」,用更高的智慧來修圖了!MSNemoticon9


人工修邊就要動用到那個長得像橡皮擦的消除工具了,橡皮擦有的會有刷子和鉛筆兩種不同的選擇,刷子就是週圍會淡出,鉛筆就是週圍是整齊的。然後還要選擇橡皮擦的大小,粗略的就用大一點的,精細的就用小一點的。


先選個 100px 的,把猴猴週圍先修一下。

再來就是細活了,這個很傷眼力的!MSNemoticon5
把影像拉近(zoom in),選個 size 小一點 17px 的橡皮擦,沿著猴猴身體週圍慢慢的消除掉不要的影像,還好優妮選的這一張可以用仙女棒消掉大部份的背景,不然…MSNemoticon18

這樣就完成主要的工作了!MSNemoticon10
這個時候就要再度請出仙女棒,選取猴猴週圍透空的部份,為什麼不直接把猴猴選起來帶回家呢
MSNemoticon21,因為猴猴是優妮的心肝寶貝啊!MSNemoticon6
不是啦,是因為如果直接點選貓本身,有可能因為顏色的關係,沒辦法把全部都選起來,所以要倒過來選,先選不要的部份!

再來就有點複雜了!MSNemoticon12
反向選擇,就會選到我們要的貓翦影,然後新增一個空白圖層,在原圖層之上或之下都可以。準備油漆,選擇那個像油漆桶的工具。

把油漆直接倒在貓身上!MSNemoticon12
沒錯,就是把游標點在已經被選起的貓翦影裡,當然之前要先選顏色啦;還有圖層要選對,不然會把原來的影像給塗滿了油漆!到這裡幾乎就大功告成了!MSNemoticon10


剩下的就是存檔的動作了,先把現在這個檔存成 photoshop (.psd) 的檔案格式,這才會有圖層的功能。一般在網頁上用當然是 .jpg 或 .png 啦!jpg 和 png 最大的差異就是 png 會顯現透空的效果,所以可以放在不同的背景上,可惜 ㄚ 虎不支援 png 檔MSNemoticon14

先把其中一個點層給點掉(是點掉,不是刪掉),它就不會出現了,然後就可以存成 .png 檔了。喵麻就是把兩個圖層都分別拿來用,這樣就可以做出實貓和翦影相對的效果了!MSNemoticon10


不同的軟體工具部份可能會一些差異,試試看,反正有回復 (undo) 的功能,做錯回復再來一次就行了,沒什麼關係的。有問題再留言給 Mo 爸吧,或是喵麻也可以來補充一下!Mo王子

16 則留言:

yone 提到...

我有做到刪除部分耶,接下來橡皮擦也有用到,然後就不會了。
哈哈~我是用photoshop
我會繼續努力的
謝謝MO爸大大的教學

miko與蛋白 提到...

=.= 我看的頭好昏喔 @.@
我曾想過喔~
蛋白的剪影沒有"耳朵",看起來應該會像個真正的保齡球瓶吧...
呵呵呵~~

Mo 爸 提到...

一會去偷一張蛋白的照片來弄看看好了!

Mo 爸 提到...

給優妮,
應該是在圖層的部份卡住了吧~
有在網路上找到一個教學的網站:
http://bonny.com.tw/www/pshop/pst31layer.htm

yone 提到...

報告報告
我有成功一點了,到那個填充色彩部分有點不順,由於一直重複做,所以做完後,又忘了剛剛是怎麼弄的。哈哈
我會多做,這樣就會記得了。
請MO爸幫我看一下。還可以嗎?
哈哈~謝謝MO爸呢。
http://tw.myblog.yahoo.com/babu-monkey/article?mid=16882&prev=-1&next=16874

Mo 爸 提到...

就是先選貓影,然後再選新的圖層,回到影像把油漆倒下去!

喵咪子 提到...

好厲害,教學ㄟ,真強(拍拍手)
PS我很不熟(羞),玩的是古早版PI...
作法大同小異,差在我是填白後選取,MO爸是直接變透明。
用仙女棒點選,可調整相似性再點,或者把照片稍微調整一下亮度與對比再點,應該會比較好修。
是說~我幾乎都用人工啦....所以細節都混水摸魚~~~

Angela 提到...

喔~好像有點複雜耶~~
等有空再來試試~~^^

Mo 爸 提到...

昨天 Mo 爸有偷偷拿大小喵的照片來試,哇~難度超高,因為那個毛ㄘㄤˋㄘㄤˋ的,很難修耶,眼睛都快脫窗了~

Mo 爸 提到...

給喵麻,
喵麻給了個好點子,先調一下對比度,應該會比較好選~唉,怎麼沒想到?

小穎 提到...

@@"好難我用了好久><"
假日再來試試看,我的電腦是MAC的.但是在使用上我還不是很習慣
昨天弄到很晚還是ㄧ直沒成功=="
繼續努力~~"

Mo 爸 提到...

耶~小穎也是有 Mac 喔,是用 Photoshop 嗎?加油吧!

yone 提到...

大家加油,我這個笨笨文科人的都成功了~
哈哈~~
無聊時有事做了~
謝謝MO爸的教學~
昨天作了一個老BU的,我快瘋了。黑白的蠻能弄耶~死傢伙真是壞喵,果然是來整我的。

Mo 爸 提到...

哈哈,是自己愛玩,還要怪貓的顏色太花,嘖嘖(搖頭)~
努力就會有成果的,恭禧囉!

yone 提到...

就是說...
老bu: 怪我? 這是天生的,關我屁素...
哈哈
MO爸麻週末愉快唷~

Mo 爸 提到...

對啊~
優妮也是喔!