アイコンにしたい画像に別の背景をつける手順をまとめてみた。(かずー氏背景使用)

こんどー @condoh2

Twitterアイコンに使いたい画像があるけど、キャラクターを残して背景は別のものに差し替えたい。という場合にフリーのレタッチソフトであるGimpを使う方法を説明します。

こんどー @condoh2

用意するもの 1.Gimp(使ってるOSに対応したもの、環境により多少表示が違いますが読み替えて下さい。)

こんどー @condoh2

2.アイコンにしたい画像素材、今回は説明を簡単にするため背景色は1色だけです。 http://t.co/cbVCpIgXEZ 3.背景画像、今回はかずー氏背景 http://t.co/hB6Nnm29tF

こんどー @condoh2

Gimpを起動します。 http://t.co/XpmZW6OJ6i

こんどー @condoh2

元画像を開きます。 ファイル(F)→開く/インポート(O) でファイルを選んで下さい。

こんどー @condoh2

Gimpを使う場合アイコン背景の差し替えってアニメのセル画と背景みたいに層(レイヤー)を重ね合わせてやります。

こんどー @condoh2

なので古い背景を消去した時に消えたところが透明になるようにします。

こんどー @condoh2

レイヤーに透明属性を追加します。 レイヤー(L)→透明部分(A)→アルファチャンネルの追加(H)

こんどー @condoh2

次に消したい部分(白べた)を選択します。 ツール(T)→選択ツール(S)→ファジー選択ツール(Z) 輪郭が点線で繋がれているのがわかります。 http://t.co/qe78VY5K3K

こんどー @condoh2

ここで拡大するとわかりますが、画像ツールによっては色の境界を滑らかに見せるために中間調をつかっていたり、jpeg等では画像の圧縮率のために拡散という技法を使っていることが多いです。 http://t.co/5AnxjmHlmN

こんどー @condoh2

このままでは画像の渕に灰色のギザギザが残ることになるのでちょっと工夫します。

こんどー @condoh2

選択範囲を拡大します。 選択(S)→選択範囲の拡大(G)→1px 背景を消去ではなく色変換で透明にします。 色©→色を透明度に(A)→この色:「白」を透明度に http://t.co/8qImt02S40

こんどー @condoh2

アイコン画像は500x500pxが多い気がするので調整しましょう。

こんどー @condoh2

レイヤー(L)→レイヤーの拡大・縮小(S) 長辺を500pxに http://t.co/e6SQi248p6 画像(I)→キャンパスサイズの変更(V) 500x500px http://t.co/dQWU1lGsGx

こんどー @condoh2

この背景の場合、顔が右下によってる方が良さそうなので移動しましょう。 ツール(T)→変形ツール(T)→移動(M) 色のついた部分をマウスでドラッグドロップしたりカーソルキーで動きます。 http://t.co/vZf9121af5

こんどー @condoh2

背景画像を開きます。 ファイル(F)→レイヤーとして開く(E) このままだと背景が手前に重なってしまうので表示順序を変更します。 レイヤーツールで背景レイヤーを選んで緑の下矢印をクリック http://t.co/HjEs9jRHJg

こんどー @condoh2

今回用意した背景は512x512pxだったので先ほどと同様に500x500pxにします。

こんどー @condoh2

編集したくなった時のためにGimp標準の形式(xcf)とアイコン用の形式(png)で保存しましょう。

こんどー @condoh2

ファイル(F)→名前を付けて保存(A) ファイル(F)→エクスポート→拡張子をpngにしてエクスポート/オプション類は特に変更する必要なし http://t.co/6sPOkwwdrH

こんどー @condoh2

Gimpを終了して作業は終わりです。アイコンをTwitterの設定画面でアップロードするなりして使って下さい。 おつかれさまでした。

こんどー( •́ㅂ•̀) @condoh3

拡散されてるのを消すやり方を投げてたのって誰だっけ…

こんどー( •́ㅂ•̀) @condoh3

※画像の話です

こんどー( •́ㅂ•̀) @condoh3

小飼さんか、これは有益だと思います。 ＞『GIMPでJPEGの蚊を退治して"PNG"化する（小飼弾） - BLOGOS（ブロゴス）』 http://t.co/NvdBc5LFAa