日誌2013-07-18 20:01

【教學】小屋佈景背景圖配置

前言：

其實這篇教學的性質比較像是相互關懷的用途？基本上如果做給自己用，或者是不在乎其他套用者的螢幕解析度，那這個教學可以直接跳過就是，因為這不是什麼有用的教學？

正文：

這次的教學就拿現在這個佈景《妖精劍士f》的背景圖來說明吧！製作佈景中關於背景的選項：

● 進階設定 → 整體樣式 → 背景底圖（重複、捲動照下圖設定，重點在於「位置」部分）

　

位置選項的那個九宮格，會影響圖片在不同螢幕下顯示的位置。（忘了系統預設是哪個）像下面這張圖，靡咯現在這佈景就是設定在「上方」，背景圖是 1920×1080，基本上大部分的閱覽者都能完整看到此圖？（小屋文章的版面都置中在 1024×768 這個範圍內）

靡咯總共開了四個圖層來校對（大略位置，細微部分會因電腦而異），不同的解析度能看到不同範圍的圖片，上圖是向上對齊，就如同小屋的設定。基本上背景圖都可以用這個方法來試調在不同解析度顯示的樣貌，讓做出來的小屋佈景能夠更完美的呈現在別人的電腦上。

下面對照九宮格排列出九種對齊方式，大概就這樣，下次做佈景的時候，或許可以嘗試看看？

以上，九張圖都能點開看原圖喔！不同顏色代表不同解析度，白底就是 1920×1080 的原圖。

後記：

隨便亂寫一通的教學？或許很多人早就會了吧？而且也不是那麼實用？至於其他小屋製作的教學，由於靡咯懶惰，加上現成資料相當的多，應該不需要讓靡咯這爛咖來示範才是 ...

28

7

LINE 分享

相關創作

[AI tutorial] 劍星 Stellar Blade EVE 製作技巧

第七章 醫療所

[達人專欄] 【Godot Plugin】幫你的遊戲加入對話系統 —— Dialogic 2

留言

• 2013-07-18 20:04Faith：
  製作不是問題，要找素材（貼圖）比較麻煩一點

  2013-07-18 21:34ŇιΚã ◆ 入入型態：圖也很好吧! 拿官網的來用就好?! [e15]

• 2013-07-18 20:51不問世事：
  我得到的結論:我懶(躺著骰裝(?
• 2013-07-18 23:28春眠小虎：
  不不不，這理就有一個不知道低= =a

  2013-07-19 09:58ŇιΚã ◆ 入入型態：喔喔~ [e40]

• 2013-07-22 19:17點子-庫洛米庫洛米：
  已收藏 :D
• 2013-07-22 20:37沁甜花香〃：
  尺規怎麼不是用像素的啊XD？
  用心教學，按個喜歡唷！

  2013-07-22 20:39ŇιΚã ◆ 入入型態：因為我不會用 Photoshop ?! [e3]

• 2013-07-22 20:50沁甜花香〃：
  右鍵點尺規可以改變單位。
  但其實你這篇有個問題，
  長是看1024.1280.1366.1440.1680.1920
  寬才是看768.800.900.1050.1080
  晚點補張圖給你。

  2013-07-22 20:54ŇιΚã ◆ 入入型態：好像是這樣吼 (?)
  原來我搞混惹，才會覺得有誤差...
  可是我懶得改的說 [e3]

• 2013-07-22 21:16沁甜花香〃：
  以1920X1080的圖片大小，用各種解析度去看背景圖。
  巴哈背景圖預設置中，看設定往九宮格哪個位置跑，圖就靠哪。
  https://truth.bahamut.com.tw/s01/201307/0da322666c9f069666e451a85607cbca.PNG?w=300

  2013-07-22 21:18ŇιΚã ◆ 入入型態：不愧是專業的花香姐，已痛哭流涕。 [e3]

• 送出