イラストノウハウ
特殊効果・テクニック

初心者も簡単!イラスト文字の光の入れ方

この記事では、手書きPOP風の文字の光を入れ方、ロゴ風の文字の光を入れ方、ネオン風の文字の光を入れ方について解説しています。

手書きPOP風の光の入れ方

手書きPOP風な光を入れるときは、次の2点をポイントにしましょう。

  • 光の位置をそろえる
  • 白でハッキリ

白いハイライトは、丸みのある面が光源に向いている部分で反射している結果です。光の位置を揃えることで、白いハイライトの位置が全体で一貫性を持ち、リアルな立体感になります。また、白ではっきり入れることで、文字の黒ブチとの輝度差から、視認性やインパクトを強めることができます。

このようなドンキ風の手書きPOPはぷっくりとした立体感があり、インパクトも抜群となります。

参考記事:初心者も簡単!ハイライトの描き方

光の入れ方のコツ

光の入った手書き風の文字を描いていくときは、まずベースとなる文字のアタリを先にとります。このとき、文字の大きさは揃えるように描くとキレイな仕上がりになります。

次に、手書き風に文字を太くしていきます。文字のフチを描くときは、マジックペンなど太さが一定のペンツールで描くのがオススメです。フチの太さを一定にすることで、POPのような表現ができます。

線画の文字が描けたら、次にベースの色で塗っていきます。今回は、シンプルに赤・青・黄色でベースの色を塗ります。

光を入れていくときは、まず光の向きを最初に決めてから入れていきましょう。先に光の向きを決めることで、後の工程でも矛盾なくハイライトを入れることができます。

今回のように、左から光が来るのであれば、全ての文字の左端に光を入れていきます。ぷっくりと光を入れたい場合は、少し文字の中央に寄せてハイライトを描き、カッコよく光を入れたい場合には文字の端にハイライトをいれて描いてみてください。

字体別の光の入れ方のポイント

手書きPOP風の光の入れ方は、アルファベット以外にもいろんな字体でも応用できます。

画数の多い漢字の場合は、目立ちそう又は、強調したい場所に絞って光を入れてみてください。

例えば左からの光を入れるときも、画数の多い漢字の場合は、左端に全てに光を入れてしまうと文字がうるさくなります。ある程度は省略しながら、全体のバランスもよくみて入れていきましょう。

ロゴ風の光の入れ方

ロゴ風の文字に光を入れるときは、そのロゴをどういうイメージで作るのかで光の入れ方も変わってきます。

ロゴを作るときは、元となるフォントから作っていくのが簡単です。そこから可愛いイメージにするのか、かっこいいイメージにするのかで光の入れ方を考えてみてください。

ロゴ風の光の入れ方のコツ

まずは元となるフォントや加工したい文字を用意します。元のフォントにクリッピングしてグラデーションや色を入れていきましょう。

ロゴ風の光を入れるときは、光の入れ方で印象が変わってきます。

  • ぷっくり・ハッキリ入れる→可愛くPOPな印象
  • ふんわりとグラデーションでいれる→かっこよくスタイリッシュな印象

ロゴのイメージに合わせて光の入れ方を考えてみてください。

字体別のロゴ風の光の入れ方のポイント

ロゴ風の光の入れ方は、どの字体でも同じです。ロゴとして文字を組み合わせていくときも同様です。ポイントは、光の方向を決めたらどの文字も一定の方向から光が当たっているように入れていきましょう。

ネオン・サイバー風の光の入れ方

ネオン・サイバー風の文字に光を入れるときは、文字自体が発光しているように、もしくは背後から光るように入れていきます。文字をそのまま発光させてもいいですし、ネオン管のように一部切ったように表現するのもオススメです。

ネオン・サイバー風の光の入れ方のコツ

まずは白フチの文字を用意します。

白フチの周りに光らせたい色でフチどります。フチどったものをコピー&ペーストして縁取った色を暗くし、文字全体を一回り大きくしたら下に配置していきましょう。

一番上のレイヤーをさらにコピー&ペーストし、一回り大きくしたら一番下に配置していきます。このレイヤーを好みの感じにぼかしたら発行したようなネオン・サイバー風の文字の完成です。

参考記事:初心者も簡単!ネオンのイラストの描き方

ネオン風の光の入れ方のポイント

どの字体でもネオン風の光らせ方は変わりませんが、画数の多い漢字などは、部分的に切ったりデフォルメするのがオススメです。

アタムアカデミーのオンラインイラスト教室でイラスト文字の光の入れ方を学べる

アタムアカデミーのオンラインイラスト教室では、イラスト文字の光の入れ方を学ぶことができます。

手書きPOP風の文字の光の入れ方、ロゴ風の文字の光の入れ方、ネオン風の文字の光の入れ方など、イラスト文字の光の入れ方について基本から応用まで、講師とやりとりをしながら練習できます。

関連記事

特殊効果・テクニック

初心者も簡単!サイバーイラストの描き方

サイバーイラストの魅力や特徴 サイバー感とは? サイバー感とは、コンピュータやインターネットが作り出す仮想空間、テクノロジー、近未来を連想させる雰囲気や表現のことです。SFの世界観の中でも、機械と光、デジタルの情報が入りまじったイメージです。 サイバーらしく描きたいときに大切なのは、見た人が一目で未…

特殊効果・テクニック

初心者も簡単!自撮りイラストの描き方

自撮りイラストのポイントは、カメラが顔より上にあることで生まれる俯瞰の構図をとらえることです。この記事では、全身のポーズから顔がアップになるように切り取るアタリの取り方、顔周りの線を太くして視線を集める線画のコツ、頭の影を体に落としてコントラストで顔を際立たせる塗り方、そして床をぼかして写真らしさを…

特殊効果・テクニック

初心者も簡単!レイヤーの使い方

レイヤーの基本 レイヤーとは? レイヤーとは、イラストを描くときに使う透明なフィルムのようなものです。デジタルでイラストを描くときは、この透明なフィルムを何枚も重ねて一枚の作品を作ります。 レイヤーは下から上へと順番に重なっていく仕組みになっています。なぜ透明なフィルムを何枚も重ねる必要があるのかと…

遷移する 記事一覧に戻る

オンライン
無料体験レッスン

アタムアカデミーの
カリキュラムを体験できる
オンライン無料体験レッスンを毎日開催
タブレットでイラストを書いている子供

アタムアカデミーでは、入塾前にオンラインイラスト教室の授業を体験できる無料体験レッスンを行っています。講師とビデオ通話をしながら授業を体験していきます。
オンライン無料体験レッスンはiPadに必要なソフトをインストールし、applepencilを使って授業を行っています。iPadをお持ちでない方は、紙とペンでの体験もできます。
課題や制作した作品は講師とチャットやメールでやりとりをすることで共有を行います。兄弟でのご参加、お友達同士のご参加もOK。
オンラインであっても、対面型の教室と同じように学ぶことができます。

  • 費用 無料
  • 時間 60
  • 人数 11
  • 場所 全国可
無料体験申込みはコチラから

受講に必要な機材

通信用デジタル端末

インターネット・カメラ機能のある端末1台

インターネット・カメラ機能のある端末
描画用デジタル端末

タブレット&タッチペン

タブレット&タッチペン
紙とペン
でも
参加OK!

現役のクリエイターが教えます!

  • 久遠
    久遠
    Kudou
  • あっちゅん
    あっちゅん
    Acchun
  • 甘味
    甘味
    Amami
  • 茉莉絵
    茉莉絵
    Marie
iPad・Apple Pencil
初月無料レンタル実施中!
無料体験申込みはコチラから