視認性のある画像の作り方

初級編

1.はじめに

普段はCLIP STUDIO PAINTを使っていますが今回は色んな方が触りやすいように無料ソフトであるGIMPを使いますわ
ペンタブも使わずマウス作業なのでPCさえあればどなたでも作れますわ
ただしわたくし自身あまり慣れていないソフトなのと分かりやすさ重視で書いていて若干回りくどい操作をしていたりするので注意ですわ

2.素材の準備

まずは一番大事なピンクマケドニアとロゴを用意しますわ
これさえあればラスバレスレと認識されますわ

次に切り抜きたい画像を用意しますわ
なるべく背景と人物がはっきり分かれてるものを選ぶと楽ですわ
今回は簡単に背景が白一色であるﾋ水さんが使うキャラ紹介画像にしますわ

3.切り抜き

まずは画像を画面左上の「ファイル」→「開く/インポート」で開きますわ
マケドニアとロゴと切り抜きたい画像をそれぞれ開きますわ
画面上部のタブから切り抜きたい画像を選びますわ
画面上部のタブにマケドニア・ロゴ・切り抜きたい画像がそれぞれ表示されていてキャンバスに切り抜きたい画像が表示されていればいいですわ

まずは画面右下のレイヤーを右クリックして「アルファチャンネルの追加」を選びますわ
これをすることでレイヤーに透明度の情報が追加され、背景を消した時に合成できるようになりますわ

次に左上のツールからファジー選択を選びますわ

ファジー選択の使い方はとっても簡単で背景をクリックするだけですわ
Shiftキーを押しながら白い部分をクリックしていきますわ
間違えた場合はCtrl＋Zですわ
白い部分を全部選択し終えたらDeleteキーで消しますわ

白の背景がグレーの市松模様(=透明の表示)になれば成功ですわ
真っ黒になった場合、アルファチャンネルの追加ができていないのでCtrl＋Zで戻ってアルファチャンネルの追加をしますわ

Ctrl＋Shift＋Aで選択範囲を解除し、左上の文字の部分を消しゴムツールで消しますわ(消しゴムの不透明度は100にしておきますわ)
抜き損ねがあった場合その部分をもう一度ファジー選択で選択、Deleteキーで消して切り抜き完了ですわ

4.合成

マケドニアとロゴと切り抜いた画像を合成する作業ですわ
レイヤーをドラッグしマケドニアタブの方に持っていき、マケドニアのタブを開いたらキャンバスにドロップしますわ
次にロゴのタブを開き、同様の手順でマケドニアのキャンバスにロゴをドロップしますわ
ロゴ
切り抜いた画像
マケドニア
の順番にレイヤーが並んでいればOKですわ

5.調整

サイズと位置を拡大・縮小ツールで調整しますわ
切り抜いた画像のレイヤーを選択しますわ
画面上部の「ツール」→「変形ツール」→「拡大・縮小」を選択しますわ

キャンバス上をドラッグすることで拡大・縮小が出来ますわ
画面の中央の「田」をドラッグすると移動ができますわ
拡大・縮小(S)を押すことで確定しますわ
これで画像は完成ですわ

お疲れ様ですわ
もうちっとだけ続きますわ

6.保存

「ファイル」→「名前を付けてエクスポート」で自由に名前を付けて保存しますわ
マケドニアをベースにしているので拡張子はpngになっていると思うのでそのままエクスポートを押しますわ
詳細設定のようなものが出てきますがデフォルトで構いませんわ

正常に保存できれば終わりですわ
自分だけのオリジナルスレ画でスレを立てろ！ですわ

中級編

1.はじめに

背景が単色ではない場合の解説ですわ
初級編よりステップアップした内容ですので初級編が理解できている前提で進めますわ
内容も長くて難しめになりますが役立つ情報が多めなのでぜひ読んでほしいですわ
使用ソフトは初級編と同じくGIMPで作業もマウスですわ

2.素材の準備

背景がスッキリしている方が切り抜きは楽ですが今回は解説のためにあえて面倒なものを選びますわ
高解像度にしたいこだわりがあるなら画像検索などを駆使して高解像度のものを探しますわ

3.レイヤーの複製

画像を開いたらレイヤーを念のため複製しておきしますわ
ミスした時などに復帰しやすいからという理由なのでこの工程は省略可ですわ
と思ったけど今回は後で使いましたわ
複製元のレイヤーは目のアイコンをクリックして非表示にしておきますわ

これは非表示にしておかないと切り抜いた時の判別が出来なくなるので絶対ですわ

4.切り抜きツール紹介

切り抜きですが、使えるツールは大きく分けて4つありますわ

• パス
  …クセが強くちょっと難しいですが綺麗に切り抜けますわ
  　マウスで綺麗に切り抜きたい場合は一番オススメですわ
  

• ファジー選択
  …背景と人物の境界がハッキリ分かれているほど綺麗に簡単に切り抜けますわ

• 消しゴム
  …根気で輪郭を消していく作業ゲーですわ

• 電脳はさみ
  …使い方は簡単ですがあまり綺麗には切り抜けませんわ
  　適当に輪郭に沿うようにクリックしていって最後に調整するだけですわ
  　使い方の解説はしませんが、これから紹介する切り抜き方法のファジー選択の代わりに使ってみてもいいですわ
  

オススメであるパスの解説をしたいところですが取っ付きにくさがあるので今回は初級編と同じくファジー選択と消しゴムを使いますわ
これでも十分綺麗に切り抜けるのでご安心くださいまし

• パスを使ってみたい方にオススメの解説サイトですわ
  (「GIMP　パス　切り抜き」でググって出てきたいくつかのサイトの中で個人的に一番簡潔で分かりやすいサイトでしたわ)
  ぶっちゃけパスは習うより慣れろ系のツールですので使いたい方はがんばって練習してくださいまし

