創作內容

0 GP

rm素材整合貼圖方式超新手教學

作者:滾過草堆的浣熊│2018-05-26 10:47:50│巴幣:0│人氣:505
相當長的時間沒發練習文,由於長久以來都為了rpg素材的事情煩惱,想想也有許多人會有這樣

的煩惱,所以決定發這篇文,一樣是使用PS5,不過這次要做的是解決rpg分享素材的問題,

相信不少有心自製遊戲玩家,都會為了收集到的素材規格煩惱,很多網站提供素材,可是許多

精美的地圖素材都是一件一件,雖然符合規格,但是rpg製作大師的圖塊處理分區總不能一區只

放一個家具或一小組用品吧,又不願意遷就於現有的素材不足以表達需要的水準,許多沒上

過課的玩家,就算是最簡單的拼貼,也因為全無了解,自行摸索過於辛苦,不得不放置到有時

間時才去做,然而有時間了,卻又沒心力了,很多很優秀的構想還沒現世就消失在玩家的腦海

,只因為素材前處理的瑣碎業務被卡在不會使用處理軟體上,這實在太可惜了。


我在以下的拼貼方式是極為簡易的初級,只要有軟體就能一學就會,當然我也算是個外行人,

僅憑摸索學會,在此分享經驗而已,請路過的高手高抬貴手。


在此借用了  ドット絵世界世界的素材,並附上連結http://yms.main.jp/


在此說明需要素材請前往作者的網站下載,這些物件的著作權屬於原作者的,不要使用我放

在此地的練習素材,這些東西並不完整,不值得使用,學會本篇的內容後,就能夠自行拼貼

符合自己需要的素材,因此我選擇在小屋中低調放置,請不要轉載或使用這裡的練習物件,

請前往原作者那裡,會有更豐富的體驗。


然後這裡使用的素材規格對象是VXACE,其他版本我並未涉獵。


那麼就開始學習紀錄,如果覺得圖太小,現在的巴哈很方便,點一下圖就會放大。


首先請打開你的PS5,或是同系列產品,工具列都大同小異,不會差太多的。


然後從檔案選擇開新檔案,請看我貼在下面的圖,寬和高的像素要選到512,這是rpg製作大師

地圖區塊可接受最大的標準規格,解析度和色彩都沒什麼問題,用72和8就可以了,比較需

要注意的是背景內容,一定要選擇透明,這項目等於是rpg地圖區塊的底色,如果不希望辛苦

拼貼起來的家具外圍被包上一層其他顏色的框框,那麼就一定要選,因為rpg製作大師只給

人物行走圖提供去背功能,地圖區塊沒有這功能,所以一定要注意把背景改為透明。




下一張圖就是個標準格式,一張512x512的圖層,這張圖將會成為未來的地圖區塊。





接下來就是最重要的功能,下面那張圖,我的滑鼠游標點住的那個最左上方的按鍵,有一個

游標和十字的按鍵,那個叫做移動工具,幾乎所有的動作都由它完成。






然後開始正式作業,下面這張圖,我們先用檔案功能開啟舊檔,選擇一張準備貼上的圖層,

這次選的是佛像,注意看上方視窗的邊緣,左邊是未命名,也就是我們將要使用的圖紙,它

現在是深灰色,我們正在觀看的佛像則顯示為白色的這張syakanyorai.png檔,記得之後切

換時白色顯示為正在使用,灰色則是沒作用,要貼之前要先做好規劃,大部分素材創作者所

製造的素材,都是依照rpg製作大師的規格製作,但是仍有分好不好貼的差別,建議開始工

作之前,想好自己所想要創造的地圖需要什麼,把素材找好並分類,512x512在畫面上看

起來很大,其實放不了幾樣東西,必須謹慎思考自己想要的風格,將512x512的圖紙做最

有效的運用,這張圖的製作,代表著未來你地圖的美觀和運用的廣度,必須謹慎再謹慎。






看下一張圖

