おさかなアイコンの作り方

1
説明図1

・エクスプレッションで新規書類を開きます。

・フリーハンドツールか、ペンツールで、線を1本引きます。

・この場合はさかなのストロークを適用します。

太さ、傾斜などを整えます。

2

・「ビットマップで保存」すると、左図のようなダイアログが出ます。

・幅を作りたいアイコンの横幅に合わせて入力します。

・この時の幅とはエクスプレッションの用紙の大きさ(四角枠)の幅のことなので(1図参照)、なるべく用紙幅いっぱいにストロークを引くと、保存時に大きさを決めやすくなると思います。

・比率を保つにチェックが入ってると横幅に合わせて高さが勝手に決まるので便利です。

・なぜ幅にこだわるかというと、ビットマップにしてから拡大、縮小をしない方が綺麗に仕上がるからです。
(階調の多い絵は縮小した方が綺麗な場合もあります。)

3
説明図3

・2でオーケーを押すと、左のようなダイアログが出ます。
ファイル形式をプルダウンして選びます。

・私はPhotoshopを使うので、Photoshop2.5を選びます。
それぞれお手持ちのソフトで開けるファイル形式を選んで下さい。

・ビットマップで保存する前に、エクスプレッション形式でも保存しておく事をお勧めします。
なぜなら、ビットマップで保存した書類は2度とエクスプレッションで開けないからです。

4
説明図4

・3で保存した書類をPhotoshopで開きます。

・なるべく小さいファイルサイズにするために余分な余白をけずります。
絵のまわりを選択して「イメージ」→「切り抜き」ます。

・画像があまりに乱れた場合は、拡大してピクセルごとに修正します。

5
説明図5

・インデックスカラーに変換します。

・まず、Web216色にして、もう1度RGBカラーに戻します。

・ディザの種類は「誤差拡散法」か「なし」かは、絵の状態を見て選びます。

・更に色数を減らすため、もう一度インデックスカラーにして、画像の状態を見ながら色数を減らします。

・背景を透過GIFにして出来上がりです。


エクスプレッションへ戻るアイコン作例を見る