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

よもやまの壺

ゲームなどの雑多なお話

手描きイラスト+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 画像の保存 よもやまの壺

 

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

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

何かのお役に立てれば。

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

謎な部分ががが…

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

 

そして、デジタルへ…