フォトショップでイラストを描く方法

フォトショップでイラストを描く方法

フォトショップでイラストを描くために必要な設定や手順をご紹介。

まずはブラシで下絵を描こう

下絵をブラシで描く

まずは不透明度100%、流量100%を設定したブラシを適当に選択、ブラシサイズは7pxに設定しました。ラフ画(下絵)を起こします。途中気に食わないところがあれば消しゴムツールで線を削除し、調整してください。

下絵はスキャナがあれば、A4用紙などに描いた物をスキャンしてphotoshopで開いて利用しても良いです。

イラスト作成で良く使うショートカットキー

  • [キーと]キーでブラシサイズを変更
  • shift+F5キーで塗りつぶし
  • ctrl(macはcommand)キー+Zキーで1つ戻る
  • ctrl(macはcommand)キー+alt(macはoption)+Zキーで押すごとに前の状態に戻る

ラフ画(下書き)をなぞって主線を描く

下絵をなぞって主線を描く

下書きのレイヤーの透明度を30%ほどに下げて、その上に新規レイヤーを追加します。下絵を元に主線を起こしましょう。途中ctrl(macはcommand)キー+Zキーで戻したりして、なぞっていこう。

線と線の隙間があると…?

線と線の隙間がある時と無い時の塗りつぶしツールの違い

線と線の隙間があると次の塗りつぶしの時にうまく塗りつぶせなくなります。隙間ができないように調整してください。

塗りつぶしツールで塗りを作成

塗りつぶしツールで塗りつぶす

新規レイヤーを作成し、主線レイヤーより下に設置します。Gキーを押し、塗り専用のレイヤーに着色していきます。

この時に線と線に隙間があると関係のない背景まで塗られてしまうので線と線の間に隙間がある場合は主線レイヤーを調整してください。

影レイヤーを作成する

イメージ

次は影レイヤーを塗りレイヤーの上に配置し、alt(macはoption)+ctrl(macはcommand)+Gキーを押して塗りレイヤーにクリッピングします。

こうすることで影レイヤーがはみ出さないで塗れます。

影レイヤーの塗り方は?

影ができるところを想定して塗りよりも少しくらい色を選択して線を引きます。そしてGキーで塗りつぶしていきます。髪の毛はハイライト(明るい色)と暗い色で使い分けると良いでしょう。

フィルターやレイヤー合成で調整して出来上がり

調整をしてイラストが出来上がり

出来上がったレイヤーをグループ化しコピーし、結合します。※結合前のデータは必ず残しておいてください。

結合後、フィルター > フィルターギャラリーでタッチを変更しても良いですし、ハイライトや背景を描いても楽しいです。また、それらレイヤーを複製し、レイヤーで乗算やオーバーレイなどをかけても変わった印象になりますのでお好きな感じにアレンジしてください。

ちなみにこの作品はフリーイラストの「主婦のイラスト」で配布しています。

フォトショでイラスト作成にいいね!

fool fool

「探しているイラストがない!」そんな時はイラスト相談・制作依頼


イラスト制作1カット3000円(税別)〜
公開中のイラストの大きい画像・ベクター形式は
1カット500円〜バラ売り可能!
お気軽にご相談ください^^

  • 「自分だけの
    イラストを作りたい」

    キャラクター・立ち絵アイコンサンプル

    snsで利用するキャラクターアイコン、自分だけの可愛いキャラクター・カットイラストなどご要望を詳しくお聞きし、あなただけのイラストを制作致します!

  • 「商用利用目的の
    イラストを作りたい」

    Tシャツ・トートバッグ・カップ、本とイラスト

    Tシャツやグッズデザイン・イラストやパッケージ販売、本の表紙・挿絵カット、プレゼンのカット挿絵まで!商用利用可能なイラスト制作承ります!

  • 「フリー素材のベクター・
    高解像度画像がほしい」

    チコデザフリーイラストのイラストナンバーの位置

    フリーイラストのillust.NOをお教えください!png・jpg・ai・epsなどご希望の形式で1枚500円〜販売致します。※商用ライセンスも別途ご案内可能。

※ご依頼内容により価格・納期が異なります。
まずはご相談下さい!