使用之前說的移動工具按住佛像,然後移動它,沒錯,它被移動了,請不要放開滑鼠左鍵,

就算佛像已經完全被拖曳到圖層之外也別放開,只要按住滑鼠左鍵拉到上方未命名的圖層,

也就是準備好的空白圖紙的窗格上,PS5就會很貼心的自動幫你切換到這格視窗,就算切

換完成也別放開,畢竟你要將佛像拉到圖紙上阿,等佛像到圖紙上之後你再放開也不遲。




現在佛像在圖紙上了,就算放開也沒關係,你可以任意移動它,直到下一張物件被送到這張

紙上以前,它可以任意被移動。





現在我把佛像移動到最左上方,挑選的位置很重要,一開始分配好,接下來比較不辛苦。



之後可以如法炮製的開啟其他素材檔案,將素材一一拖曳到圖紙上。


當我已經貼了數個物件了,如果想調整要怎麼辦呢?很簡單,看下面這張圖,PS右方有個圖

層列,圖層一通常都會是你一開始打開的底圖紙,看看圖層二和圖層三,是不同顏色的佛像

,選則想要更動的佛像的那個圖層,再用滑鼠去拖曳相對應的佛像,就可以移動了,在這邊

圖層一是底圖,圖層二是茶色佛像,圖層三是青銅色佛像,這張圖右側的圖層三選項已經

反白,代表我點選過了,所以青銅佛像被我移動到中間,而不是我預定要放的茶色佛像的

下方,你在我其他的圖中沒看到圖層列,是因為我沒展開它,在右側找到圖層選項後,點

下去,它的下拉式頁面就會展開了。





下面的這三張圖是我選擇讓佛像第一個貼上的原因,注意PS系列的左下角,通常都有一個可

以調整百分比的功能,基本都是100%代表正常大小,我這是調整的1600%,這組佛像的炎網

緊貼邊緣,而且蓮座底下的陰影也緊貼,一張圖的構成如果有一面緊貼邊緣,沒有空隙,那

就代表將它貼在底圖邊緣時,至少它的這一面你不需要去計算格數,所謂格數,就是底圖上

白與灰的小格子,絕大多數的物件都是不與邊緣緊靠的,周圍都有留白,在PS中這些留白

會用白與灰的小格子顯示,這些小格子就是距離,rpg製作大師的物品都很小,只要在貼的過

程中跳掉一格,差一點點,在rm中使用的時候,那個物品被切了邊,只被切一小塊,物件就

是壞的,如果它正好和其他物品鄰接,那麼鄰接的物品一貼上去,你就會發現圖邊有一塊色塊

,就像個污點,若沒被切邊,也會發生這個物品位置偏離了,它站歪了,這種設計好的東西

都是沒有僥倖的,歪了就是歪了,倘若你沒有備份貼到一半的存檔,那麼你會哭的,我從摸

索到弄懂,之後正式作業,光是這張作品我就存了至少13次檔案,就怕有一點貼歪,會哭死。


選這組佛像先貼,除了大小符合我的規劃外,左邊的佛像上方炎網與左方的炎網還有蓮座

下方的影子,全都是原圖中貼著邊緣的,而且它形狀比較平整,與它鄰接的圖不管是什麼

我都不需要去數這尊佛像外圍的白與灰格子,只要數要靠像它的物品鄰接部份的格子就好

了。












或許會有人覺得用1600%去細數那麼小的格子很累人,當然也可以使用1200%,準確度也頗

高,但是1600%是我試過準確性最高的,移動佛像時,一定只移動一格,1200%的時候一次

移動佛像會移一格半左右,準確性比較低,我自己通常是使用1000%慢慢移動,到兩個物件

很接近時才切換成1600去細數距離。

我們的下一個物品是另一個佛像,選擇他的原因無他,因為第二組佛像正上方的炎網也頂著

邊線,第一座佛像蓮座下方的陰影也頂著邊線,直接接起來就好了,但是右邊那個沒有炎網

