「Skin Edit」の編集履歴（バックアップ）一覧はこちら

「Skin Edit」(2012/10/27 (土) 13:18:11) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#marquee(現在書きかけのページです。,right,alternate,loop=3,bgcolor=#CCCCCC,color=#FFFFFF)
ココでは、&font(u,b){Skins}の作成方法を記述したいと思います。

* ◆&bgcolor(#F5F5F5){項目一覧}
#blockquote(){- Skins を作る前に
-- &link_anchor(Section1_1){スキンについて}
-- &link_anchor(Section1_2){準備するもの}
- Skins Edit
}
----
&aname(Section1_1,option=nolink){}
** ◆&bgcolor(#F5F5F5){スキンについて}
スキンは、沢山のアニメスキンやゲームスキン、実用性重視なスキンなどいろいろ公開されております。
実用性重視のスキンはその名前の通り、ランキングに載る為にプレイしやすいように調整したスキンのことです。
味気ないデザインですが、画面の見やすさ等が抜群と良いです。

ココでは、そんなスキンの作り方を一通り紹介したいと思います。
&aname(Section1_2,option=nolink){}
** ◆&bgcolor(#F5F5F5){準備するもの}
- osu! テンプレートスキン
- 画像編集ソフト（ココではGIMP2で紹介します。）
- 忍耐力とアイディア
osu! テンプレートスキンは、ゲーム画面からダウンロードすることができます。
#region(close,ダウンロード方法の説明を開閉します。)
osu!のタイトル画面から、「Option」をクリックします。
現在使用しているスキンのタイトルが表示されてる赤枠をクリックします。
#image(Edit_Section1_1.jpg,width=600,height=400)
「Get more skins」をクリックします。
#image(Edit_Section1_2.jpg,width=600,height=400)
「Template Skin for Skin Makers」をクリックすると自動でosu! テンプレートスキンがダウンロードされます。
#image(Edit_Section1_3.jpg)
#endregion

&b(){画像編集ソフト}は、素材の背景を透明化する為に必要とします。
私はGIMP2を使っていますので、GIMP2を使って説明しますが、GIMP2以外のソフトでも背景透明化が可能なソフトであれば、何でも構いません。
&b(){忍耐力とアイディア}は、osu!スキン作りは時間のかかる作業ですので、手軽に作れるものではありません。
アイディアもないと、ただ見づらいとかそんな雑多なスキンとなってしまいます。

#marquee(現在書きかけのページです。,right,alternate,loop=3,bgcolor=#CCCCCC,color=#FFFFFF)
ココでは、&font(u,b){Skins}の作成方法を記述したいと思います。

* ◆&bgcolor(#F5F5F5){項目一覧}
#blockquote(){- Skins を作る前に
-- &link_anchor(Section1_1){スキンについて}
-- &link_anchor(Section1_2){準備するもの}
- Skins Edit
-- &link_anchor(Section2_1){skin.ini について}
-- &link_anchor(Section2_2){Skins用の素材}
-- &link_anchor(Section2_3){osu!taiko用のSkins}
-- &link_anchor(Section2_4){osu!mania用のSkins}
- その他
-- &link_anchor(Section3_1){リンク}
-- &link_anchor(Section3_2){コメント}
}
----
&aname(Section1_1,option=nolink){}
** ◆&bgcolor(#F5F5F5){スキンについて}
スキンは、沢山のアニメスキンやゲームスキン、実用性重視なスキンなどいろいろ公開されております。
実用性重視のスキンはその名前の通り、ランキングに載る為にプレイしやすいように調整したスキンのことです。
味気ないデザインですが、画面の見やすさ等が抜群と良いです。

ココでは、そんなスキンの作り方を一通り紹介したいと思います。
&aname(Section1_2,option=nolink){}
** ◆&bgcolor(#F5F5F5){準備するもの}
- osu! テンプレートスキン
- 画像編集ソフト（ココではGIMP2で紹介します。）
- 忍耐力とアイディア
osu! テンプレートスキンは、ゲーム画面からダウンロードすることができます。
#region(close,ダウンロード方法の説明を開閉します。)
osu!のタイトル画面から、「Option」をクリックします。
現在使用しているスキンのタイトルが表示されてる赤枠をクリックします。
#image(Edit_Section1_1.jpg,width=600,height=400)
「Get more skins」をクリックします。
#image(Edit_Section1_2.jpg,width=600,height=400)
「Template Skin for Skin Makers」をクリックすると自動でosu! テンプレートスキンがダウンロードされます。
#image(Edit_Section1_3.jpg)
#endregion

&b(){画像編集ソフト}は、素材の背景を透明化する為に必要とします。
私はGIMP2を使っていますので、GIMP2を使って説明しますが、GIMP2以外のソフトでも背景透明化が可能なソフトであれば、何でも構いません。
&b(){忍耐力とアイディア}は、osu!スキン作りは時間のかかる作業ですので、手軽に作れるものではありません。
アイディアもないと、ただ見づらいとかそんな雑多なスキンとなってしまいます。
&aname(Section2_1,option=nolink){}
** ◆&bgcolor(#F5F5F5){skin.ini について}
&b(){skin.ini}とは、そのスキンのタイトルや設定等、システム面での調整を行う設定ファイルです。
#region(close,templateskin の skin.ini)
//PLEASE read readme.txt

[General]
//Your skin's name.  Include a version number for newer changes!
Name: osu! template v3
//Your name.  Using your forum username is preferred.
Author: peppy

//When a slider has a reverse, should the ball sprite flip horizontally? (0 = no, 1 = yes)
SliderBallFlip: 0

//Should the cursor sprite rotate constantly?
CursorRotate: 1

//Should the cursor expand when clicked?
CursorExpand: 1

//Should the cursor have an origin at the centre of the image (if not, the top-left corner is used)
CursorCentre: 1

//The number of frames in the slider ball animation
SliderBallFrames: 10

//Should the hitcircleoverlay sprite be drawn above the hircircle combo number?
HitCircleOverlayAboveNumer: 1


[Colours]
//Colours are defined as RGB triplets.

//The combo colours.  Can be anywhere between 2 and 5 - just leave out the ones you don't want
Combo1: 255,150,0
Combo2: 5,240,5
Combo3: 5,5,240
Combo4: 240,5,5
Combo5: 240,5,5

//The border colour on slider tracks.
SliderBorder: 255,255,255

//Force a slider track to a certain colour.
//SliderTrackOverride: 0,0,0

//Colour of the approach circle used for spinners.
//SpinnerApproachCircle: 77,139,217

[Fonts]
//The prefix will be used for the png files corresponding to the font.  With a prefix of default, you would create pngs for default-0.png default-1.png etc.
HitCirclePrefix: default
//Overlap is number of pixels each character is allowed to overlap the last.
HitCircleOverlap: 3

//Score fonts can be drawn differently to hitcircles.  If you only want to use one font, you can set this to the same prefix as your hitcircle font.
ScorePrefix: score
ScoreOverlap: 3
#endregion
このskin.iniの項目の説明をします。
 skin.iniでは、ON状態を 1 と書いて、OFF状態を 0 と書きます。2進数みたいですねｗ
|CENTER:項目|CENTER:説明|h
|Name:|スキンのタイトルを設定します。|
|Author:|スキンの作者を設定します。|
|SliderBallFlip:|スライダーボールを折り返し地点で反転するかどうかの設定をします。&br()矢印などをスライダーボールとして設定させる場合、ON:1にしとかないと、矢印が反転しません。|
|CursorRotate:|マウスカーソルを常時、回転させるかの設定をします。|
|CursorExpand:|クリック時にマウスカーソルを拡大させるかの設定をします。|
|CursorCentre:|マウスカーソルの中心座標をON状態で中心へ、OFF状態で左上になります。&br()デザインが球型等はON状態で構わないですが、矢印等のカーソルはOFF状態にしとかないと、正しくありません。|
|SliderBallFrames:|スライダーボールのアニメーションを何フレームにするかの設定です。&br()キャラの動き等をスライダーボールにする場合は、30~40くらいが妥当です。|
|HitCircleOverlayAboveNumer:|サークル上面を数字より高い層に表示するかの設定です。&br()OFF状態にするとサークルに数字が表示されなくなります。|
|ComboBurstRandom:|コンボバーストの表示順序をランダムにするかの設定をします。|
|SliderStyle:|: 1で通常のスライダーの形、: 2でスライダーの扇形が消え、: 3で縦筋みたいな切れ目が入るスライダーになります。&br()画像での比較があるので、[[コチラ>>http://osu.ppy.sh/forum/t/51694]]を御覧下さい。|
|CustomComboBurstSounds:|好きなコンボ数で、コンボサウンドを鳴らすことができます。&br()100と設定すれば、100コンボ達成時に決めておいたコンボサウンドが鳴ります。「,」で複数指定できます。|
|SpinnerFadePlayfield:|OFF状態にすることで、スピナー中の背景が透明化され、動画や壁紙が見られるようになります。|
|CursorTrailRotate:|ON状態にすることで、カーソルの軌跡も回転します。|
|AnimationFramerate: "Number of frames"|CENTER:－|
|SpinnerNoBlink:|CENTER:－|
|Combo?:|?には数字が入ります。コンボカラーの色の設定をします。|
|SliderBorder:|スライダーの境界線の色を設定をします。|
|SliderTrackOverride:|スライダーの中の色を設定をします。|
|SpinnerApproachCircle:|スピナーで縮小していく円形の丸線を設定します。|
|SongSelectActiveText:|選択している曲のフレームの色を設定をします。|
|SongSelectInactiveText:|選択している曲のフォントの色を設定をします。|
|StarBreakAdditive:|CENTER:－|
|HitCirclePrefix:|CENTER:－|
|HitCircleOverlap:|CENTER:－|
|ScorePrefix:|CENTER:－|
|ScoreOverlap:|CENTER:－|