方格精選

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

更新於 發佈於 閱讀時間約 8 分鐘

※此處操作說明都以繁體中文版的翻譯為基準。

  這篇會跟大家說明 RMMV 內使用的圖片素材規格以及類型,那之後也會撰寫關於詳細素材製作的文章。最後會介紹可以找到素材的網站喔!那請大家遵守該網站的素材規約

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

  在新建立的專案中,所有的圖片素材都會放置在 img 內的各個資料夾內。

raw-image

  RMMV 本身的圖片僅讀取 png 或 jpg ,如果使用程式擴展的話則可以使用特殊規格(例如:gif)。

  那接下來條列式的按照由上而下的順序說明圖片規格:

動畫(animation)

raw-image

  用於遊戲中的特效演出、技能特效等等。

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

raw-image

行走圖(character)

raw-image

  行走圖比較特殊,他預設讀取的格式是圖片符合一張 3x4 的規格並且是 8 張合併在一起,就可以使用各式自訂尺寸,可以參考下列範例:

raw-image
raw-image


  在資料夾中的行走圖部分帶有 ! 或是 $ 的符號,他們是用來規範圖片的格式。

  在 RMMV 執行時預設會將行走圖往上偏移 6 個像素來製造空間感。

 那如果我要與房子底部貼齊的門要怎麼製作?只需要在門的行走圖素材前加上 ! 符號即可。

raw-image

  那在 RMMV幫助手冊 中有提到 ! 的特性還有取消經過灌木叢圖塊時的半透明效果。在這裡測試一下相關效果。

raw-image

  那 $ 又是用來做什麼的?如果你不想要使用 8 張合併的格式,單張行走圖也是可以的(參考上方的 Boss 行走圖),這個時候就需要在行走圖名稱前加上 $ 的符號。

  ! 與 $ 符號是可以在同一張圖片上同時使用的喔!

敵人圖(enemies)

  此處的敵人圖並沒有特別規定尺寸,但要注意的是這個資料夾的敵人圖是用於前視戰鬥,如下圖:

raw-image

頭像(faces)

raw-image

  在系統中設定該角色的形象,使用於選單、對話框中。

視差背景(parallaxes)

raw-image

圖片(pictures)

raw-image

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

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

raw-image

  分別用於角色跟敵人戰鬥的橫版戰鬥素材,以下講解角色的素材規格。

raw-image

  他的基本格式是三張 64x64 一組,依照戰鬥狀態對應不同動作。如果不是 64x64 的規格也是沒有問題的!只要符合三個一組並按照下面的說明來排列動作的話,就可以在戰鬥中使用。下面說明會用到的動作名稱:

raw-image

  這個動畫將從左至右循環 1 → 2 → 3 → 2 → 1 的形式播放動畫。其中關於突刺、揮舞以及導彈攻擊要對應資料庫中的武器設置類型。

raw-image

  這是為了在戰鬥中角色可以使用對應武器動畫以及戰鬥動作。

raw-image

  敵方角色內建僅支援單張圖片,若需要與角色一樣有戰鬥動畫則需要程式插件擴展!

系統圖片(system)

  系統圖片包含遊戲中的部分演出以及介面樣式圖片,依照圖片名稱來說明各項圖片使用。

raw-image
raw-image
raw-image
raw-image
raw-image
raw-image
raw-image
raw-image
raw-image

  GameOver 用於顯示戰鬥失敗或是在恐怖解謎中碰到即死陷阱來返回標題的畫面,預設為 816x624 畫面大小。

  Loading則經常用於發布網頁或是手機版本時提示讀取檔案的顯示圖片,無固定尺寸。

地圖圖塊(tilesets)

  地圖圖塊的單塊最小尺寸按照事件格線為 48x48 ,並且分別有 A、B 至 E 層的分類,A 層相較於其他層不同,稱為自動圖塊。在資料庫中 A 組地圖圖塊分別為以下:

raw-image
  • A1 為海洋、河川等等的流體圖塊為主,規格為 768×576 。
  • A2 為地面大面積平鋪的圖塊,規格為 768×576 。
  • A3 為外面建築的樣式圖塊,規格為 768×384 。
  • A4 為內部牆壁的樣式圖塊,規格為 768×720 。
  • A5 為普通圖塊而非自動圖塊來使用,規格為 384×768 。

  這個部分的圖塊不能重疊,除了柵欄、地板破洞、草叢、裂縫以及髒汙這種可以重疊在圖塊上方的,其餘的都僅只能平舖一種圖塊。並且由於其自動成形的特性不用擔心需要大面積使用的情況。

