日誌2014-04-05 11:33

小屋佈景簡易自製教學

安安，因為我最近換了一個自製佈景發現做起來說容易也不容易；說難也不是很難，

所以乾脆寫一篇教學文簡單介紹一下如何自製小屋佈景。用自己做小屋特別有成就感，當初弄了兩個小時左右也值得。

當然，看完這篇文也許你就不會像我一樣傻傻地弄兩個小時了，當初我是從0開始摸索，有教學的話當然就可以弄得更快。

首先最重要的就是你要找到小屋佈景的設置畫面，然後點選「我的佈景」

ABCDE隨便選，只要找到空的佈景就好。

接下來以我自己的佈景為例。

我知道剛接觸可能會覺得看起來很雜，接下來我要慢慢解說順便傳授一些撇步？

背景圖片

背景圖片就是小屋背景的大圖，以我的小屋舉例就是

大小方面我是覺得越大越好，因為要填滿整個畫面就要夠大。但是要直接上傳巴哈的話，

小屋背景圖有限制在 200 Kbytes以內，我自己是直接拿去JPEGmini把圖片壓縮到200KB以下就可以順利上傳。

基本上我建議大圖在捲動設定上使用「不捲動」

之前還有人提供我一個新的辦法，就是不利用巴哈的上傳功能直接把網址貼上去就可以了。

兩種方法各有利弊。圖檔過大會影響網頁速度，但是要壓縮又滿麻煩的，只能看使用者自行抉擇了。

小屋主圖690x250

我想已經夠清楚不用我特地放圖了，就是會擋住背景圖片的主圖，位置在小屋的左上區域。

和背景圖一樣有限制檔案大小，大小限制50KB有點過分......

我之前拿剛好690X250的JPG檔用下去還超過限制大小，只好又拿去壓縮

圖片當然可以放超過690X250的，只是會被自動裁切，所以盡量以690X250為主。

直接貼網址的偏方好像也能用在這裡吧？

左區塊底色

這部分是這一整塊

不包含上面的「所有動態」那一整行標籤。

基本上就是可以設定這一整塊的底色，我是用黑色當底色

主要色塊底色

主要色塊就是小屋叭啦發表的那一塊

我直接調成透明色，這樣才能看見一部份背景，當然想調成甚麼顏色都是看使用者，怎樣都沒問題。

右區塊底色

右區塊的涵蓋範圍滿廣的幾乎畫面右方都包含在內

右區塊就是被我用黃線框起來那一部份，下面還有......只是太大了，稍微示意一下就好了。

區分用色塊

圖中灰色部分就是區分用色塊，用來分隔每個人在小屋叭啦的發言。

標題顏色

這個我覺得只是讓配色看起來更豐富，想不想用可以看個人決定。

主要文字and次要文字

主要文字是涵蓋最廣的一個設定，只要是小屋內沒有任何「連結」的地方(純文字部分)都是主要文字。也就是說主要文字在配色上要特別注意，因為你的小屋到時候會有很多地方都是這個顏色。

次要文字大概就是叭啦的時間。

主要連結and次要連結顏色

主要連結和主要文字一樣涵蓋很大的範圍，只要是小屋裡有聯結的地方基本上都是主要連結。

連這個部分也有包含到。

次要連結和次要文字都是在叭啦上面出現

---

主要頁面的基礎功能大概就是這樣吧，還有如果在製作的過程中不太了解的話其實製作頁面有一個的圖示，只要把滑鼠移上去就可以在預覽視窗看見變更的部分。

至於進階的功能大致上是用來「美化」，有些還需要用到專業的修圖軟體來製作。為了大眾化一點，先介紹基礎功能就好。對進階功能有疑惑可以再找我談，要是我會的話我很樂意幫忙解答的。

81

21

LINE 分享

相關創作

第七章 醫療所

[AI tutorial] 將圖片中的某部分作成動畫

[AI tutorial] 如何做風格類似的圖片 | 似顏繪

留言

• 2014-04-05 11:45泥泥0w0：
  讚！

  2014-04-05 11:46黎明卿：你很會做ㄉ[e13]

• 2014-04-05 11:55瑋瑋：
  豪詳細ㄛ 可是我圖片不多 我排的應該也很醜[e13]

  2014-04-05 12:02黎明卿：不會啦 其實圖片只要兩張就夠了

• 2014-04-05 14:02矮人果實♡：
  食用！0.0

  2014-04-05 14:03黎明卿：實用不可食用

• 2014-04-05 14:04流星劃破天際：
  你不發文我還真不會用 ㄏㄏ

  2014-04-05 14:06黎明卿：真的假的，其實都可以自己摸出來。有心一定辦得到！

• 2014-04-05 16:47The Fire：
  哦 謝謝ㄋㄋㄋㄋㄋㄋ

  2014-04-05 16:49黎明卿：你要弄的話其實給我圖我可以幫你弄......

