アイコン広場/作成手順

Top / アイコン広場 / 作成手順

目次 Edit

概要 Edit

画像加工をやったことがない人向けの内容です。
必要最小限のことしか書いてないので、より綺麗に、手早く加工をしたいなら各自でお勉強を。

使うソフトの用意 Edit

この説明では以下の二つのフリーソフトを使用します。
必要に応じてURLより入手してください。

  • JTrim(ジェイトリム)
    http://www.woodybells.com/jtrim.html
    • 元画像の切り抜き・減色に使用。
      (大概のグラフィックソフトでできるはずなので、慣れてるのがあればそれで。)
  • ドット絵エディタ「EDGE」シリーズ
    http://takabosoft.com/edge
    • アイコン規格にしてからの微調整に使用。

フェイスロード仕様の確認 Edit

  • 256色、サイズ48*48のbmp形式の画像
  • 0,0,255の真っ青の画像は透過(透過させない設定も可能)

当たり前ですがこれに沿って作ります。

素材となる絵を調達 Edit

イメージ検索なり、元ネタの公式サイトを見るなりして探しましょう。

48*48という小さい解像度にするので、細いパーツが多いのは向きません。
顔部分なので、ウルフカットっぽい髪型だとか、細いアホ毛だとかは難しいです。
もし画像が選べる状況なら、そういったのは避けた方が良いでしょう。

今回は下記サイトさまの画像を使わせていただきます。

切り抜き Edit

顔の部分(アイコンにしたい部分)をJTrimで切り抜きます。
ウインドウ上部のアイコンがずらりと並んでるとこの真ん中行・一番左が切り抜きです。
好きな部分を切り抜けばいいのですが、なるべく正方形に近い形で切り抜きをするのがオススメです。
(48*48にサイズ変更したときに、縦横比がおかしくならないように。)

smp_1.JPG

リサイズ(48*48にする) Edit

切り抜いたアイコンのサイズを48*48にします。
切り抜きのとなりのアイコンを押下し、48*48にリサイズします。

smp_2.JPG

二度目以降は「実行履歴:」からやると便利。

減色 Edit

見た目じゃ分からないのでよく飛ばしがち。
ウィンドウの右上あたりにある「カラー」を押下し、「色解消度の変更」を選択し、画像を256色に減色します。
見た目で差はわからないでしょうが、これをしないと(多分)エルミ2は画像を認識してくれません。

smp_3.JPG

保存 Edit

減色ができたら「名前をつけて保存」。bmp形式でね。
これでフェイスロード規格である「256色、サイズ48*48のbmp形式の画像」は用意できました。
この規格になっていたら、ファイルサイズが3,382バイトになっているはずです。
背景透過いらないならこの時点でもう完成。

背景いじり Edit

ここからedgeにバトンタッチ。edgeは256色ファイルしか読めないので、読めた時点で減色は成功してます。
概ね手作業で塗ることになるので、前もってバックアップをとっておくと(失敗が)多い日も安心。

カラーパレットを表示して、どうでもよさそうな色を一つ0,0,255の真っ青にします。
(基本的に右下あたりの色を選択するのがベター)
これが透過色になるので、「エルミ2での使用時に透明になってほしい部分(≒四隅や周辺)」をこの色でポチポチと塗ります。

smp_4.JPG

ウィンドウ上の方のたくさん並んでるアイコンの左から3番目を押して、適当にズームしてポチポチ。

透過色の青だけで見てるとどうしても青っぽい部分が目に馴染んでしまうので、たまにドギツい緑や紫や赤などに透過色部分を変えるとベター。
背景色をコロコロと変えてみると「消すべきドット」が見えてきます。

最後には透過部分を青に戻してから保存。

smp_5.JPG

完成 Edit

以上の工程を経てやっと完成。

確認 Edit

以下のツールで透過ができているか確認できます。
使用は自己責任でお願いします。
ツールの使用前に必ずウィルスチェックを実行してください。



スポンサーリンク

添付ファイル: filefacechecker.zip 4160件 [詳細] filesmp_ic2.bmp 6580件 [詳細] filesmp_5.JPG 1116件 [詳細] filesmp_4.JPG 522件 [詳細] filesmp_ic1.bmp 2366件 [詳細] filesmp_3.JPG 1084件 [詳細] filesmp_2.JPG 703件 [詳細] filesmp_1.JPG 1173件 [詳細]
トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS