今天星月我突然想來發一篇小屋製作的過程O▽O~因為我做的遊戲人生的佈景套用數破百了讓我好感動啊QwQ
畢竟這是我花了很久的時間才做好的.........(至少也有一小時吧)
廢話不多說先來張成品(點圖進入預覽連結):
呃.........其實你可以直接看我小屋首頁就好了XD
-------------------------------------------------------------------------------------------------------
★製作過程start★
1.背景圖(200KB以下)
首先你選好要用的背景，點上傳圖片常常會看到討厭的12個字:
上傳失敗，請檢查圖檔大小
QwQ你很討厭欸，如果我把圖縮小不就背景圖很小很難看嗎?我想要背景是填的滿滿的啦www
選從電腦上打開圖片~再選取你要用的背景圖~再左上角保存~
會看到這樣的畫面~
把質量調低一點，右下角可以看到大小，因為小屋背景限制是200KB，所以要調到200KB以下(建議調到190，如果調199這種很接近200的數字它還是會說請檢察圖檔大小#)
這樣背景圖就完成了OuO~
2.小屋主圖(690x250)(50KB以下)
把你的圖裁切成690x250，如果不把它裁切成690x250會發生很恐怖的事
檔案太大也可以用Pixlr Editor調小
3.左區塊底圖(建議寬度690px)(50KB以下)
你有看到好漂漂的白色半透明區塊嗎OwO
一樣去Pixlr Editor，創建一張新圖片，建議寬度690，要把透明勾起來喔~
好了現在你有一張透明的紙了~
點選左邊第一列第六個的漸變工具，點選上面的漸變，把框框3往右移到底
就會變這樣~
把不透明度改成你要的不透明度，顏色改成你要的顏色(我是用75不透明度)
好了就戳一下上面的漸變讓它收起來
現在在你的紙上用左鍵拉一條線並放開
ㄅㄧㄤ~好了耶~
接著就保存吧~記得一定要存成png檔!!!!!!不然會沒有半透明效果!!!!!!!
這樣就完成了~O▽O
4.右區塊標題(建議300x30px)(5KB以下)
就用跟上面一樣的方法吧~
不過我是沒有用圖啦，單純才好看啊(明明就是懶惰#)
5.右區塊底圖(建議寬度300px)(20KB以下)
在這裡我是用可愛的半透明白色區塊OuO
6.主選單(建議1000x35px)(15KB以下)
方法跟3一樣
最右邊我還弄了可愛的No Game No Life小圖
7.右方按鈕群(建議150x30px)(5KB以下)
花了不少心思的按鈕///▽///
一般:![]()
滑鼠經過:![]()
8.文字輸入區域(20KB以下)
這裡我是弄成白色~
9.左區塊標題(建議690x20px)(10KB以下)
這裡我弄成紫色~
10.文字輸入框(10KB以下)
這裡我弄粉紅色~
11.特殊按鈕1(3KB以下)
我弄粉紅色紫色框~
12.特殊按鈕2(3KB以下)
紫色透明框~
13.強調按鈕1(3KB以下)
橘色白框~
★教學結束★
-------------------------------------------------------------------------------------------------------
星月の碎碎念:
星月我剛開始學做小屋佈景的時候什麼都不會
尤其是圖檔大小的問題搞了好久((笨
一直檔案太大檔案太大的快被逼瘋了(你自己逼自己幹麻)
想弄半透明的區塊也不知道該怎麼弄
現在終於好不容易會了~~~QwQ
所以打了這篇文章
希望大家看了這篇文章後能做出更多好看的小屋佈景>w<
-------------------------------------------------------------------------------------------------------
其他佈景:
創作內容
小屋佈景製作教學(範例:遊戲人生)
未分類 (37)