• 2014-04-05 16:55The Fire：
  我不知道˙˙

  2014-04-05 17:02黎明卿：好吧 加油

• 2014-04-05 17:12默默愛著飛斯的孩子：
  看完了還是感覺好麻煩 以後有空再說 [e16]
  我的圖片顏色太鮮豔了實在不適合當背景 [e15]

  2014-04-05 17:16黎明卿：基礎的部分不會太麻煩 而且在創作頁面都可以預覽 有空就去看看吧

• 2014-04-05 17:16阿 狼 |>：
  我也想換，可是我到現在還沒生背景出來

  2014-04-05 17:28黎明卿：如果是你的話 圖應該隨便生都有吧 做好之後看到煥然一新的小屋會很開心喔[e16]

• 2014-04-05 17:36阿 狼 |>：
  因為不想太隨便嘛，雖然套用別人的但是目前來說滿有質感的

  2014-04-05 17:40黎明卿：作品就像自己的孩子一樣 想讓別人看到就要弄到最好 所以其實別人上傳的也是很好的 不過缺乏了自己的創造力

• 2014-04-06 15:09雪風精：
  https://truth.bahamut.com.tw/s01/201404/d8ef18aeb9b0edf67fd679058b7b7155.JPG?w=300

  2014-04-06 15:10黎明卿：自重

• 2014-04-06 15:20荻維語彤：
  真仔細~~~
  雖然我會弄布景~可是要弄成一篇這麼詳細的教學
  我還不知道怎麼講呢XDD

  2014-04-06 15:22黎明卿：這稱不上詳細啦！因為進階功能還沒介紹到，其實教學文的重點在圖片，只要圖多就可以看起來很豐富

• 2014-04-07 12:13清流：
  研究過 之前有想像無名那樣自己編輯
  但覺得自由度不夠高 編起來感覺都很醜
  乾脆就找現有的了

  2014-04-07 12:19黎明卿：現有的也是這樣慢慢編輯起來的 有心要做的話其實不難 只是很麻煩
  剛開始摸也弄了很久才大致搞懂每種物件的位置

• 2014-04-07 17:09巴哈姆特小管家：
  親愛的勇者：
  
  感謝您對勇者小屋的支持，
  我們會將此篇設定在首頁的精選閣樓中增加曝光。
  
  --
  巴哈小屋管家 敬上

  2014-04-07 17:14黎明卿：第一次碰到小屋管家 謝謝你的賞識[e17]

• 2014-04-07 21:58骯賴：
  恭cAD我愛你

  2014-04-07 22:03黎明卿：我也愛你>_o

• 2014-05-11 18:04鈞：
  謝謝大大分享= ˇ= 回去努力研究中~

  2014-05-11 18:05黎明卿：加油哦 做出自己喜歡的布景吧XD

• 2014-06-14 12:45半吊子的決心：
  感謝 十分實用[e16]

  2014-06-14 12:47黎明卿：可以幫上忙就好了XD
  剛剛看你的小屋布景，感覺背景原本不夠大是被刻意放大的，可以用大一點的背景圖試試看[e17]

• 2014-07-19 20:29阿卡：
  之前居然沒看到
  昨天弄個半死= =
  現在終於可以用了(?

  2014-07-19 20:39黎明卿：我之前就說過有這篇了（？ 你都沒發現！而且還有一個漂亮的徽章在上面XD

• 2014-07-21 15:26尼太：
  巴哈有限制大小 所以我都傳到圖床再貼網址

  2014-07-21 19:29黎明卿：對的 我有寫到 限制大小超惡劣

• 2017-05-01 20:36LM：
  不好意思冒昧想請教一下...!
  訪客留言的那一條是該怎麼改QAQ
  https://truth.bahamut.com.tw/s01/201705/fc0986f757f4c48b69f3715cba0b521a.PNG?w=300
  希望能改得像這樣
  https://truth.bahamut.com.tw/s01/201705/2030b4c5b49f4db7a2604f6212b42682.PNG?w=300
  第一次做布景 想把那條輸入留言的白色改成深色T///T但是試了好多次都沒辦法弄成功...剛好看到這篇文就想說來問一下 打擾到的話不好意思T///T!!

  2017-05-02 10:36黎明卿：主要頁面→進階設定→特殊區塊→文字輸入區域，在這裡可以修改

• 2017-05-02 10:58LM：
  那邊也設定過了 就只有發叭啦的地方有改到 但是訪客留言依舊是白的QQ

  2017-05-02 11:03黎明卿：沒想到有這種事，我猜訪客留言那邊要改就會改到一大塊區域，不過不知道是哪塊[e17]

• 2017-05-02 11:34LM：
  好喔QQ謝謝你的回應!!不好意思打擾了~

  2017-05-02 11:41黎明卿：沒關係，祝你順利找到！

• 送出