Aseprite の UI を見やすくする

はじめに

Aseprite は優れたドット絵エディターですが、自身がドット絵エディターであることを主張するかのように、UI にもドットフォントが採用されています。

f:id:Gigacee:20200427003258p:plain — Aseprite のデフォルトのトップ画面

これはこれで味があって良いのですが、さすがに見づらいので、普通の見た目に変更しようと思います。

テーマを変更する

Aseprite にはテーマを変更できる機能が備わっているので、これを用いてアウトラインフォントを使用するテーマに変更します。

Minimal Dark HD をダウンロードし、次に Aseprite の [Edit] > [Preferences] > [Extensions] > [Add Extension] で拡張機能追加ウィンドウを開き、ダウンロードしたテーマファイルを追加します。

f:id:Gigacee:20200427003304p:plain — [Preferences] をクリックし……

f:id:Gigacee:20200427003309p:plain — [Extensions] 内の [Add Extension] をクリック

f:id:Gigacee:20200427003314p:plain — ダウンロードしたテーマを選択

これで、Aseprite に Minimal Dark HD テーマが追加されました。[Edit] > [Preferences] > [Themes] で Minimal Dark HD を選択すると、Aseprite の外観が変わり、フォントがアウトラインのものになります。

f:id:Gigacee:20200427003318p:plain — [Theme] 内の [Minimal Dark HD] を選択して [Select]

f:id:Gigacee:20200427003322p:plain — Minimal Dark HD テーマが適用された

日本語化する

UI が英語のままで問題ない場合はここまでで OK ですが、Aseprite には有志による日本語訳も用意されており、日本語化が可能です。ついでにそれもやっておきます。

Aseprite JP Wiki* から日本語化ファイルをダウンロードし（Zip ファイルですが、解凍する必要はありません）、先ほどと同じように [Edit] > [Preferences] > [Extensions] > [Add Extension] で日本語化ファイルを追加します。

すると、[Edit] > [Preferences] > [General] > [Language] の項目に「japanese」が追加されるので、それを選択すると、UI が日本語になります、が……。

f:id:Gigacee:20200427003331p:plain — [Language] を [japanese] にすると日本語化されるが……

f:id:Gigacee:20200427003335p:plain — このままだと、日本語のフォントがおかしい

日本語のフォントがおかしくなってしまっているので、これも修正します。[編集] > [環境設定] > [テーマ] で Minimal Dark HD を選択後、右下の [フォルダを開く] を押してテーマのフォルダを開き、theme.xml を開きます。

f:id:Gigacee:20200427003342p:plain — [テーマ] 内で [Minimal Dark HD] を選択した上で、右下の [フォルダを開く] を押す

f:id:Gigacee:20200427003348p:plain — Minimal Dark HD がインストールされているフォルダが表示されるので、theme.xml を開く

6 行目～ 13 行目がフォントを設定している部分なので、ここを好きな日本語フォントに書き換えます。ここでは源真ゴシックPに書き換えます。フォントはあらかじめ OS にインストールしておいてください。

<!-- 変更前 -->

<fonts>
    <font id="default" name="SegoeUi" type="truetype" file="segoeui.ttf" size="12">
        <fallback font="Unicode" size="12" />
    </font>
    <font id="mini" font="SegoeUi" size="11">
        <fallback font="Unicode" size="11" />
    </font>
</fonts>

↓

<!-- 変更後 -->

<fonts>
    <font id="default" name="genshingothic" type="truetype" file="genshingothic-p-regular.ttf" size="12">
        <fallback font="Unicode" size="12" />
    </font>
    <font id="mini" font="genshingothic" size="11">
        <fallback font="Unicode" size="11" />
    </font>
</fonts>