コメントGIMPを使ってアニメ風イラストを作成してみました。絵にはまったく自信がない私でも写真を下地にトレースすることで、簡単にアニメ風のイラストを書くことができましたので作成手順をご紹介します。スポンサーリンク目次1.写真をトレースしながら線画を作成する1-1.素材の写真を開く1-2.線画用レイヤーを追加する1-3.写真に沿って線画を書く2.背景をイラスト風に変更する2-1.背景レイヤーを非表示にする2-2.画像の彩度を変更2-3.画像をぼかす2-4.画像の色数を減らす2-5.線画レイヤーのモードを変更する3.ブラシで色塗りをする3-1.ブラシの設定3-2.背景レイヤーの色塗り3-3.はみ出した部分の調整3-4.新しい色を追加し、仕上げる4.グラデーションで光の効果を入れる4-1.グラデーションレイヤーを追加5.最後に1.写真をトレースしながら線画を作成する1-1.素材の写真を開くまずは、イラストの素材にする画像を開きます。O」で下地にする画像を開きます。開いた写真のレイヤー名を「背景」に変更します。1-2.線画用レイヤーを追加するレイヤーメニューの「新しいレイヤーの追加」をクリックします。以下のダイアログが表示されますので、レイヤー名に「線画」、レイヤー塗りつぶし方法で「白」を選択し、OKを押します。追加した線画用レイヤーの不透明度を「70%」に設定します。これで、写真をトレースする準備が整いました。1-3.写真に沿って線画を書くツールボックスの「インクで描画」を選択します。手ブレ補正にチェックを入れ、品質を「30」、ウエイトを「150」に設定します。補正のサイズを「4.0」、感度のサイズを「0.50」に設定します。ツールボックスの「ズーム」(虫眼鏡のマーク)を押して作業しやすいように画像を拡大します。ツールボックスの「インクで描画」を選択し、写真の輪郭に沿って、ドラッグし、線を書いていきます。線がはみ出したりした場合は、描画色を「白」に変更し修正します。補正サイズを大きくして、べた塗りしやすくしたりして、全体を描きます。直線を描くときは、始点をクリック後、shiftボタンを押しながら、終点をクリックすると直線になります。最初は慣れないかもしれませんが、以下ポイントに注意しながらドラッグしていくとコツがつかめます。線画を描くコツ1アニメ風にデフォルメするので、顔のパーツ(鼻、唇)などは省略するとよい。2線画は背景と合成したときの輪郭のメリハリを出すためのものなので、厳密に写真をなぞる必要はない。写真からずれてもいいので、ざっくり描く。以上で線画が完成です。2.背景をイラスト風に変更する2-1.背景レイヤーを非表示にする線画レイヤーの目のアイコンをクリックし、線画レイヤーを非表示にします。背景レイヤーを選択します。「色」メニューの「色相-彩度」を選択し、「色相-彩度」ダイアログを表示します。彩度を「50」に設定しOKを押します。これで写真の色がはっきりとしました。2-3.画像をぼかす「フィルター」メニューの「ぼかし」-「ガウスぼかし」を選択し、ガウスぼかしダイアログを表示します。「水平」と「垂直」を「30」に設定し、OKを押します。これで写真全体にぼかし効果が追加されました。2-4.画像の色数を減らす「画像」メニューの「モード」-「インデックス」を選択し、インデックスカラー変換ダイアログを表示します。「最大色数」を「15」に設定、色ディザリングを「ディザリングしない」に設定し、「変換」をクリックします。これで、写真のカラーが15色に減り、アニメ風の色分けに近づきました。2-5.線画レイヤーのモードを変更するここで、線画レイヤーの目のアイコンを再度クリックし、線画レイヤーを表示させて選択します。「画像」メニューの「モード」-「RGB」をクリックし、インデックスカラーから元に戻します。線画レイヤーの不透明度を「100.0」に設定し、モードを「乗算」に設定します。これで、線画と背景が重なって表示することができました。背景レイヤーの色塗りを行い不自然になっている境界線付近を中心に修正していきます。ブラシの設定を行います。ツールボックスの「ブラシで描画」を選択します。100」に設定し、サイズを「100」、角度を「-45.00」に設定します。レイヤーダイアログで「背景」レイヤーを選択します。3-2.背景レイヤーの色塗りツールボックスの「ズーム」(虫眼鏡マーク)をクリックし、作業のしやすい大きさに拡大します。ツールボックスの「スポイド」をクリックします。明るい肌の色をクリックし、描画色をクリックした部分の色に変更します。スポイド切りかえのテクニック「ブラシで描画」を選択した状態でも、Ctrl(command)キーを押している間は「スポイド」に切り替わります。これで素早く「描画色」を変更することが可能です。ツールボックスの「ブラシで描画」をクリックし、修正したい部分をドラッグし、色塗りをしていきます。必要に応じて、ブラシのサイズを変更して調整していきます。はみ出した部分は後でまとめて修正すればよいので、気にせずにどんどん塗り進めていきます。3-3.はみ出した部分の調整ツールボックスの「スポイド」を選択し、背景にする色をクリックします。ツールボックスの「ブラシで描画」をクリックし、輪郭に沿ってドラッグしていきます。これらの手順を繰り返し、全体の色塗りを完成させます。3-4.新しい色を追加し、仕上げる描画色をクリックし、描画色の変更ダイアログを開きます。Rを「255」、Gを「255」、Bを「255」に設定し、背景色を白にします。白目の部分をドラッグして白く塗りつぶします。次に、背景色を別の色で塗りつぶします。描画色をクリックし、描画色の変更ダイアログを開きます。Rを「168」、Gを「220」、Bを「229」に設定し、背景色を水色にします。肌の色などを変更したい場合は、同じように「塗りつぶし」を使って変更していきます。これで背景色の色塗りが完成しました。4.グラデーションで光の効果を入れる最後に光のグラデーション効果を追加します。4-1.グラデーションレイヤーを追加レイヤーメニューの「新しいレイヤーの追加」を選択し、「新しいレイヤーの追加」ダイアログを表示します。レイヤー名に「グラデーション」と入力し、OKを押します。グラデーションのレイヤーを一番上に移動し、モードを「オーバーレイ」に変更します。ツールボックスの「ブレンド」を選択します。グラデーションを「描画色から背景色(RGB)に設定します。終点の色をRを「20」、Gを「116」、Bを「178」に設定します。イラストの左上から右下までドラッグして光と影の効果を追加します。これで、アニメ風イラストの完成です!!5.最後に以上、アニメ風イラストの作り方をご紹介しました。子供の頃遊んだマリオペイントというファミコンソフトを思い出し、かなりハマってしましました。お絵かきは面白い♪GIMPもフリーソフトですし、皆さんもぜひチャレンジしてみてください!少しでも参考になれば幸いです。最新記事をお届けします。飲食店用の無料WordPressテーマを作成しました。店のコンセプト、メニュー、アクセスなど飲食店に必要な最低限の機能を搭載しました。これから飲食店のホームページを開設したい方、この無料テーマを是非活用してみてください。詳しくはこちらへブログ用WordPress無料テーマ「chameleon(カメレオン)」WordPressテーマ(chameleon)は、「WordPressで手軽・気軽にブログ始められる」をコンセプトに制作しました。士業用の無料WordPressテーマを作成しました。一般的なビジネスサイトに活用できます。自分でWordPressテーマを作ってみたい方、この無料テーマを是非活用してみてください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Inomata)こんにちは、サイト運営者のkoheiです。現在エンジニアとして働きながら、当サイトの運営をやっています。このブログでは、「自分で作る」をテーマに、ホームページやデザイン制作、Webマーケティングなど色んなノウハウを公開しています。「自分で何でも作るのが大好き」な人です。InomaCreateプライバシーポリシ。