創作內容

6 GP

自製或混製skin方法(呃其實是我習慣做法)

作者:kiow│2014-11-09 11:02:03│贊助:12│人氣:6934
大家好,雖然巴哈討論區也有人發過相同的文但我昨天看還沉底現在居然浮起乃了(

所以說我還是來發一個我平常自混+自製skin的方法好了## 如果有不懂可以再問我

阿還有呢,我不是專業的所以教學不是很清楚,請見諒 那麼不多說進入正題吧~

首先,如果你想要做一個你自己專屬的skin必須先在 OSU資料夾裡面找到「SKIN」資料夾

當然這要看你的OSU資料夾存在哪(我是在D槽)不知道的話就去搜一下吧~



點下去,新增資料夾~




這是我平常用的skin(自製) 以下圈起來的是目前osu可以改的項目



黃色的是分數小圖 英文元素代碼(名稱)是: ranking-  -small(中間是看你的分數要改神馬,比如:

ranking-A-small 就會是上面的A囉~不過是小的(排名裡的

記得要大寫喔 不然會顯示不出來 這個要怎麼改?很簡單

你可以去翻翻其他人做的skin看看裡面有沒有這東西(照理說應該會有)你只要把他蓋過去,或

用繪圖軟體(其實很多軟體都可以啦)把他擦掉(? 或覆蓋上去就ok了 多說無益 看圖吧~

找到啦~把他拉進去(? 或是開啟檔案在小畫家或其他軟體上(繪圖軟體最佳)製圖軟體當然也可



用橡皮擦擦掉他 如果你的skin裡面沒有這東西也沒關係,你可以新增一個大小33X43的圖檔

自己寫上去或用打字的都行,這裡可以自由發揮,創造自己獨特的字型XD最後記得存成PNG

就可以囉



其他排行的小分數的做法都是這樣 其實幾乎所有SKIN項目的做法都是如此

暗藍色圈起來的那隻(? 是大家都知道的BACK 這裡建議大家如果要改大小不要超過250X150

不然會太大把你自己的排行分數擋住QAQ 不過如果你喜歡當然無所謂(?

BACK的英文元素代碼(名稱)是: menu-back-0 (這裡以靜態為主)如果是動圖可以改為menu-

back-1 menu-back-2......(看你要幾張)一百張當然就是menu-back-100(應該沒這麼誇張啦)

BACK比較特別的是可以做成動圖,不過如果你是新手做SKIN的話就別多費心思了 那個其實

有難度的~當然要做的話就像翻紙動畫要一格一格的新增圖片,非常麻煩



哎呀忘記說啦,所有圖片均用PNG(透明)的喔~所以你在處理任何圖片之前要記得去背 不會的

看過來!!!!!!!!!!

這裡有個不用下載的線上製圖網站,去背很方便喔ˊ艸ˋ

點我

你先開啟你想要的圖當作back~阿分數小圖也得去背喔~



開好之後呢就會像這樣



再來你先點魔術棒工具



再來把鎖定透明圖層點兩下



變成這樣之後就點選空白不要的地方~



按鍵盤上的Delete 去背~變成方格的背景就代表去背成功囉~



最後儲存 千萬記得存成png喔喔喔不然辛苦去背都白費了

文件→保存→完成!



去背解說哦給(? 如果你還有其他去背方式也可以 只要把背景去乾淨就好了 你也可以用橡皮擦

慢慢擦也無妨

接下來就把圖片調整一下大小 打上back字樣 存在你的skin資料夾裡就好囉~名稱要改成

menu-back-0(上面有說明過)

接下來講最簡單、卻很重要的游標 也就是暗紅色圈起的那個東東
其實那是由兩個不同的東西

組成的喔~ 一個是游標本體
英文元素代碼(名稱)是: cursor 另一個是他的尾巴(?就是游

標的軌跡
英文元素代碼(名稱)是: cursortrail

看圖效果:



要怎麼改呢 其做法也是一樣的無需多說 不過大小建議50X50上下別太大打起來不太方便,不

過也是有人弄得很小所以這也是看個人習慣~

紫色圈起的是功能選擇一樣需去背,大小 75X85上下

這個需要8個名稱有點多 載圖可能比較快orz 先解釋前6個 還有兩個比教算是獨立開來的(?



英文元素代碼(名稱) 分別是:
selection-mods
selection-mods-over
pngselection-options
selection-options-over
pngselection-random
selection-random-over

當然這些都可以改 over的功用也是襯托~所以不用改的太複雜

比如:這是selection-mods 這是selection-mods-over

這兩個其實是沒必要差很多 畢竟後者算是強調前面的而已 弄得太花反而不好看

效果差不多是這樣↓




差不多就是這樣的感覺啦XDDDD

接下乃是綠色圈起來的部分,是很搶眼的選歌條(?

大小建議725X127上下 這部分其實不用去背也無妨(去了也許較美觀)

英文元素代碼(名稱)是:menu-button-background

棕色的算是按鈕之類的吧???影響不大不用改也看不太出來啦(欸

大小141X24
英文元素代碼(名稱)是: selection-tab

接下來介紹遊玩介面~



紅色圈起來的都是血條的部分~大小757X72 排行上的人物也是血條的一部分 不過如果你覺得

不美觀的話就別多費力氣去做啦XD

血條也是由許多元件拼出來的 一共分為下列幾樣:

這是血條的背景,英文元素代碼(名稱)是:scorebar-bg 大小如上述所說(全部都是757X72)



這是血條的顏色,
英文元素代碼(名稱)是:scorebar-colour



接下來的雖說也算是血條的一部分,不過也能分開來做的警告標示(血條上的東西)



↑有沒有看到上面的GOOD? 如果你快死了也會顯示不一樣的字 這算是提醒的東西吧XD

大小建議116X116
英文元素代碼(名稱)分別是:

scorebar-ki

scorebar-kidanger

scorebar-kidanger2


順便說一下,如果要加上小人物請加在血條顏色的部分

顏色如果是以動態為主的話請務必按照上面的BACK一樣,比如scorebar-colour-0 ....可以越加

越多甚直到scorebar-colour-100 但是注意加太多可是會越動越快的啊(但是會動的很順)

以下教學(小人物和顏色可為動圖)

首先,把高調大一點(原本13現調為500)這是我個人習慣調整數~當然看你要調多少,因為不調

大人物很難放得進去,這部分用小畫家皆可完成~



之後把一張去背人物放到裡面(複製貼上都可)別調太大



調太大當心會....

排名整個擋住而且也很礙眼!!!



所以大小和位置都要自行取捨摸索,我也是做到這裡也相當苦手XD

如果你有興趣又有耐心的人可以試試看~

亮綠色圈出的是skip 也就是跳過的意思,這只有在歌曲前奏過長才會出現的~一樣可以改為動

圖 英文元素代碼(名稱)是: play-skip 大小360x330上下(可以調大一點反正才一下下不會很擋)

動圖的話要改成play-skip-0...(如之前所說)

紫藍色的是分數的字型、顏色可打字或自己動手寫 英文元素代碼(名稱)是:score-?(問號是數字

看你的數字是幾就打幾) 比如score-6就是上面的6

大小40x50 大小可照自己的意思調,基本上不會影響遊玩過程(除非你改得很大大到擋住螢幕)

粉色的是你按的鍵,這裡注意一下,要在options裡面啟用按鍵計數框才會有效果



雖然在遊戲裡是直的,但是實際上卻是倒著的(橫向)

這分為外框及按鍵 外框的英文元素代碼(名稱)是:inputoverlay-background 大小為193X130



遊戲裡面是這樣的

就是外面輝色的框框(不太清楚因為背景也是黑色的)



還有按鍵 大小43X46 英文元素代碼(名稱)是:inputoverlay-key

抱歉只有這個較明顯,圖片的是白色的是看不太到的orz是上面的四個小按鍵~(有k1k2的那個)

打擊介面

抱歉有些複雜,因為有很多元件是合在一起的,要標住清楚很困難ˊˋ




紅色箭頭的是拖動的外框(藍色的)和裡面黑色的~這邊是屬於skin這個組織檔案也是少數不是圖

片的檔案類型可以在其他skin裡面找到~也可以自己寫一個,不過建議

大家還是找現成的改比較方便~這要用記事本打開,如圖



裡頭可以自行調整(不過本人也不太清楚裡面寫了神馬 請大家不要隨意亂調)

我目前確定可以調的是Name(這skin的名稱) Author(這skin的製作者)

和比較特別的SliderStyle 是滑條裡的..恩怎麼說呢 根據條的數字不同會有不同效果

之前貌似有這種功能不過我不知道現在還有沒有,反正效果不大,沒有特殊原因就放著吧



CursorRotate是游標旋轉,如果設定1就是旋轉 設定2就是不會旋轉~(個人不太在意這個

至於顏色應該是可以改的,不過詳細改的方法可能還需要繼續摸索..

橘色的是打擊圈圈..是由兩個元件組成分別是 外框英文元素代碼(名稱)是:hitcircleoverlay

和圈圈裡面的東西英文元素代碼(名稱)是: hitcircle

大小都是128x128~建議不要調成其他大小~

白色的箭頭是會慢慢縮小(也就是要由那個為基準打擊的)
英文元素代碼(名稱)是:

approachcircle大小為128x128

黃色框起類似連結線的是followpoint 大小最大不超過70x70(多小都可)可以是動態的,做法如

上為followpoint-0....

紫色的是打擊的類似分數(?之類的~最高300 最低miss

分別的名稱是

hit0

hit50

hit100

hit100k

hit300

hit300g

hit300k

大小都是200x200上下

呼...好累 你們應該也沒啥耐心了吧~

轉圈部分

嗚嗚嗚帥哭(欸# 好啦開始介紹



先介紹色的那兩隻~名稱是spinner-metre 也就是轉一轉會跑出來的圖片~這部分去背請去的

乾淨一點,不然會很不美觀( 大小1023x692上下(不太限制)

然後是背景(因為我把背景弄透明了所以看不到XD)名稱是spinner-background 可以不去背也沒

關係啦wwwww( 大小跟那兩隻差不多~

然後是指針(? 不一定是指針啦,反正就是讓你轉的東西,名稱為spinner-circle 大小666x666

接下來是青色箭頭指的線線(? 就是類似打擊標準的圈圈框會越縮越小的那個..名稱是spinner-

approachcircle 大小390x390

最後是綠色圈的那個計算框~就是你轉圈的速度 名稱為spinner-rpm大小780x55上下



青綠色圈圈裡的是要開始玩的警告標誌,通常是在休息時間過後會有的東西,名稱play-

warningarrow 大小200x210上下(不限制)

分數表




藍色圈起來的是ranking-?(這裡是看你的分數) 比如ranking-A就是
也就是分數表上的大分數(? 大小370X482(建議別太大會看不到)

色圈起的是分數表上的觀看(ranking-replay)、重新(ranking-retry)、返回(ranking-back)

大小都是398X116

色箭頭指的是分數表本體(ranking-panel)大小不限..可大可小,我都設1024X768

色箭頭指的是你的打擊狀況曲線圖(ranking-graph)大小317X162

白色箭頭指的是一些分數表的瑣碎東西(? 分別為ranking-maxcombo(你的最大打擊數)

ranking-title(rank上的標題) ranking-accuracy(你的打擊率) 大小最大400x90(不限制多小)



再來介紹獎勵圖~這是可以讓人有動力打連擊的重要東西!!!!!!要改很簡單~不過這一定要去背

看到右邊跑出來的人物了吧?其名稱comboburst-0(可以用很多張)一直到comboburst-100都沒

人管你(不) 大小不限制,不過太大可能會擋住打擊的地方~長寬盡量設在700以下會比較好~

還有許多許多東西可以改,不過我在寫下去就太長了orz

這裡有全部的元素名稱和聲音名稱↓

點我

還有素材混合包(感謝服冒加強碇大大)

點我

其實大家可以先去隨意搜個skin來下載,再把圖檔用自己喜歡的圖片覆蓋掉就好了

我也不懂為啥我要打這麼多(停不下來XD

總之,謝謝大家觀看~如果有地方錯誤歡迎指正(




引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2650259
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 2 篇留言

別動肝火
不錯

11-09 12:23

kiow
謝謝你11-09 16:37
紫φ
我是衝著封面圖進來的

11-12 01:43

kiow
ㄏㄏ亞瑟萌11-14 21:01
我要留言提醒:您尚未登入,請先登入再留言

6喜歡★aaaa45623 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:米英夫妻相性一百問 到4... 後一篇:south park掉坑...

追蹤私訊切換新版閱覽

作品資料夾

d88931122所有巴友_歡迎來追蹤
老僧製獨立遊戲《宥蘿的奇幻冒險》已上架~快來跟蘿莉巫女一起冒險吧 : https://home.gamer.com.tw/artwork.php?sn=4977784看更多我要大聲說昨天09:03


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

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