本文へスキップ

ドット絵世界はゲーム用のドット絵風素材を配布するサイトです。

素材の使い方how to Use

フリーソフトでの編集A

256色のファイルをフルカラーにし、背景を透明に、影を半透明にする方法を解説します。
画像編集ソフトを少し触ったことがある人向きかもしれません。
使用するソフトは@と同様Pict Bearです。
説明は長いけどやってること自体はたいしたことないヨ。

ダウンロードは↓から。別窓で開きます。


@ファイルを開く

XP版の女の子の部屋を編集します。
背景色は開いた時点で表示が透明になっていますが、256色なので、影の色は青紫のままです。
RPGツクールでは素材のインポート時に右クリックすることで、この青紫部分を半透明にできますが、
ウディタ等ではそれができないので、フルカラーにして影の部分を編集していきます。

A影の色を変更する

影の色をこの画像内では使われていない色に変更します。
これは、この後影の色を選択する時に、間違えて別の色まで選択されないようにするためです。
この作業は1万円程度の有料ソフトだと、正確に色を選択できるので必要ありませんが、
Pict Bearだとその辺はあまり正確ではないようです。

まず、スポイトツールを選択肢、影の部分でクリックします。


すると影に使っている色がパレット内で強調されるので、その色をダブルクリックします。

「色の設定」画面が開くので、女の子の部屋のタイルセット内で使われてなさそうな色を選択します。
サンプルではライトグリーンを選択しています。

OKボタンを押すと、画面が閉じてタイルセットの影の色が選択した色に置き換わります。

Bフルカラーへの変更とレイヤー変換

次にファイルを256色からフルカラーにします。
右上100%の白いボックスの左側にフルカラーにするボタンがあるのでそれを押します。
(緑で囲まれた二つのボタンの右の方です。)
フルカラーにすると今まで透明だった背景が↓のような色になります。
そして、右下レイヤーの「★背景」を右クリックして、「背景からレイヤーへ」を選びます。

レイヤー部分を拡大した画像です。

C背景色の削除

背景色を選択して削除します。
まず、左のツールバーの上から5番目にある自由選択ツールで背景の青緑部分を選択します。
サンプルでは点線で囲まれた部分が選択されています。

このままでは背景色の一部分しか選択されていないので、
上のメニューの「選択範囲」からプルダウンリスト中の「近似色の選択」を選択します。

プルダウンリストの拡大画像です。

そうすると背景色の青緑の部分すべてが選択されるのでDeleteボタンで消します。
(近似色の選択をした時、上記のような理由から画像の中に背景色と似た色があると、それも一緒に選択されることがあるかもしれません。その時は影の色を変更した要領で背景色も変更してください。)



D影の色の変更

新しいレイヤーを作ります。
レイヤーグループの「レイヤーの作成」ボタンをクリックしてください。

作成したレイヤーを黒く塗りつぶします。
ツールバーのバケツマークをクリックし、右のパレットから黒を選んで画像の上でクリックしてください。
影の色は「黒の30%」がサイトの素材共通の設定なので黒にしましたが、お好みで他の色にすることもできます。


次に、「黒く塗りつぶしたレイヤー1」の★マークをクリックし、レイヤーを非表示にします。
そして、一番下の「背景レイヤー」を選択し、自由選択ツールで影の色(サンプルではライトグリーン)を選択します。

「C背景色の削除」と同じように、メニューの「選択範囲」から「近似色の選択」を選択します。

すると影の部分がすべて選択されるので、Deleteキーで削除します。
この時、選択範囲は解除せずに、そのまま反転させます。
現在影の部分が選択状態になっていますが、影以外の部分を選択するということです。
選択範囲の反転は「Ctrl+Shift+I」を同時に押すか、メニューの「選択範囲」から「選択範囲の反転」を選択してください。


選択範囲が反転できたらレイヤー1をクリックしDeleteキーを押します。
すると影以外の部分が消えて↓のようになります。
レイヤーのバーが透明度の設定なので、それをスライドさせて30%にします。

影が半透明になったら最後に上のレイヤーと「背景レイヤー」を結合します。
メニューのレイヤーからレイヤーの結合を選び、表示された一覧から「下のレイヤーと結合」を選択してください。

以上で作業は終了です。
「名前を付けて保存」で保存しておきましょう。



サイト情報

ドット絵世界
http://yms.main.jp
当サイトについて
サイト支援者様一覧