• 追加された行はこの色です。
  • 削除された行はこの色です。
  • アイコン広場/作成手順 は削除されています。
*目次 [#ebfa8e87]
#contentsx
#author("2022-11-20T20:28:14+09:00","","")


*概要 [#b61aee2d]
画像加工をやったことがない人向けの内容です。~
必要最小限のことしか書いてないので、より綺麗に、手早く加工をしたいなら各自でお勉強を。
**使うソフトの用意 [#p3c815a5]

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

-JTrim(ジェイトリム)~
http://www.woodybells.com/jtrim.html
--元画像の切り抜き・減色に使用。~
（大概のグラフィックソフトでできるはずなので、慣れてるのがあればそれで。）


-ドット絵エディタ「EDGE」シリーズ~
http://www.tkb-soft.hmcbest.com/
--アイコン規格にしてからの微調整に使用。


**フェイスロード仕様の確認 [#lb59eaa7]
-256色、サイズ48*48のbmp形式の画像
-0,0,255の真っ青の画像は透過（透過させない設定も可能）

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

**素材となる絵を調達 [#gd7d8a3d]
イメージ検索なり、元ネタの公式サイトを見るなりして探しましょう。~
~
48*48という小さい解像度にするので、細いパーツが多いのは向きません。~
顔部分なので、ウルフカットっぽい髪型だとか、細いアホ毛だとかは難しいです。~
もし画像が選べる状況なら、そういったのは避けた方が良いでしょう。~
~
今回は下記サイトさまの画像を使わせていただきます。~
-モアイ部~
http://www.geocities.jp/moaibu0/

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

#ref(アイコン広場/作成手順/smp_1.JPG);
**リサイズ(48*48にする) [#g019bcab]
切り抜いたアイコンのサイズを48*48にします。~
切り抜きのとなりのアイコンを押下し、48*48にリサイズします。

#ref(アイコン広場/作成手順/smp_2.JPG);
**減色 [#gcdf9a10]
見た目じゃ分からないのでよく飛ばしがち。~
ウィンドウの右上あたりにある「カラー」を押下し、「色解消度の変更」を選択し、画像を256色に減色します。~
見た目で差はわからないでしょうが、これをしないと（多分）エルミ2は画像を認識してくれません。~
#ref(アイコン広場/作成手順/smp_3.JPG);
**保存 [#g04785c6]
減色ができたら「名前をつけて保存」。bmp形式でね。~
これでフェイスロード規格である「256色、サイズ48*48のbmp形式の画像」は用意できました。~
この規格になっていたら、ファイルサイズが3,382バイトになっているはずです。~
背景透過いらないならこの時点でもう完成。

#ref(アイコン広場/作成手順/smp_ic1.bmp);
**背景いじり [#a4fe3cf0]

ここからedgeにバトンタッチ。edgeは256色ファイルしか読めないので、読めた時点で減色は成功してます。~
概ね手作業で塗ることになるので、前もってバックアップをとっておくと（失敗が）多い日も安心。~
~
カラーパレットを表示して、どうでもよさそうな色を一つ0,0,255の真っ青にします。~
(基本的に右下あたりの色を選択するのがベター)~
これが透過色になるので、「エルミ2での使用時に透明になってほしい部分(≒四隅や周辺)」をこの色でポチポチと塗ります。~
~
#ref(アイコン広場/作成手順/smp_4.JPG);


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


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

#ref(アイコン広場/作成手順/smp_5.JPG);


**完成 [#gff13883]
以上の工程を経てやっと完成。~

#ref(アイコン広場/作成手順/smp_ic2.bmp);

↑TOP