裝設的佛像呢?要怎麼讓它和其他物件拼貼呢?

重開第一組佛像的原圖的檔案,用1600%去數阿,剛才我們移動過了,所以原圖是空白的

,必須重開才會重新顯示,只要素材外圍有留白,在拼貼時要計算彼此的距離格數就沒法

避免,所以右側佛像下方也有貼邊,所以它下方的物件會比較好連接。


下方這張圖就說明了物件的原圖如果有緊靠邊線的好處,茶色與青銅色佛像可以像這樣連接

,就算這樣連著,放在rmvxace裡面也沒問題,不會跑掉,不會切邊,這樣的素材很少,絕

大多數的素材都是上下左右四面都有留白,要從任何方向鄰接都要數格子。



上方圖中的第二組佛像的炎網頂著第一組佛像的陰影,由於兩組佛像都貼邊,所以可以直接對

齊邊線就貼上,換成其他物件就辛苦了,只要是沒貼邊的物件,由於是新手的關係,不會用

更有效率的工具,挑選物品最突出的部份計算與邊緣的格子數,然後一個一個慢慢貼,只

要兩個物品之間的格子數算好然後加起來,用這個總距離,幾乎都不會錯,偶爾也有那

種加的數字明明正確,還是沒法對齊的物品,可能是原作者給的圖並非原比例的圖,兩張圖

的比例尺不相同卻仍想使用的話,只要圖檔規格符合rpg製作大師的規格,仍然可以貼,但

你可能需要存讀檔個幾次,並且將地圖區塊丟到rpg製作大師裡測試,看看有沒有貼歪。


在比例尺一樣的情況下


舉例說佛像右側要貼個花瓶,佛像原圖右側最突出的部份是蓮座,我們得數佛像原圖蓮座

到右側圖邊有12格,花瓶原圖左側最突出是左側手把,手把與左側圖邊距離10格,那麼

將12+10,花瓶必須距離佛像22格,然後離開原圖,回到設計中的圖紙進行拼貼,貼歪了

,下場可能就是花瓶看起來歪一邊,或是被切掉一塊邊邊。



下面是沒有相鄰的範例,或許會有人覺得奇怪,為什麼刀架和上方的台座距離這麼遠,這是

原圖的設計,刀架本身的設計就是上方留有一大片空白,那片空白原作者應是將刀架設計成

一個可以靠牆放置,也可以單獨放置讓NPC圍觀的展示品,所以會有這麼大一片的留白,將

這組物品放入rpg製作大師的地圖區塊管理中,實際進行物件放置,就能明白上方的盆栽底座

向下的佔用格子數很少,而刀架上方的空白很大,如果香爐與刀架是兩組物品,為了維持原

初的設計,光是數刀架的格子就會數到哭出來,很幸運的是,原作者將它做成同一張原圖內

的素材,幸好幸好。

一個重要的說明,這點一定要記得,PS在貼圖移動時,讓兩個圖貼近時會自動卡一下,就像

是兩個物品已經碰到彼此的邊緣,那並不是真的兩個圖塊剛好鄰接,只是提醒你快要重疊了

而已,別把它當作圖的邊邊剛好碰到,我一開始就這樣認為,之後試著將半成品放進rpg大

師裡,實在慘不忍睹,我被迫必須回去數格數重貼,因為這個自動卡一下的機能真的就只提

醒你,這兩張圖靠近了,它沒有測定距離,或是區分圖塊的功能。




基本上將物件圖整合就是要有強大的毅力,同時我也建議各位盡量挑同一網站的作者的作品

貼做一張,因為同一網站的作者作品的設計風格比較接近,比較好搭配,而且物件大小比例

比較整齊,同時利於之後整理,在遊戲發布之後,你要列出素材分享列表時,比較不會混淆

,分不清自己到底用了誰的素材。

我們再看看下一張圖,這張已經接近成品了,所以我並不是讀取PS檔案內的圖,而是直

接讓巴哈匯入我資料夾內的圖,注意他是透明底色,這是一開始在PS內選擇透明背景後

