アイコンを作成する(Icon gener@tor)

1. ローカルのリソース画像からアイコンを作成します

2. 生成されるアイコンのサイズを指定します

3. ローカルファイルをドラッグし、下部のボックスにドロップします

4. アイコンがが生成されました
クリックするとリソース画像と同名のファイル名でダウンロードされます。

フィルタを操作する(Icon gener@tor)

フィルタを操作することで、画像に様々な効果を適用したり、適用順番を変更することができます。

フィルタを追加する

1. アイコンをドラッグする
をドラッグし、レイヤ内のフィルタボックスに移動します。


2. アイコンをドロップする
フィルタを選択するダイアログが表示されます。
選択してOKをクリックするとフィルタが設定されます。

フィルタが追加されます。


3. さらにアイコンをドラッグする
複数のフィルタを追加するには、さらにをドラッグし、レイヤ内のフィルタボックスにドロップします。

4. アイコンをドロップする
フィルタを選択するダイアログが表示されます。
選択してOKをクリックするとフィルタが設定されます。

フィルタが追加されます。

OKをクリックしなければ、複数選択することもできます。

フィルタを移動する

フィルタをドラッグして、適用する順番を変更できます。

1. フィルタをドラッグする
フィルタをドラッグして順番を入れ替えます。


2. フィルタをドロップする
フィルタの順番が変更され、生成するイメージが変わりました。

フィルタを削除する

不要なフィルタを削除します。


1. フィルタをドラッグする
フィルタをドラッグし、ボックスの外に移動します。


2. フィルタをドロップする
削除されました。

フィルタを調整する

フィルタのパラメータを設定して効果を調整します。
1. フィルタをクリックする
設定ダイアログが表示されます。

フィルタを削除する

不要なフィルタを削除します。


1. フィルタをドラッグする
フィルタをドラッグし、ボックスの外に移動します。


2. フィルタをドロップする
削除されました。

フィルタのベース画像を設定する

フィルタのベース画像を設定します。


1. ローカルファイルをドラッグする
ローカルファイルをドラッグし、レイヤ左の画像にドロップします。


2. ローカルファイルをドラッグする
ベース画像が設定されました。

フィルタのベース画像をリンクする

フィルタのベース画像をリンクして、複数のフィルタに同じ画像が自動設定されるようにします。


1. リンク元画像をドラッグする
リンク元画像をドラッグし、リンク先画像に移動します。


2. リンク元画像をドロップする
ベース画像がリンクされました。


3. リンク元にローカルファイルをドラッグする
ローカルファイルをドラッグし、リンク元に移動します。


4. リンク元にローカルファイルをドロップする
リンク元にも、リンク先にも画像が設定されました。

リソース画像の受入先を設定する

リソース画像の受入先を設定します。
下部のボックスにドロップしたローカルファイルの適用先となります。


1. 受入先画像をドラッグする
受入先となる画像をドラッグし、下部のボックスに移動します。


2. 受入先画像をドロップする
受入先が設定されました。

レイヤを操作する(Icon gener@tor)

レイヤを操作することで、複数のフィルタ効果を重ね合わせたり、適用順を変更することができます。

レイヤを追加する

1. URLを開く
http://http://icongenerator.servez.net/を開くと以下のような初期画面が表示されます。

2. アイコンをドラッグする
をドラッグし、中央のボックスに移動します。

3. ボックスにドロップする
レイヤが追加されます。

レイヤボックスの左のイメージは画像ソース、右のイメージは合成結果イメージです。

4. さらにアイコンをドラッグする
複数のレイヤを追加するには、さらにをドラッグし、中央のボックスにドロップします。

レイヤが追加されます。

レイヤを移動する

レイヤをドラッグして、重ね合わせする順番を変更します。

1. レイヤをドラッグする
レイヤをドラッグして順番を入れ替えます。


2. レイヤをドロップする
レイヤの順番が変更され、生成するイメージが変わりました。

レイヤを削除する

不要なレイヤを削除します。

1. レイヤをドラッグする
レイヤをドラッグし、ボックスの外に移動します。

2. レイヤをドロップする
削除されました。

サンプルを動かしてみる(Icon gener@tor)

フレームの中に、左上に画像名の頭文字、右下に画像を描画し、全体にグラデーションをかけるアイコンを一括して作成します。
サンプルは から動かすことができます。

1. URLを開く
以下の様に設定されています。

2. リソースファイルを設定する
アイコンにしたい画像ファイルを、ローカルフォルダから下部のボックスにドラッグ＆ドロップします。

3. 作成されたアイコンを取得する
作成が完了するとボックスにアイコンが表示されます。
それぞれのアイコンをクリックするとダウンロードできます。