raw-image

  想要增加更多的裝飾必須透過 B 到 E 組的圖塊,其規格為統一為 768×768。在這裡提醒大家,B 組最左上角那一格代表上層沒有圖塊的狀態,因此必須為星號以及空白(即不能放置任何圖像進去)

raw-image

標題圖片(title1 , title2)

raw-image

  此處擺放的是剛進來的標題畫面,可以從「資料庫」→「系統」→「標題畫面」任意更換背景圖片,預設規格為 816x624 也就是預設遊戲窗口大小。

raw-image

  以上是關於 img 文件中所有圖片的使用以及尺寸規格,更詳細的細節跟製作會在後續的美術章節中談到,下面介紹一些可以尋找素材的網站!最好搭配網頁即時翻譯使用,確認每個網站的素材使用規約

推薦

論壇

  我們下一篇將說明遊戲中所使用的音樂與影片類型!

留言
avatar-img
留言分享你的想法!
avatar-img
ReIris
99會員
128內容數
關於遊戲心得、遊戲創作等等相關的各種紀錄。
ReIris的其他內容
2020/07/16
最後我們將講解事件第三頁的指令,這個部分的指令有些比較少用到,但還是蠻實用的!
Thumbnail
2020/07/16
最後我們將講解事件第三頁的指令,這個部分的指令有些比較少用到,但還是蠻實用的!
Thumbnail
2020/07/09
本次將會講解事件第二頁的相關功能,包含人物、畫面、音樂、影片等等。
Thumbnail
2020/07/09
本次將會講解事件第二頁的相關功能,包含人物、畫面、音樂、影片等等。
Thumbnail
2020/07/02
之前在基礎入門只講解了一些常用指令,那這裡將會講解一些比較不常使用到的指令。
Thumbnail
2020/07/02
之前在基礎入門只講解了一些常用指令,那這裡將會講解一些比較不常使用到的指令。
Thumbnail
看更多
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
基本上這個網站目前不需註冊付費也能使用一些基本的功能,進入網站後先點CREATE NOW。
Thumbnail
基本上這個網站目前不需註冊付費也能使用一些基本的功能,進入網站後先點CREATE NOW。
Thumbnail
這篇,是延續之前的視覺筆記創作出的圖解版 那就廢話不多說,直接看圖吧 更多視覺筆記、圖像思維知識或疑問,歡迎加入圖像思維研究室提問喔 https://line.me/ti/g2/Vo4qwpJiOjsKe8c29jpnAQ
Thumbnail
這篇,是延續之前的視覺筆記創作出的圖解版 那就廢話不多說,直接看圖吧 更多視覺筆記、圖像思維知識或疑問,歡迎加入圖像思維研究室提問喔 https://line.me/ti/g2/Vo4qwpJiOjsKe8c29jpnAQ
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫,以及遮色片動畫表現產品出現效果,再搭配形狀補間動畫的遮色片技巧,細膩表現產品的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、遮色片動畫。 Step1. 範例檔元件庫中包含了所有將進行動畫的元件(直接由
Thumbnail
【檢視範例】【下載範例】 目標動畫效果:應用影片片段元件與傳統補間動畫,以及遮色片動畫表現產品出現效果,再搭配形狀補間動畫的遮色片技巧,細膩表現產品的動態呈現。 使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、遮色片動畫。 Step1. 範例檔元件庫中包含了所有將進行動畫的元件(直接由
Thumbnail
以影像點陣圖為動畫素材時,除了一般的影像之外,還可以藉由Photoshop處理出去背景的影像素材,以及包含半透明效果的影像素材,也都是動畫中常需要的專業素材準備。 1.挖剪造型影像 影像素材外觀除了是直角矩型外,還需要圓角矩型甚至是其他的外觀造型,此時就需要使用Photoshop的路徑與選取範圍來處
Thumbnail
以影像點陣圖為動畫素材時,除了一般的影像之外,還可以藉由Photoshop處理出去背景的影像素材,以及包含半透明效果的影像素材,也都是動畫中常需要的專業素材準備。 1.挖剪造型影像 影像素材外觀除了是直角矩型外,還需要圓角矩型甚至是其他的外觀造型,此時就需要使用Photoshop的路徑與選取範圍來處
Thumbnail
本篇會說明關於資料庫中的動畫功能。
Thumbnail
本篇會說明關於資料庫中的動畫功能。
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News