自己把2D圖像作成3D立體圖像的方法

last update:2011/04/13

這裡要介紹的是把原本是平面的圖像做成立體圖像的方法。
由本方法做出來的圖像是可在3DS上觀看的。
給不知道3DS的人用↓簡言之是任天堂推出的掌上型主機,
特徵之一是不用戴眼鏡就可看見立體圖像。

順便貼一下我之前翻譯的影片：日本搞笑藝人初次接觸3DS的反應: 1 2 3

前言(?)
本人某天在日站看到有人把2D立繪變成立體後，大受感動，
於是自己也躍躍欲試，想把"俺の嫁"立體化。 大家也來把自己的萌角立體化吧。
以前用來顯示立體圖像的裝置還不普及， 正因為現在有了3DS，才讓人有動力製作立體圖像。

這裡介紹的方法都是我個人從日站看來的，
懂日文的朋友也許不用看這裡，直接參考下列網頁即可
トーレスxの知恵袋　seeneonで裸眼立体画像作成
ポンのひみつきち 手持ちの2D画像から3DSで見れる3D画像を作る方法
ステレオフォトメーカー Nintendo 3DSのMPOファイルの読み書き

MENU

2D圖3D化教學

從3D遊戲的擷圖製造立體圖像的方法

個人完成品一覽 (目前皆是女性向遊戲的圖)

3D圖像交流留言板

2D圖3D化教學

※注意※
這裡談的是把原本只是平面的任何圖改成立體圖像的方法，
和本來就是3D的遊戲，拍兩張不同角度的擷圖製造出立體圖像的方法不同。
原本就是3D立體多邊形的遊戲，有時不需要用這種方法。

步驟就這樣而已，很簡單，
只是繪製高低差MAP和視差調整可能需要嘗試和練習！

以下是詳細教學。

一、尋找想要立體化的圖片

這步驟其實也蠻重要的，一開始可以先找單純一點的圖做練習，
最好找比較容易想像立體感的圖。
人物很多重疊在一起的圖比較不適合。
像下面這種圖就很簡單，可以想像就是人在最前面，海是愈來愈遠，天空是最遠的。

當然還是找自己有愛的圖最好了。
超任、紅白機時代的遊戲圖片，意外地非常好弄，做出來效果也很不錯，大家可以試試看。
我個人是找了這張作實驗，效果相當不錯。mpo檔在這。

回上方

二、用繪圖/影像處理軟體做出高低差MAP

這個沒有一定要用哪個軟體，只要可以塗色的都可以，可以直接在原圖上塗色。
我個人是用免費影像處理軟體GIMPPortable，功能就綽綽有餘了。
連我平常根本沒在畫圖的人都辦得到了，所以不難。
只是如果圖比較複雜，塗起來會比較費時。
只要有辦法分圖層、填上漸層、選取範圍，應該就非常OK了。
我用GIMP的情形是這樣

原圖與自己要塗的高低差MAP分層， 方便隨時對照。

把選取過的區域用「選擇→儲存為色版」存起來，方便分區塊修改。

畫這個「高低差MAP」也能分成幾個步驟。

1.先做好計畫！設定好大致上的數值。

seeneon這個軟體會用RGB值的其中一色的數值來判斷高低差。
這裡以紅色，就是R的值為例。
R:255，最亮的紅色，就是最突出來的部份，
R:0，最暗的紅色(黑色)，就是最遠最凹進去的部份。
大約120~150左右是與螢幕同深的距離。
首先看到一張圖，先思考好景物的前後順序。

例如看到這張圖，就大概寫出一下設定，
人頭 180-185
對話框加文字 170
地板近到遠 140-80
天空背景 0 ...等等。
先大致上整個做好計畫，看有沒有奇怪的地方，
例如不小心把桌子設得比對話框還亮的話，最後出來的圖看起來就會怪怪的。
需要注意的是例如上圖的Q版人物的腳和所站位置之地板的顏色要相近，
否則人會看起來浮在空中。
這種情況可用影像軟體的塗抹工具讓腳與地板的連接處看起來是連貫的。

2.開始塗色。