才能有的效果,唯有底色透明,你放在rpg製作大師內的物品才能完美顯示,就如同你現

在看到的,畫面上只有物品,沒有白底或黑底,當然也沒有任何雜色破壞畫面。



另一件要說明的事情,有沒有注意到,我的貼圖是環狀的,中間有一塊沒貼東西,我在一開

始製作前有將一些物件一一貼進圖紙,大約量一下每樣物品大概佔多少面積,同時詳細確認

每張物件的尺寸,確保一張圖紙可以放進最多符合要求的物品,然後依照計畫的繞著邊緣貼

,這樣比較簡單,別看那顆櫻花樹很大,它是最後貼的,貼它的時候可辛苦了,左右兩邊都

要數格子,而且樹太大了,用1600%去數,光是移動畫面就夠累了,用的倍率太低又怕格子

數錯,著實讓我吃了不少苦。

我貼的順序是佛像,茶點與紅傘組,小花瓶與大花瓶組,墓碑,盆栽香爐與刀架,寶石袋,

金魚風鈴,最後是櫻花樹。


如果一開始佛像貼好後,要從左往右貼,馬上就要面臨同時要數佛像原圖右側的格子數,和

下一樣物品左側的格子數,若下一樣物品上方有留白,還要多數一個上方的格子,只是上方通

常格子數比較少,一旦移動到位,剩下的就是左右平移物品,手夠穩,那上方就不怕跳格,

物品的邊緣大多都不是平面,要抓那個最突出的部位要比較細心,而且這種貼法很難預期貼

到右邊時剩餘的空間夠不夠,由右側貼到左側也是同理,不如繞著圖紙邊緣環狀貼圖,至少

圖紙邊緣是平面,實際操作會發現困難度比較低,比較容易判別要怎麼貼才能貼上最多東西。


在此要說一下下圖的金魚風鈴,這個素材的構成是特別的,它雖然是一個小物件,但是它的

構圖讓它在拼貼時難以處理,因為它並不像其他物件那樣放在圖片中心,看下圖便知。




一個非常難貼圖的東西,如果你回到上面看那張總體圖,去比較金魚和寶石袋的位置,

有沒有發現什麼?沒錯,PS中的金魚會讓你誤以為他是個普通的單格物件,想把它像貼普通

物品那樣貼,注意看,它的構圖是偏的而且位置是在上方,以一個物件來說,放進rpg製作大

師的場景裡的確很美,但它很難貼,各位看到的金魚看起來位置比寶石袋來的高,其實它們

底圖大小一樣高,金魚的拉繩的最高點,其實就是圖邊,由於它位置是偏的,構圖形狀比較不

規則,當一個物件它最突出的部份形狀越不規則,往往就代表它最突出的那一點越小,越費

眼力,而且一般物品都是靠下方,核心部位也比較靠中間,上方留白居多,它的構成與貼圖

的習慣相反,像這種形狀複雜又位置靠上的小東西,比那棵大樹還要更難搞定。


說了這麼多,希望能對那些取得了愛不釋手的素材,卻又無法有效利用的玩家有所幫助。

我相信必定有人提供了更好的方法,我做了我能做的。


最後提醒,貼完圖以後的存檔請用用PNG存檔,這是關鍵的一步,PS系列內建

的存檔規格不是PNG,vxace只接受PNG存檔,最後的存檔工作別疏漏,這貼出來都是心血

阿。


由於原作者的使用規約,我是用google翻譯,機翻品質如何大家都明白,如有懂日文的巴友

看過了,我有違法的可能性,也請不吝於提醒,讓我能刪掉這篇文章。



引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4001853
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

喜歡★a88337011 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:小讀了一下 不知我的死亡... 後一篇:RPG製作素材站分享...

追蹤私訊切換新版閱覽

作品資料夾

blackotori大家
歡迎大家來小屋看看,說不定會有你喜歡的?看更多我要大聲說4小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】