読者です 読者をやめる 読者になる 読者になる

よもやまの壺

不思議のダンジョンシリーズを中心にゲームなど雑多なお話し

手描きイラスト+gimpで実況動画向けの画像を作る

手描き!でもマウスペイントは難しい…

どうも、こんにちは。

今回は私が使ってる画像の作り方をご紹介させて頂きます。

マウスでのお絵かきに限界を感じたため、ペンタブを購入しよう!

と思ったものの、どれを買ったらいいのか…

優柔不断な性格と「言うほど絵を描くわけでもないし…」という、

後ろ向きさが災いし、早一年…

ま、まぁいずれ、近いうちに?そのうち…買うつもりです!

い、今はこれでいいのです。

 

そんな私が使ってるのは、

手描きした絵をPCに送り、画像編集ソフトで色を塗る

という方法です。

 

必要なもの

PC

動けば何でも!

スマホ

写真を撮ります、デジカメがあればそちらで!

USBケーブル (またはSDカード)

撮った写真をPCに送るために使います!

添付ファイルでPCアドレスなどに送るという方法もありますが、

いささか面倒です…何かとあると便利!

白ければ何でも!

筆記用具

シャーペン・ボールペン・消しゴムを使います。

画像編集ソフト

無料ソフトのgimpを使用します。

お持ちでない方はダウンロード&インストールを。

 

手描きからデジタルへの流れ

絵を描く

まずシャーペンで下絵を描きます。フワッと。

手描き下絵 よもやまの壺

続いて、ボールペンで線を入れ、下絵を消しゴムで消します。

手描き線 よもやまの壺

ここを綺麗に仕上げると後々面倒な作業がグッと減ります

はみ出した線や消し残しなどに注意しましょう!

写真を撮る

スマホで写真を撮りましょう。

影になる部分がないように明るくくっきりと!

写真をPCへ送る

スマホとPCをUSBケーブルでつなぎ、写真をPCに送ります。

デスクトップなどわかりやすい場所へ

画像編集ソフトで仕上げ

 gimpを使って完成させましょう!以下でご説明。

 

gimpの使い方

①画像の読み込み

gimpを起動し画像を開きます。

ファイル → 開く/インポート → デスクトップに送った画像

gimp 画像読み込み よもやまの壺

直接画像ファイルをドラッグして中央にドロップでも!

②トリミング

不要な部分を切り取ります。

左上のツールボックスからこのアイコンをクリック

gimp トリミングアイコン よもやまの壺

中央画像上でクリック範囲を選択します。

gimp トリミング範囲選択 よもやまの壺

この状態でEnter! 

これでトリミングできます!

③サイズの修正

この状態だとサイズが大きいので縮小します。

画像 → 画像の拡大・縮小

gimp 画像縮小① よもやまの壺

キャンバスサイズの高さを480に変え、下にある拡大縮小ボタンをクリック

gimp 画像縮小② よもやまの壺

(余談)ニコニコ動画の画面は縦480×横640(たぶん)。

なので縦のサイズを480前後にしてバランスを取っています。

画像自体のサイズを画面に合わせておく必要はないんですが、

私はこうしてます。意味はあまりないのかも…

なのでこの辺はお好みで!(私もよくわからない!)

表示画像が小さくなるので、画面下のpxをクリック倍率を100%に。

gimp 表示倍率変更 よもやまの壺

④線画の抽出

まず透明なレイヤーを使えるようにします。

レイヤー → 透明部分 → アルファチャンネルの追加

gimp アルファチャンネルの追加 よもやまの壺

続いて色を白と黒だけにします。

色 → しきい値 

gimp しきい値 よもやまの壺

このような別ウインドウが出てくるので、

中央の黒の三角を動かして調整してみてください。

問題なければOKを!

 

gimp しきい値調整 よもやまの壺

綺麗な白黒の画像になりました。

gimp 白黒絵 よもやまの壺

続いて、画像(線)の微調整をします。

線の切れやズレを鉛筆と消しゴムを使って修正します。

gimp 画像の修正 よもやまの壺

これが地味に大変な作業…、目立つところ以外はほどほどに。

鉛筆は左ツールボックスのここ、サイズは右側のアイコンから変更できます。

gimp 鉛筆 よもやまの壺

消しゴムも同じ感じで。

ハードエッジにチェックを入れておくと、一筆で消せるようになります。

gimp 消しゴム よもやまの壺

はい、綺麗に修正ができたら、最後に白い部分を透明に。

色 →色を透明に

gimp 透明化 よもやまの壺

別ウインドウが開かれるので、プレビュー画面を見て問題ないならOK

デフォルトだと白い部分を透明にしてくれます。

gimp 色を透明度に よもやまの壺

 これで線画が抽出できました!やったー!

gimp 線画の抽出 よもやまの壺

⑤色塗り

 後は色を塗るだけですね!

塗りつぶしを使うときはこのアイコンです。

色の変更は左下のボックスをクリック

そして、「見えている色で」必ずチェックを入れておきましょう!

(入れておかないと全て単色で塗りつぶされてしまいます…笑)

gimp 塗りつぶし よもやまの壺

線画がしっかりしていれば、塗りつぶしもバッチリです!

gimp 色付け よもやまの壺

鉛筆と塗りつぶしを利用し、適当に影などをつけ完成!!

gimp 完成 よもやまの壺

⑥画像の保存と出力

最後に画像の保存の仕方ですが、二つの方法があります。

ファイル → 名前を付けて保存

こちらはxcfファイルでの保存、gimpでのみ開くことができる拡張子です。

制作途中の画像などを保存しておく場合はこちらとなります。

ファイル → 名前を付けてエクスポート

こちらはjpgやpngなど、お馴染みの拡張子で保存できます。

完成した画像を保存する場合はこちらとなります。

gimp 画像の保存 よもやまの壺

 

長くなりましたが以上となります。

かなり効率の悪い方法のような気もしますが、

何かのお役に立てれば。

レイヤーについて説明がないと④線画の抽出⑤色塗りについて、

謎な部分ががが…

レイヤーにつきましては、またの機会に!

 

そして、デジタルへ…