這就要慢慢塗了，顯然是圓形的部份可以用填色的功能，填上球形的漸層之類的，
上圖的地板部分就是填上R:140到R:80的漸層。
擷取填色範圍時不用太仔細！大致上OK就好了，亮的部份可以稍微蓋過暗的部份也沒關係。
這是我自己測試後的結果
例如，我最早是拿這張圖來練習，其實我真的選錯了，這張圖有點太麻煩了。

我最早的高低差MAP是做成這樣

我塗得非常仔細，看起來效果好像會不錯對吧？但我錯了！
像是頭髮與背景相接的部份，如果像上圖那樣分得太細，
透過seeneon出來的立體圖反而會崩壞！如下圖，請注意頭髮和背景的交界處。

當我把MAP改成以下這樣

用同樣視差輸出的圖反而看起來像這樣變得乾淨了！

雖然背景有點扭曲，不過跟背景比起來，當然是人物較重要吧XD

3.亮度差較大 且景物有重疊的地方，用塗抹方式模糊掉較佳。

這也是我從日站看到的方法，測試後也的確是這樣看起來會比較自然。
拿實際的例子來看，例如下面這張圖，請注意紅色圈起來的部份。

前面有個鋼琴的那個桿子，後面是人物的身體。
該部分如果用沒有模糊化的MAP來輸入的話，結果是這樣。
　
右眼用的圖的身體斷開了呢。
如果我把高低差MAP用塗抹工具模糊化，輸出結果就是這樣。
　

這就是因為鋼琴的那根竿子與人物身體重疊，所以比較容易發生問題。
假如暗處是單色的背景，沒有重要圖案，與它交接的亮處可以直接蓋過暗處也沒關係。

回上方

三、用seeneon輸出立體視圖像

下載處

雖然是日文軟體，但在中文語系下一樣可以正常開啟。
以下配合這張圖做說明。

1.讓你設定檔案輸出的位置和檔名。
2.把原始圖檔用拖曳方式拖到這格即可。「プレビュー」是預覽的意思，打勾後，圖會顯示在左下。
3.把你做的高低差MAP圖檔用拖曳方式拖到這格即可。上面的自動調整不要打勾。
4.設定輸出圖檔的橫長，我通常是設成原始圖的兩倍，
因為出來的檔案就是左右兩張並排，設成原始圖的兩倍，不會壓到圖。
這裡的橫長其實會影響到立體度，橫長愈小的圖，即使視差調低，立體度也很高。
5.設定視差，要和4.的橫長協調，建議是多輸入幾種視差試試看，
如果出來的圖扭曲太大，就表示視差設太大了。多試幾次才能找出適合的視差。
6.如果要輸入能在3DS上觀看的立體圖，這裡一定要設成平行法。
情報色就看你高低差是用哪個顏色做的，如果是紅色就選R。

設定OK就按右邊的「生成」，如下的平行法立體圖就會出來了。
左邊是左眼用的圖像，右邊是右眼用的圖像。

這張是橫長800 視差20。
如果是會使用平行法的人，看上面這張圖就能看到立體圖像。

回上方

四、用繪圖軟體修圖

本步驟可有可無！

用seeneon輸出的平行法立體圖像，其實就可以直接進入下個步驟，
放進ステレオフォトメーカー輸出可在3DS觀看的立體圖。
但如果想要追求完美，可以多加這個步驟。

用seeneon輸出來的圖有個限制，如果視差愈大，最後轉成mpo檔在3DS上看時，
的確會比較立體，但是視差愈大的圖，畫面常常會有扭曲。如下圖的手和背景。

如果要讓扭曲變小，視差就要變小，這樣一樣會立體，只是立體感可能會不夠強烈。
要解決這個兩難問題，
就只有拿上面那種已經用seeneon輸出好的圖，再丟入影像處理軟體做修飾！
修改成下面這樣，這樣就能夠視差很大，又沒有畫面扭曲，擁有最佳效果。

至於要如何修改，只能善用影像處理軟體的功能了，每張圖的情況都不太一樣。
我最常用的是塗抹工具。

回上方

