openCanvasで合成しよう

403synthesis_opencanvas_00eyecatch合成
広告
ミノ子
ミノ子

自動選択ツールを使うんですよね?

サスケ
サスケ

……うーん。最初からそのつもりでいられると調子が狂うな

ミノ子
ミノ子

でも自動選択ツールですよね? 素人でも簡単にできるから大好きです

サスケ
サスケ

一度ラクを知った人間は二度と戻れない……。まあ自動選択ツールを使うんだけどね

要約

openCanvasを用いたキャラクター画像と背景画像の合成を紹介します。

自動選択ツールを使えば、キャラクターの切り抜きはラクショーです。「色差の範囲」を調整すれば、たいていのキャラクターはこれでいけます。

↓openCanvasを無料で手に入れる話はこちら(タブレット購入にはお金かかるけど)

↓ペイントでの合成がどれだけ大変だったかは以下に詳しいです。

openCanvasの起動

openCanvasでキャラクターと背景を合成するために、ソフトを起動させます。

インストールがまだな場合、先にそちらを済ませてください。

openCanvas01_start
openCanvasの起動

デスクトップのショートカット、またはスタートメニューからopenCanvasを起動します。

openCanvas02_new
openCanvas新規作成画面

まず出てくるのは新規作成や最近開いたファイルのウィンドウです。ゼロから描くのではないので「閉じる」を押します。

openCanvas03_main
openCanvasメイン画面

メイン画面が表示されます。

基本的にFireAlpacaと同じような感じ? お絵かきソフトってだいたいこんな雰囲気なのかもしれませんが、黒っぽい画面が本格的、……な気がします。

キャラクターの切り抜き

キャラクターを背景から切り抜きます。だいたいFireAlpacaと同じ操作です。

openCanvas04_opentype
openCanvasメイン画面 – 開くファイルの種類

メニューの「ファイル」→「開く」でキャラクター画像を開きます。デフォルトで表示されるファイルがopenCanvasファイル「.oci」になっていると、キャラクター画像の「.png」が表示されない場合があります。その際はファイルの種類を「.png」に変更します。

あるいはメイン画面にドロップしてもOK。

openCanvas05_open
openCAnvasメイン画面 – キャラクター

キャラクター画像が表示されました。画像の上の部分にファイル名が表示されているかと思います。

openCanvas07_select4
openCanvasメイン画面 – 自動選択ツール

左側ツールバーから「自動選択ツール」を選びます。するとツールオプションエリア(カラーサークルの下部分)が自動選択オプションになります。ここで「色差の範囲」を「4」くらいに設定します。

ツールオプションの設定が終わったら、どこでもいいのでキャラクターの背景をクリックしてみてください。背景が自動で選択されます。

FireAlpacaで色差にある程度の「許容値」を持たせたのと同じで、openCanvasでは「色差の範囲」疎設定し、キャラクター画像の背景と同じ領域を選択しましょう、ってことですね。

openCanvas09_complete
openCanvasメイン画面 – 背景消去

背景を消すためにキーボードの「Delete」を押します。これで背景だけが消去されます。キャラクター以外の部分が真っ白になっていて、これが「透明」っていうことです。……個人的にはチェック模様のほうが好みですけど。

たったこれだけで背景を取り除いてキャラクターを切り抜けました。やっぱりお絵かきソフトは頼りになりますね。

設定した「色差の範囲」の「4」は場合によって変わります。今回はこれくらいがちょうど良かったってことです。じゃあ選択する際の「色差の範囲」が適切ではなかったら? 試しに「色差の範囲」が「1」の場合をやってみました。

openCanvas06_select1
openCanvasメイン画面 – 自動選択ツール「色差の範囲」小

……あれ? 特に問題なくうまく選択できてる? FireAlpacaだと背景の一部分しか選択されませんでしたが、openCanvasだと背景全体を選択できました。もちろん画像によって変わるのでしょうが、こういった小さな違いがあるみたいです。

