方格精選

基礎入門篇 2 ( 1 ) -《圖片素材規格》

更新於 2022/11/10閱讀時間約 7 分鐘
※此處操作說明都以繁體中文版的翻譯為基準。
  這篇會跟大家說明 RMMV 內使用的圖片素材規格以及類型,那之後也會撰寫關於詳細素材製作的文章。最後會介紹可以找到素材的網站喔!那請大家遵守該網站的素材規約

  為了維護作品版權,也請不要去找來源不明的素材來製作遊戲,因為你找到的素材有可能是從別人的遊戲裡拆包提取的素材!

  在新建立的專案中,所有的圖片素材都會放置在 img 內的各個資料夾內。
圖片位置與用途
  RMMV 本身的圖片僅讀取 png 或 jpg ,如果使用程式擴展的話則可以使用特殊規格(例如:gif)。
  那接下來條列式的按照由上而下的順序說明圖片規格:

動畫(animation)

每一個行包含 192x192 的 5 個橫向切片動畫圖,一張圖片最多包含 20 行。
  用於遊戲中的特效演出、技能特效等等。

戰鬥背景(地面、環境 / Battlebacks1 , Battlebacks2)

預設 816x624 尺寸(即為畫面預設大小,若更改畫面大小則要自行修正圖片尺寸)

行走圖(character)

每張 8 個「同尺寸」行走圖,動作包含行走與待機。
  行走圖比較特殊,他預設讀取的格式是圖片符合一張 3x4 的規格並且是 8 張合併在一起,就可以使用各式自訂尺寸,可以參考下列範例:
Boss 行走圖 (尺寸:360x480)
左邊加入 ! 符號,右邊為無加入符號。
  在資料夾中的行走圖部分帶有 ! 或是 $ 的符號,他們是用來規範圖片的格式。
  在 RMMV 執行時預設會將行走圖往上偏移 6 個像素來製造空間感。
 那如果我要與房子底部貼齊的門要怎麼製作?只需要在門的行走圖素材前加上 ! 符號即可。
! 符號帶有貼齊底部的特性。
  那在 RMMV幫助手冊 中有提到 ! 的特性還有取消經過灌木叢圖塊時的半透明效果。在這裡測試一下相關效果。
灌木叢效果測試。
  那 $ 又是用來做什麼的?如果你不想要使用 8 張合併的格式,單張行走圖也是可以的(參考上方的 Boss 行走圖),這個時候就需要在行走圖名稱前加上 $ 的符號。
  ! 與 $ 符號是可以在同一張圖片上同時使用的喔!

敵人圖(enemies)

  此處的敵人圖並沒有特別規定尺寸,但要注意的是這個資料夾的敵人圖是用於前視戰鬥,如下圖:
前視戰鬥並不會出現角色動畫。

頭像(faces)

一張臉圖 144x144 , 4 張 1 行,2 行 1 整張。
  在系統中設定該角色的形象,使用於選單、對話框中。

視差背景(parallaxes)

地圖圖塊不填滿後,使用視差背景的範例。

圖片(pictures)

在地圖上可以使用事件命令顯示的圖片。
  基本上用於「顯示圖片」的事件命令,可以顯示任何圖片(沒有限制尺寸)。

側視戰鬥(角色、敵人 / sv_actor , sv_enemies)

橫版戰鬥素材。
  分別用於角色跟敵人戰鬥的橫版戰鬥素材,以下講解角色的素材規格。
圖片來源RMMV 幫助手冊
  他的基本格式是三張 64x64 一組,依照戰鬥狀態對應不同動作。如果不是 64x64 的規格也是沒有問題的!只要符合三個一組並按照下面的說明來排列動作的話,就可以在戰鬥中使用。下面說明會用到的動作名稱:
圖片來源RMMV 幫助手冊
  這個動畫將從左至右循環 1 → 2 → 3 → 2 → 1 的形式播放動畫。其中關於突刺、揮舞以及導彈攻擊要對應資料庫中的武器設置類型。
「資料庫」→「系統」→「[SV]攻擊動作」
  這是為了在戰鬥中角色可以使用對應武器動畫以及戰鬥動作。
揮舞劍與射弓箭的戰鬥動畫。
  敵方角色內建僅支援單張圖片,若需要與角色一樣有戰鬥動畫則需要程式插件擴展!

系統圖片(system)

  系統圖片包含遊戲中的部分演出以及介面樣式圖片,依照圖片名稱來說明各項圖片使用。
Window 用於顯示各類窗口樣式。
ButtonSet 用於商店道具數量輸入與確定,格式參照內建範例。
Damage 用於顯示傷害數值,數字需等分 0 到 9 ,沒有固定尺寸。
States 用來顯示戰鬥狀態影響,規格為 8 幀動畫。
IconSet 用來區分道具、技能、狀態等等象徵,規格 32x32 一格。
Weapons1 , Weapons2 為內建默認動作,作者可在 Weapons3 自訂需求增加。
Shadow1 為交通工具陰影。
Shadow2 用於戰鬥陰影。
Balloon 可以顯示角色心情,規格為 8 幀動畫,創作者可自行擴展。
  GameOver 用於顯示戰鬥失敗或是在恐怖解謎中碰到即死陷阱來返回標題的畫面,預設為 816x624 畫面大小。
  Loading則經常用於發布網頁或是手機版本時提示讀取檔案的顯示圖片,無固定尺寸。