五、用ステレオフォトメーカー輸出mpo

做出滿意的平行法立體圖後，只要丟入這個軟體就OK了。
ステレオフォトメーカー Ver4.32d for 3DS
這日文軟體如果在中文語系下開，會有很多問號，看起來不太好，
可透過Applocale選擇用日文開啟就沒問題了。

打開軟體後，開啟你做好的平行法立體圖，用拖曳檔案至畫面中的方式即可。
然後選擇「ファイル　→　一括ファイル変換」

再來是設定，大部分都不用改，1的部份要改成MPO形式。

點選2的「出力ファイル設定」後，會出現以下畫面

畫像品質可以隨自己喜歡，80以上就不錯了。
再來就是重點，假如你想設成能在3DS上調整深度的圖(用類比滑桿調整的那種)，
就必須選擇「任天堂3DS」，且圖片大小必須是640x480，
「リサイズ(640x480)する」這個選項就是幫你把圖片resize成640x480。
即使原圖的比例不是4:3，這軟體會幫你加上黑框調成640x480，不影響圖片比例。
用原本是16:9的圖片，可以填滿整個3DS上螢幕，效果較佳，
但記得還是要讓這軟體幫你調成640x480。在3DS上看起來並不會有黑框，所以沒問題。
EXIF日時那邊是可以讓你自己設定檔案建立日期，因為3DS的相簿，目前只照日期排列順序。
選擇「任天堂3DS」並且改圖片尺寸成640x480，雖然就可以在3DS調整深度，
但是有些圖片因為邊緣會被切掉，可能反而效果不是很好，
這種時候，改選「富士フィルム3Dカメラ」這個設定就行了。
這樣就不能在3DS上改變深度，但是能維持圖片原貌。

回到這畫面，3是讓你設定圖片輸出位址。

以上都設定好後，點選4的「選択画像一括変換開始」，就能生出你所要的mpo檔了。
按下面的「全画像一括変換開始」會把同一個資料夾中的所有圖檔用同樣的設定一起輸出。

回上方

六、把mpo檔放到3DS中觀看

就是把你的成品放到3DS的SD卡中，在3DS相機的相簿裡觀看。
這裡只有一點需要注意，就是檔名必須是
四個半形英數+四個半形數字.mpo
例如：hazu0001.mpo、GS1P0100.mpo
檔案要放入DCIM裡的『3個半形數字+5個半形英數』這樣的檔案格式的資料夾中。
例如：999GAMES、765P2D3D

在3DS上觀看，發現有什麼問題的話，可以再回到之前的步驟做修改。
多試幾次就可以做得很順利了！其實不難。

回上方

從3D遊戲的擷圖製造立體圖像的方法

我這裡要介紹的是非常陽春簡單的方法，
只是我們一般比較難擷取到適當的兩張圖。
因為必須用兩個視角看同一個畫面。
要改變視角很簡單，例如魔物獵人出任務時，按方向鍵就能改變視角，
但問題就是要同一個畫面才行，怪物在亂動的時候就不行。
這邊有很多Wii/GC遊戲的立體圖像(請點開Really Big List即可見到)，那些立體圖應該不是用這個方法做出來的。

拿魔物獵人為例，因為必須找固定的圖片，不能亂動，
我只能拍風景或者怪物睡著或死掉時的畫面。
例如下面這張峰山龍死掉的畫面。

我就是單純地在這個畫面用方向鍵改變視角，偏左拍一張，偏右拍一張，
然後把兩張圖連起來像上面這樣。
遠方物體偏左的要放左邊，遠方物體偏右的要放右邊，這樣才是平行法的立體視圖。
作好上面這樣的圖，再到2D圖3D化的步驟5，就一樣能做出可在3DS上觀看的mpo檔了。

我做的五張魔物獵人P3立體圖的MPO檔

這種方式做起來，效果也非常正常XD 就像本來就是立體視的遊戲一樣。

但是需要注意，轉移視角必須是像魔物獵人這種
以自己為中心，旋轉式的的視角轉移，
如果是直線左右移動的視角轉移，立體感會非常差。

回上方