5.レイヤーマスクの作成

切り抜き作業の前に大雑把なレイヤーマスクを作成しますわ
レイヤーマスクとはマスク部分を非表示(=透明)にする機能ですわ
言葉で説明するより実際にやってみますわ
自由選択ツールを使い切り抜き対象を適当にぐるっと囲み始点をクリックして選択範囲を作りますわ

レイヤーを右クリックして「レイヤーマスクの追加」
「選択範囲」にチェックをして追加(A)を押しますわ
レイヤーにマスク情報が追加されて選択範囲外が透明になりますわ

選択範囲はCtrl＋Shift＋Aで解除しますわ

6.切り抜き

ここからいよいよ本格的な切り抜き作業ですわ
ファジー選択の設定の「見えている色で」「マスク描画」にチェックを入れておきますわ

「見えている色で」は画像レイヤーとマスクレイヤーに分かれたため、これにチェックを入れないとマスクレイヤーでの作業ができなくなりますわ
「マスク描画」は選択する際に選択領域が色付き表示されるので単純に分かりやすく作業できるようになりますわ

ファジー選択は上下にドラッグするとしきい値がその時だけ上下に変動しますので今回はそれも活用しますわ
しきい値は低いほどクリックした色に近い色しか選択されず、逆に高ければ遠い色も選択されますわ
と、言葉で説明しても分かりにくいと思うのでとりあえず触ってみるのが一番ですわ

ちまちまと選択をしていったら今回はすぐにDeleteキーは使わずShift＋Qでクイックマスクを使いますわ
クイックマスクモードは選択範囲外が赤い領域に変換され、ブラシと消しゴムでの編集ができるようになりますわ

ファジー選択で全て切り抜ければ楽ですが、そう簡単にはいかないのでクイックマスクでブラシと消しゴムを使い頑張りますわ
細かいところはブラシサイズを小さく、広いところはブラシサイズを大きくして作業すると楽ですわ
Shiftキーを使えば最後にクリックしたところから直線を引くことをできるので併用すると良いですわ

クイックマスクでの編集が終わったらShift＋Qで選択範囲に戻してDeleteキーで消しますわ
消す際に右下のレイヤーはレイヤーマスクの方を選んでいることを確認しておきますわ

これで大体は完成になりますが、今回の画像は面倒なものを選んだので更にここから細かく調整していきますわ
ここで役立つのがレイヤーマスクですわ
レイヤーマスクはあくまでも非表示にしているだけですので、ブラシを使えば消したところを復元できますわ
レイヤーマスクは白黒(グレースケール)で構成されていて、復元するには描画色を白にしておく必要がありますわ

白い煙のエフェクトを背景ごと復元して消しゴムで背景を細かく消していきますわ
足元の火花エフェクトは細めのブラシでShiftキーを使いながら細かく復元していきますわ
この時最初に複製した元レイヤーを表示して不透明度を下げることで火花の位置を確認しながら復元しますわ

マスクという単語が色々出てきましたがこのレイヤーマスクは特に便利な機能なのでぜひ覚えていただきたいですわ
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
これで完成ですわ
と言いたいですが更にもう少しだけクオリティアップを目指しますわ

7.ぼかし

ぼかし/シャープツールを使いますわ
設定はデフォルトのままで大丈夫ですわ
火花や煙を適当にぼかしていきますわ
消しゴムの不透明度を低く(80前後でいいですわ)硬さを0にして煙をさらに薄く削りますわ
描画色を黒にして「レイヤー」→「新しいレイヤーの追加」で塗りつぶし色をForeground colorにして新しいレイヤーを作りますわ

真っ黒なレイヤーができるのでレイヤーの順序を変えて出来上がりを確認しますわ

今回は解説用に映っている範囲全て切り抜きましたが当然ながらスレ画に入らない部分は省略していいですわ

お疲れ様ですわ

注意

視認性

「」リィはピンクのマケドニアでスレを判別していますわ
ピンク色の部分の面積が少なくなると視認性が著しく下がるので要注意ですわ
梨璃さんの髪はピンク色で視認性がいいので多少マケドニアを隠しても平気だったりしますわ
このようにカタログの視認性を考えて作ることができればスレ画作りのプロですわ
蔑称ではありませんわ

見切れ希望女子

画像によっては頭などが見切れてる場合があると思いますわ

サイズを合わせて使うと上記の視認性の問題が生じますわ

もちろんそのまま使っても何も問題ありませんが…

ロゴで隠すと目立たなくなってちょっといい感じですわ

ちなみに描き足すのは手間が大きいので推奨しませんわ

• 上に配置する時用のロゴ
  

境界線

画像の切り抜きに関して調べると気持ち内側で切り抜くと綺麗に切り抜けると書いてあることが多いですわ
これは外側で切り抜くと人物と合成後の背景の境界に合成前の背景が浮き出て汚くなるからですわ
しかしながらこれは写真の合成の話でスレ画作りではあまり気にしなくても大丈夫ですわ
個人的なこだわりですがあまり元の絵の形を壊したくないのでわたくしはむしろ気持ち外側で切り抜いてますわ
でもぶっちゃけめっちゃ雑な切り抜きでも誰も気にしませんわ

消した後のファジー選択

解説のタイミングが無かったのでここに書いておきますわ
中級編のレイヤーマスク後のファジー選択での注意ですわ
自由選択で消した後とファジー選択で消した後の境界線が残りますわ

これがあると汚くなるのでちゃんと消しゴムで消すと良いですわ
中級編最後の工程で黒のレイヤーを追加して仕上がりを確認しましたが分かりやすくするためにもっと早い段階で作って黒を下地にして作業しても良いですわ