花の写真素材屋 透過素材工房

 
GIMP 透過素材の作成 PC環境
花の写真素材屋では花のアイコン等を作成するに当たって、レタッチフリーソフトGIMPJTrimを一部使用しています。
また、ここではPNG・GIF形式の透過素材作成工程を、GIMPで解りやすく説明したいと思います。

レタッチフリーソフトの入手

GIMP for Windows (version 2.4.1)
インストール等はPCの環境に合わせて行って下さい。

花のアイコン素材の完成見本

下の2点が花の写真を基に作成した80サイズの透過アイコン素材です。 このアイコンが完成されるまでの工程を、説明していきたいと思います。作成の工程には幾つかの方法がありますが、ここでは花の写真素材屋が実際に加工している工程ですので、あくまで参考として見てください。
左がGIF、右がPNG素材です。と、言ってもよく解らないですが



GIMPのメイン画面
GIMPを起動すると、このようなメイン画面が表示されます。
非常にシンプルで、慣れると大変使い易いです。また、フリーソフトですがプラグイン・フィルタ等が、豊富です。



素材の用意

メニューで[ファイル]⇒[開く]と選択し、任意のフォルダ内もしくは直接画像ファイルを選ぶ。また、ここでは下の画像ようにflowerと言うフォルダに格納した花の画像をマウスで、*注1 ドラッグ&ドロップする。

*注1マウスボタンを押したままマウスを移動させ移動先でマウスボタンを離す操作



ドラッグ&ドロップ ↓



素材の表示

マウスでドラッグ&ドロップすると、このように自動で表示してくれる。赤い枠で囲んでいる所を見てください。
3872x2592と表示されているのは、実際の*注2解像度で、それを18%に縮小されています。
*注2解像度とは、画面表示または印刷等の細かい表示(ドット)表す度合いです



加工し易いように写真を調整

写真を縮小しなくても問題ありませんが、ここでは敢えて作業しやすいように画像を縮小します。
メニューで[画像]⇒[画像拡大縮小]と選択し、任意のサイズに指定する。



左の赤い枠に表示されている数字が実際のサイズです、数字の右に鎖のようなものは幅・高さのどちらか変更すると自動的に幅・高さの比率を調節してくれます。また、この鎖ををクリックすると自動比率が解除され任意のサイズが指定できます。
ここでは右図のように幅640を指定し、比率を自動にしました。 サイズが決まったら下の[拡大縮小(S)]ボタンをクリックします。