エフェクト画像素材の色違いの作り方
2014.12.18
最近公開しているエフェクトアニメ素材ではけっこう手間と時間がかかってしまうためカラーバリエーションを作っていませんが、フリーソフトで比較的簡単に好みのカラーバリエーションを作ることができますので、記事にしてみました。ウディタなんかだと、表示する際に色味を若干調整できますけどね。
前に別のところでも紹介したことがありますが、GIMPを使ってカラーバリエーションを作るのが一番楽かと思います。
GIMP - 窓の杜ライブラリ
英語でインストールすれば、GIMP起動時には日本語になっています。
GIMPを起動したら、カラーバリエーションを作りたい画像ファイルを読み込みます。
ぴぽやで最近アップしている素材だと「減色前」というフォルダに入っている画像がこういった加工用に用意したファイルになりますので、それを使ってください。
画像ファイルをGIMPに読み込んだら、上部メニューの「色」>「色相・彩度」を選択します。

「色相」「輝度」「彩度」の数値を調整して好みの色味に変更します。
「プレビュー」をチェックするとリアルタイムに画像の色味が変わります。

色の変更ができたら、画像を保存します。
「ファイル」>「名前を付けてエクスポート」か「~上書きエクスポート」を選択します。

「ファイル名」「保存場所」「画像形式」を確認したら、「エクスポート」ボタンを押して、次に表示されるダイアログの設定はデフォルトのままで進むと、画像が保存されます。

ファイルサイズを小さくしたい場合は下記のサイトにアクセスし、画像ファイルをドラッグ&ドロップなどすれば、自動で減色処理をしてくれます。
最近のエフェクトアニメ素材はこのサイトを使って減色しています。
Compressor.io - optimize and compress your images and photos
ファイルサイズが大きい画像はけっこう処理に時間がかかりますので、ご注意ください。
処理がおわると、結果表示画面になりますので、「DOWNLOAD~」を押せば、画像が保存できます。

また、エフェクトアニメ1コマの画像サイズを変更したい場合には、コマが連結した画像のままだとコマの境界がぼやけたり、アニメ表示の際に隣接するコマの一部が表示される場合があるため、以下の手順でキレイに調整することができます。
まずは、コマが連結されたアニメ画像を1コマごとに分割します。
分割にはこちらのソフトを使用します。あとで連結させる際にも使用します。
PL_ImageConstructorの詳細情報 : Vector ソフトを探す!
PL_ImageConstructorを起動したら、対象の画像ファイルをドラッグ&ドロップします。
上部のタブで「一括分割」を選択して、右側で「横方向に分割する数」「縦方向に分割する数」を指定し、「分割画像の作成開始」ボタンを押します。

こんなかんじで1コマごとに分割された画像が生成されます。

今度は画像サイズを変更します。
画像サイズを変更するソフトは色々あるので、お使いのものがあればそのソフトで大丈夫だと思いますが、今回はこちらのソフトを使って説明していきます。
Ralpha Image Resizer : Vector ソフトを探す!
Ralpha Image Resizerを起動したら、先ほど分割した画像ファイルをドラッグ&ドロップします。
フォルダごとでも大丈夫です。
右側で「リサイズ」をチェックし、「大きさ」の指定方法と「倍率(大きさが比率の場合の表示)」で数値を指定します。

上部メニューの「変換」>「実行」か「折り返し矢印のアイコン」を押します。

元の画像ファイルと同じファルダに新たにフォルダが作られて、中に画像サイズを変更した画像ファイルが保存されます。

最後に画像サイズを変更した画像を連結します。
PL_ImageConstructorに対象の画像ファイル(フォルダ)をドラッグ&ドロップします。
上部のタブで「一括連結」を選択し、右側で「横方向に接続する数」「縦方向に接続する数」を指定し、「連結画像の作成開始」ボタンを押します。

あとは、ファイルサイズを小さくしたい場合は、こちらのサイトを使ってみると。
Compressor.io - optimize and compress your images and photos
こんなかんじでお好みのカラーバリエーションを簡単に作れますので、ご活用ください。
- 関連記事
-
-
RPGツクールMV ちょいまとめ。 2015/10/21
-
最近のゲーム制作ツールをちょいまとめ 2015/08/15
-
エフェクト画像素材の色違いの作り方 2014/12/18
-
PNG画像を256色に減色・最適化してファイルサイズを小さくする 2014/03/04
-
エフェクト作成ツールまとめ2 2013/04/19
-
この記事へのコメント
トラックバック
URL :