於是也弱弱的改成這樣子
其實改UI很簡單，就算只有一點點對PS的基本認知已經可以
當然要大改的話就要相當的美術天份和技術
先說一下我們會動到的檔案位置：
...\GungHo\Emil chronicle online\data\sprite\interface\ui
這個位置存放著所有視窗、按鈕、文字的圖檔，更改之前最好先備份
另外一提，這只限所有圖像格式，遊戲中非圖像顯示的文字顏色、模擬部份的背景(試穿畫面、寵物外觀顯示畫面)都無法改動。
所以改UI時要小心，避免使用跟文字顏色相似的配色
改UI的步驟我以其難度和複雜性來排列
1)改走糞熊
糞熊出現在登入版面、對話視窗、左上角的3P狀態視窗、快捷鍵等等的地方
這麼多個部份實際只需要更改一個圖檔，他的圖案就是上述位置的「tiny.png」
好淺色的泰迪一隻。所有改圖，特別是整個圖換掉的情況，也要相當小心新圖像的像素，可以比原檔小但不可以比原檔大，當然最好是相同大小。
找到理想的圖後要做的是退地(去背)
PS技術不高者可以選擇白底圖以便退地，甚至直接不退背景直接使用…
當然這就是個人對美觀性的接受能力問題了
這是從網上抓回來的圖，把背景去掉並剪裁好Size後，把透明度設成40%左右
透明度越高畫像就越清晰，但太清晰的話可能會影響文字顯示。
然後把新的圖檔換成相同的名稱，取代原本的泰迪檔案即可
2)NPC對話框更改
NPC對話方塊分為兩種，平常NPC所用的正方形方塊，以及新型劇情對話的長條方塊
這兩個方塊都能在上述檔案位置中的npcgrp資料夾中找到
這兩個對話框在創作上是相當自由度大的，因為是直接就用這個圖檔來顯示(當然你也不能隨意調較大小)
所以你想要玩什麼花紋，加什麼圖案都能隨便弄
我就印了些雪結晶上去。
當然你喜歡在文字框上貼喜歡的圖案也可以，但同樣避免過份花巧影響文字閱讀。
3) 整個介面更換
把上述位置變更顯示方式「以檔案類型排列」，能分出bmp和png檔案，bmp是檔多是舊UI的遺物，不用理會。png檔案才是我們的目標。
由uitype_00.png到winparts_52.png、world00.png到world05.png 都是遊戲中常見的圖像檔案
以下是我改掉後的樣子(只是把一片啡換成一片藍)
上面提到NPC對話框這種鎖死視窗大小的可以很自由地創作
反之對話以外的視窗(可以自行調節大小)是採用「鋪階磚」的方式顯示…
也就是用同一個小格不停重覆、鋪到無限大，以達到自設大小的效果
於是在那麼小又不停重覆的空間，也只有淨色的選擇了
這種視窗的背景圖應該就是在winparts_10.png中
至於這種視窗的上框也是會砍開分成左中右部份，把中間無限延長，於是也是比較少的創作空間，不過也是能在左和右邊(兩個頂端)上花心思。
3B)更換目錄圖示
目錄圖示於uitype_00~03.png中
那個不停閃 提醒你要打日副的感嘆號也在uitype_03.png中，只要把那個圖示刪掉(整個透明)即可
但更改圖示也跟換糞熊圖一樣，每一格新圖示的大小也不可以超出舊圖，放的位置也要完全一樣不能偏移
(因為系統是辨認整個圖片的坐標決定按鈕圖案，一但偏移就會把圖案砍掉，甚至出現錯誤、破圖)
然後你會看到uitype_01和02 有兩種大小一樣但有少許色差的圖案
uitype_01.png 的圖是「當滑鼠移到上面」和「點擊出副選單時」
uitype_02.png 的圖是「閒置時」(ITEM那一項是唯一把兩張圖都放在一起的)
我暫時只把選單中的一部份圖像換掉。
很貼心的，選單上的文字都是圖像，意味你可換成中文字以便閱讀，也方便替換按鈕圖象
以下講解一下如何超便利地用PS更改顏色：
1) 先把想要改顏色的圖檔用PS開啟
2) 利用選取工具把要改的部份選起來(可以放大到能看到每一格像素，方便完全選取)
3) 影像>調整>黑白
4)把色調打勾，然後配上喜歡的顏色，確定
5) 存檔，完成！
至於指標移過去選單圖案後的色差效果，可以這樣做：
1) 右鍵該圖圖層
2) 混合選項>內光暈
3) 調節顏色並確定
這次的UI教學來到這邊
在我想到還有什麼能玩再追加下去吧ww
沒有留言:
張貼留言