じゃあ反対に大き過ぎたら? 今度は「色差の範囲」が「12」の場合をやってみました。

openCanvas08_select12
openCanvasメイン画面 – 自動選択ツール「色差の範囲」大

今度はうまくいかず、キャラクターの一部まで選択されました。「色差の範囲」が大きすぎて、服の似たような色まで同じ領域と見なされた、ということです。

「色差の範囲」は何度か試して適切な値に設定しましょう。

openCanvas10_notcomplete
openCanvasメイン画面 – 背景残り

……しかし、よーく見ると背景が残っていることがわかるかと思います。自動選択ツールは隣接している部分をまとめて選択してくれるので、飛び地的に背景があると、残ってしまいます。

openCanvas11_completeall
openCanvasメイン画面 – 切り抜き完成

背景をすべて削除して切り抜き完成です。自動選択ツールのお陰で、作業が非常に楽になっているかと思います。

キャラクターと背景の合成

ついにキャラクターと背景の合成です。

openCanvas12_back
openCanvasメイン画面 – 背景

背景画像を開きます。画像の上にファイル名が表示されます。

openCanvas13_backcopy
openCanvasメイン画面 – 背景コピー

「選択範囲」⇒「全選択」あるいは「Ctrl+A」で画像全体を選択し、「Ctrl+C」でコピーします。

先程切り抜いたキャラクター画像に戻って、「Ctrl+V」で背景画像を貼り付けます。

openCanvas14_paste
openCanvasメイン画面 – 背景貼り付け

ご覧のとおり何も見えなくなりましたが、これは背景画像がキャラクター画像よりも上にあるからです。背景画像は透明ではないので、後ろのキャラクターが隠れている、ってことですね。

openCanvas15_layer
openCanvasメイン画面 – レイヤー順序変更

キャラクターを前に出すために、レイヤーの順番を変えます。右側にあるレイヤーをドラッグしてキャラクター画像を背景画像よりも上に持ってくるだけです。

この場合、背景画像をキャラクター画像に貼りつけたので、このような作業が必要となりました。逆にキャラクター画像を背景画像に貼りつければ、最初からキャラクター画像のレイヤーが上になっているかと思います。

openCanvas16_layermove
openCanvasメイン画面 – レイヤー位置調整

背景画像の位置を調整します。背景レイヤーを選択し、この状態でツールバーから位置調整を選んでください。背景画像をドラッグすれば位置を変えられます。

レイヤーのお陰で位置調整が簡単なのも、お絵かきソフトの強みですよね。

合成画像の保存

合成が完了したら画像を保存します。

openCanvas17_saveas
openCanvasメイン画面 – 名前を付けて保存

「ファイル」⇒「名前を付けて保存」を選択します。

openCanvas18_savetype
openCanvasメイン画面 – 保存ファイルの種類

この後も編集する場合は、openCanvasのファイル形式「.oci」で保存します。挿絵として投稿するならPNGかJPEGですかね。

openCanvas19_pngtype
openCanvasメイン画面 – PNG設定

PNGで保存する場合には形式も聞かれます。透過情報を持った「透過PNG」か、透過情報のない「24-bit PNG」のどちらで保存するか、という質問です。画像の編集はお絵かきソフトでおこない、透明部分を使うことがないので「24-bit PNG」で問題ないです。

openCanvas_VRoid
openCanvas合成完成

以上でopenCanvasを用いたキャラクター画像と背景画像の合成は完了です。お疲れさまでした。

まとめ

openCanvasを用いたキャラクター画像と背景画像の合成を紹介しました。

自動選択ツールを使えば、キャラクターの切り抜きはラクショーです。「色差の範囲」を調整すれば、たいていのキャラクターはこれでいけます。

↓複雑な合成はペンタブレット必須。……いや、なくてもできますけど大変ですよ?

↓合成も何もキャラクターがいなければ始まらない!

↓合成全般の話は以下ですよ。