![見出し画像](https://assets.st-note.com/production/uploads/images/80916494/rectangle_large_type_2_cd4a63dbecb4f73b7bab98093674c301.jpeg?width=800)
GIMPは初心者でも簡単に手書きの絵に色塗りできる
手書きで書いた絵にGIMPでは初心者でも簡単に色付けができます!
手書きだから子供が描いた絵もスマートフォンで撮影してGIMPで簡単に色付けできるからそのままアイコンにしても楽しいです!
サンプル用のイラストもありますのでぜひ挑戦してみてください!
![](https://assets.st-note.com/img/1655520240010-XyjQMexN1M.jpg?width=800)
マジックで手書きしたイラストがかわいいイラストに!
しかも背景は透明になってるから合成がらくちん!
■手書きの絵をGIMPで色付け方法を動画で見る
■塗り絵のテンプレート素材をダウンロード
フォローしたらサンプルのイラストをダウンロードして動画や記事を参考に一緒に練習してみてください!
■イラストを描いてスマホで撮影
![](https://assets.st-note.com/img/1655520640106-CEqAwemDzH.jpg?width=800)
イラストは太いマジックで大きく書くのが後で色付けが簡単です!
![](https://assets.st-note.com/img/1655520669912-WZGXsW9vsu.jpg?width=800)
窓際で窓の方を向いて撮影すると影が出にくいので綺麗に撮影できますよ!
用紙が台形に歪んでいても大丈夫!GIMPで自由に変形できます!
![](https://assets.st-note.com/img/1655520755561-dpyu1OPuYA.jpg?width=800)
テーブルが暗めだと用紙は明るく撮影できるし、あとで歪みを編集するときが作業しやすいです!
![](https://assets.st-note.com/img/1655520794107-SXYcFTG4ce.jpg?width=800)
用紙より広めの画角で撮影してください。
編集時に用紙の歪みを修正しやすくなります。
■GIMPで用紙のひずみを修正
![](https://assets.st-note.com/img/1655520851401-2enJdjCsEI.jpg?width=800)
「遠近法ツール」を選択します。
![](https://assets.st-note.com/img/1655520873753-rWfSQw0WkQ.jpg?width=800)
用紙の四隅をドラッグして画像ウインドウの枠に合わせます。
画像ウインドウの四隅に引っ張る感じです!
![](https://assets.st-note.com/img/1655520907681-dTgfj5slpa.jpg?width=800)
四隅を調整して歪みが取れた状態です。決定は「Enter」キーを押してください。
■GIMPで紙を真っ白にする
![](https://assets.st-note.com/img/1655520962213-MToCYZVx7s.jpg?width=800)
メニューの「色」⇒「レベル」を選択します。
![](https://assets.st-note.com/img/1655520984335-uQKqQcsvJd.jpg?width=800)
レベルの右側の明るさ部分の右下▲のポイントを左側に移動します。
用紙が白くなりますので綺麗になるまで動かします。
![](https://assets.st-note.com/img/1655521022235-fFGGg8SWgx.jpg?width=800)
レベルの左側の暗い部分の左下▲のポイントを右側に移動します。
イラストの線が黒くなるまで調整します。
■GIMPでイラストの周りを透明にする
![](https://assets.st-note.com/img/1655521088631-IIsjdrMGz1.jpg?width=800)
イラストの背景を透明にするにはイラストを切り抜く必要があります。
「ファジー選択」ツールを使って簡単に範囲選択します。
![](https://assets.st-note.com/img/1655521120400-Bc6unVxiwD.jpg?width=800)
イラストの周りの空白部分のどこかをクリックします。
イラスト以外の部分が範囲選択されます。
イラストを選択したいので選択部分を反転します。
![](https://assets.st-note.com/img/1655521152566-eXhCsHo3Vj.jpg?width=800)
メニューの「選択」⇒「選択範囲の反転」を選択します。
選択されたイラストの上で右クリックして
「編集」⇒「コピー」を選択してイラストをコピーします。
再度、選択されたイラストの上で右クリックして
「編集」⇒「貼り付け」を選択してイラストを貼り付けます。
![](https://assets.st-note.com/img/1655521189572-LCKuAi78GY.jpg?width=800)
ダイアログ内の「新しいレイヤーを画像に追加」をクリックしてレイヤーに固定します。
![](https://assets.st-note.com/img/1655521213092-7hEcZ6DpZP.jpg?width=800)
元のイラスト画像のレイヤーを非表示にすると、追加されたレイヤーに切り抜かれたイラストが配置しています。
■GIMPでイラストに色付け
![](https://assets.st-note.com/img/1655521256243-oqUsQKio0P.jpg?width=800)
色付けはツールボックスの「塗りつぶし」ツールを選択します。
![](https://assets.st-note.com/img/1655521279273-8xFj5x3aPx.jpg?width=800)
ツールオプションの塗りつぶす範囲は、「類似色領域」にチェックします。
![](https://assets.st-note.com/img/1655521303791-Xt7zD0vYXm.jpg?width=800)
イチゴに色を付けたいので描画色を赤色にします。
![](https://assets.st-note.com/img/1655521323255-qDagNhbOoZ.jpg?width=800)
イラストのイチゴの部分をクリックします。
イチゴの部分が赤色になりました!
超簡単に色付けできます!
同じようにその他の部分も色を付けていきます。
![](https://assets.st-note.com/img/1655521356851-VR5iRU3mxT.jpg?width=800)
色を選んでクリックしていくだけなので初心者でも簡単にできます!
★ポイント
イラストのラインはすべて閉じていないといけません。
隙間があると色が他の部分と同じになってしまいます。
■GIMPでグラデーションツールの使い方
![](https://assets.st-note.com/img/1655521450398-DMyd3czrLZ.jpg?width=800)
グラスの下の部分はグラデーションで色を付けたいと思います。
範囲を指定してグラデーションをかけるため「ファジー選択」ツールで範囲選択します。
![](https://assets.st-note.com/img/1655521480668-8D4CkIlE1b.jpg?width=800)
グラスの下の部分をクリックすると、自動で範囲選択できます。
この部分にグラデーションをかけます。
![](https://assets.st-note.com/img/1655521521752-C8e9ufPwIi.jpg?width=800)
「グラデーション」ツールを選択してツールオプションの
「描画色から透明」を選択と「線形」を選択します。
描画色はピンク色を選びます。
![](https://assets.st-note.com/img/1655521571094-E5yAt9yk8q.jpg?width=800)
グラスの下をクリックして上の方へそのままドラッグします。
ピンクのグラデーションが表示されます。
グラデーションのかかり具合のいい場所でクリックを離します。
決定は「Enter」キーを押します。
グラスの一番下の丸い部分には円形のグラデーションをかけてみます。
範囲を指定してグラデーションをかけるため「ファジー選択」ツールで範囲選択します。
![](https://assets.st-note.com/img/1655521623213-dBFy3AErkL.jpg?width=800)
「グラデーション」ツールを選択してツールオプションの形状を「放射状」を選択します。
![](https://assets.st-note.com/img/1655521655950-lVvZOIlB4H.jpg?width=800)
イラストの下の円形中心部分をクリックしてそのまま外側にドラッグします。
グラデーションのかかり具合のいい場所で離して「Entert」キーで決定します。
■GIMPで手書きの文字も色付け
![](https://assets.st-note.com/img/1655521714712-3L3vTdG832.jpg?width=800)
文字の色付けも同じように「塗りつぶし」ツールで文字をクリックすることで線にも色を付けることができます!
■GIMPで背景を透明で保存方法
![](https://assets.st-note.com/img/1655521767130-rrQzRGTBdt.jpg?width=800)
背景を透明にしたままの保存方法を説明します。
「ファイル」⇒「名前を付けてエクスポート」を選択します。
![](https://assets.st-note.com/img/1655521806788-xPmvnB0IEH.jpg?width=800)
「ファイル形式の選択」のチェックをクリックしてタブを開きます。
「PNG画像」を選択してファイル名を入力くして「エクスポート」をクリックします。
![](https://assets.st-note.com/img/1655521841409-M3dppIcpMm.jpg)
背景は透明のPNGファイルで保存されました。
アイコンなどにも使えるので便利です!
動画を参考に練習してみてくださいね!
サポートもしていただけると嬉しいです!
![](https://assets.st-note.com/img/1665055323232-eKRNqUOhTU.jpg?width=800)
この記事が気に入ったらサポートをしてみませんか?