地圖圖塊(tilesets)

  地圖圖塊的單塊最小尺寸按照事件格線為 48x48 ,並且分別有 A、B 至 E 層的分類,A 層相較於其他層不同,稱為自動圖塊。在資料庫中 A 組地圖圖塊分別為以下:
A 組自動圖塊。
  • A1 為海洋、河川等等的流體圖塊為主,規格為 768×576 。
  • A2 為地面大面積平鋪的圖塊,規格為 768×576 。
  • A3 為外面建築的樣式圖塊,規格為 768×384 。
  • A4 為內部牆壁的樣式圖塊,規格為 768×720 。
  • A5 為普通圖塊而非自動圖塊來使用,規格為 384×768 。
  這個部分的圖塊不能重疊,除了柵欄、地板破洞、草叢、裂縫以及髒汙這種可以重疊在圖塊上方的,其餘的都僅只能平舖一種圖塊。並且由於其自動成形的特性不用擔心需要大面積使用的情況。
地圖上的呈現效果。
  想要增加更多的裝飾必須透過 B 到 E 組的圖塊,其規格為統一為 768×768。在這裡提醒大家,B 組最左上角那一格代表上層沒有圖塊的狀態,因此必須為星號以及空白(即不能放置任何圖像進去)
B 組左上角必為空白與星號。

標題圖片(title1 , title2)

RMMV 預設標題畫面
  此處擺放的是剛進來的標題畫面,可以從「資料庫」→「系統」→「標題畫面」任意更換背景圖片,預設規格為 816x624 也就是預設遊戲窗口大小。
選擇後可以更改,也可以不用 RMMV 默認自動繪製遊戲名稱標題。
  以上是關於 img 文件中所有圖片的使用以及尺寸規格,更詳細的細節跟製作會在後續的美術章節中談到,下面介紹一些可以尋找素材的網站!最好搭配網頁即時翻譯使用,確認每個網站的素材使用規約

推薦

論壇

  我們下一篇將說明遊戲中所使用的音樂與影片類型!
avatar-img
93會員
119內容數
關於遊戲心得、遊戲創作等等相關的各種紀錄。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
ReIris 的其他內容
打開之後不懂怎麼操作 RMMV ?這裡將詳細講解基本操作以及工具設定!
打開之後不懂怎麼操作 RMMV ?這裡將詳細講解基本操作以及工具設定!
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
這篇文章介紹如何使用 pyRevit API,包括輸入名稱尺寸、間距和模型線,創建Pattern以及在側邊磚細部的選取和移動。
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
Ae 小技巧:Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
一直想整理手裡有的免費素材連結,希望可以幫助到其他創作者。 平時都在這裡撈素材(背景、音樂、音效、立繪等): https://www.nvlmaker.net/index.html (⬆️遊戲製作工具NVL的社團網頁,至今仍有不少遊戲成品發表) 可是有蠻多素材連結失效了,所以才想自己慢慢整理
Thumbnail
Ae 小技巧:Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
試著把 RMMZ 官方教學英翻中的系列播放清單 :D 目前預定會拍20集左右,目前更新到第12集,新的集數籌備中!
Thumbnail
剛剛調了第一層Rendering Mode渲染模式的參數 進入第二層#Opaque渲染參數介紹 搭配教材一起做好ㄌ,先下載檔案樹葉葉葉🌿🌿🌿 解壓縮後把他拖移進去ASSET裡面 點開剛剛LeafPack,找到Mesh>選擇FBX>找到後拖曳到遊戲編輯畫面 部份模型( Fbx&
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
VRM 的演進 為了讓 3D 虛擬人物能夠在不同平台和應用之間無縫使用,VRM Consortium 於 2018 年推出了 VRM (VRM 動畫) 格式。VRM 是一種開放的 3D 檔案格式,它基於 glTF 標準,具有良好的兼容性和可擴展性,自推出以來,得到了廣泛的認可和應用。
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
這篇文章介紹如何使用 pyRevit API,包括輸入名稱尺寸、間距和模型線,創建Pattern以及在側邊磚細部的選取和移動。
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
Ae 小技巧:Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
一直想整理手裡有的免費素材連結,希望可以幫助到其他創作者。 平時都在這裡撈素材(背景、音樂、音效、立繪等): https://www.nvlmaker.net/index.html (⬆️遊戲製作工具NVL的社團網頁,至今仍有不少遊戲成品發表) 可是有蠻多素材連結失效了,所以才想自己慢慢整理
Thumbnail
Ae 小技巧:Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
試著把 RMMZ 官方教學英翻中的系列播放清單 :D 目前預定會拍20集左右,目前更新到第12集,新的集數籌備中!
Thumbnail
剛剛調了第一層Rendering Mode渲染模式的參數 進入第二層#Opaque渲染參數介紹 搭配教材一起做好ㄌ,先下載檔案樹葉葉葉🌿🌿🌿 解壓縮後把他拖移進去ASSET裡面 點開剛剛LeafPack,找到Mesh>選擇FBX>找到後拖曳到遊戲編輯畫面 部份模型( Fbx&
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
VRM 的演進 為了讓 3D 虛擬人物能夠在不同平台和應用之間無縫使用,VRM Consortium 於 2018 年推出了 VRM (VRM 動畫) 格式。VRM 是一種開放的 3D 檔案格式,它基於 glTF 標準,具有良好的兼容性和可擴展性,自推出以來,得到了廣泛的認可和應用。