小屋創作

日誌2017-08-25 21:14

[達人專欄] 布景主題製作:空之境界 - 櫻

作者:大帝

  不囉唆,先上連結。

  布景主題:空之境界 - 櫻

  這應該算是我第三次進行布景主題的製作,跟前兩次製作《悠悠哉哉少女日和》的布景主題時比起來熟練了不少,所以並沒有花上太多的時間......本來應該是這樣的XD

  先來一章文章預覽圖(當然是拿自家小屋舉例XD):


  考量到文章閱讀的方便性,我一向以淺色系為主,櫻花色的文章背景搭配上黑色的文字算是容易閱讀。




  以下就來介紹一下製作布景主題所準備的素材吧。

  製作一個布景主題,最懶最懶需要四個素材:主圖、背景圖、文章底色、按鈕。而我自己則多準備了一個背景底色和一個按鈕來進行搭配。

  主圖

  這個基本上是最容易的。巴哈要求的大小是690X250,只要自己找一張喜歡的圖縮到這個大小就沒問題了。我用的圖片是這一張:

  

  經過縮小後變成這樣:




  背景圖

  這個大概是所有人最在意的部分。最重要的一件事情,就是先選好一張合適作為背景而解析度夠高的圖片。有鑑於現在大部分人的電腦螢幕解析度都超過1920X1080,建議解析度不能低於這個值。

  另外一個問題就是什麼圖片「適合」最為底圖。對於有在小屋發表文章的人而言,最大的問題就是文章的字被底圖影響而看不清楚。為了不要讓圖片嚴重影響文字閱讀,底圖的圖片最好挑選左半部較為單純的圖片。拿我挑的這張圖為例,左邊只有兩儀式的浮水印,整體顏色較為均一,而圖片重點都在右邊,這種圖案就很適合拿來當作底圖。



  文章底色

  這大概是最需要注意的地方。

  文章底圖的大小要比文章的欄位還大,我不知道確切數字是多少,不過我自己是用1000X1000,所以大家也可以繼續使用這個數值。

  一般來說文章的背景建議是單色,方便眾人閱讀。不過,單單用一個色塊構成底色似乎又顯得有點醜陋,所以最好用「半透明純色」來當作文章底色。顏色可以挑選與整張圖片色調接近的顏色,才不致顯得太過突兀,所以我這次挑選了這個不知道該算是櫻花色還是粉紅色的顏色來當作背景。而透明度我這次是用58%,基本上50~80%中間都還在可以接受的範圍,單看個人喜好。另外,最重要的一件事情,就是圖片請用PNG格式存檔。假如使用JPEG,那麼就無法正確的顯現透明度。

  不過,我準備了不只一張的底圖,另外一張是拿給文章標題用的。在編輯布景主題的時候,要設定底色的地方非常多,個人建議準備至少兩個顏色,讓所有的文字區塊都共用一個顏色,而標題或輸入格等地方用第二個顏色,以增添一點變化。以下是我選擇的兩個顏色:

  


  按鈕

  最後則是右上方的按鈕。說實話,按鈕是這次最讓我不滿意的東西QQ

  按鈕接受的解析度是150X30,由於圖片非常小,基本上太過複雜的圖案根本看不出來是什麼東西,通常建議挑簡單易懂的圖案,而我這次選用的是與兩儀式對應的太極。不過,有人表示黑白的太極在這張圖裡面顯得太過突兀,而我自己則覺得右邊的顏色配的不是很好,可是摸了兩個小時始終沒有更滿意的配色,所以就這樣吧QQ

  另外巴哈可以上傳滑鼠滑過時按鈕的變化,所以我做了兩張按鈕圖案。

  其實巴哈還有很多的按鈕可以自己編輯,不過由於那些按鈕大多只有文字,所以我就用透明待過去了。有興趣慢慢調整的人可以再找一個半透明的底色來給這些按鈕使用。

  最後就是各個地方的文字顏色了。文字顏色沒什麼能多說的,只能自己一個一個慢慢調整,並且透過預覽來確定效果。

  

  這次的布景主題分享就到這邊告一段落啦~

  其實本來是想要弄《君の名は》的布景主題,不過那天截圖時出了一點問題,導致圖片解析度非常可悲,短時間內我又沒有力氣再重截一次圖,所以就改成做了一張兩儀式的巴哈布景主題啦。挑選的這兩張圖都是多年以前從不知道哪裡收下來的,十分感謝這些熱愛兩儀式的繪師~

FB:文字的帝國

34

12

LINE 分享

相關創作

[達人專欄] 23夏番 爆焰 水星的魔女 新石記 屍體如山的死亡派對 海盜戰記

[達人專欄] 23冬番 轉生公主與天才王女 海盜戰記

[達人專欄] 關於國文教育——文白之爭不是重點,表達能力才是關鍵!

留言

開啟 APP

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

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