• はてなブックマーク
  • RSS
  • Line

2023.03.01 Wed

Illustrator逆引き辞典「文字」編

光る文字を作る(光彩・ネオン文字)

Illustrator(イラレ)でネオン文字を作る方法を解説します。「アピアランス」で文字の[塗り]に発光したような効果を適用するのがポイントです。ここでは、効果の種類を変更して光の印象を変える方法も併せて紹介します。

■使用する機能「文字ツール」「アピアランス」「効果」

1.アピアランスで光る文字(ネオン文字)を作る

まず長方形ツールなどで紺色のような暗い色の長方形を描いたら、その前面に文字ツールで文字を入力し(図1)、ウィンドウメニュー→“アピアランス”を選んでアピアランスパネルを表示させます。

図1

続いて文字ツールでドラッグして入力した文字を選択し、アピアランスパネルでいったん[塗り]と[線]を[なし]に設定します(図2)

図2。[塗り]と[線]を[なし]に設定する

次に選択ツールで文字を選択したら、アピアランスパネルの下部にある[新規塗りを追加]ボタンをクリックして(図3)、[塗り]をホワイトに設定します(図4)。これが文字の色になります。

図3。[新規塗りを追加]ボタンをクリックする
図4。[塗り]をホワイトに設定する。これが文字の色になる

再びアピアランスパネルの[新規塗りを追加]ボタンをクリックして[塗り]をホワイトに設定したら(図5)、アピアランスパネル下部の[新規効果を追加]ボタンをクリックしてメニューを表示し、“スタイライズ”→“光彩(外側)...”を選択(図6)

図5。再度[塗り]を追加してホワイトに設定する。これが発光部分になる
図6

すると「光彩(外側)」ダイアログが表示されるので、[描画モード:スクリーン]、[光彩のカラー:ホワイト]に設定します(図7)。発光量を増やしたい場合は[ぼかし]の数値を大きくしてから適用します(図8)。ここでは[ぼかし:9px]に変更しましたが、文字の大きさによっても最適な値は異なるのでプレビューを参考にしながら調整してみてください。

図7。[描画モード:スクリーン]、[光彩のカラー:ホワイト]に変更することで、文字に白く発光したような効果を与えることができる
図8。表現したいイメージに合わせて[ぼかし]の数値を設定する

これだけでも文字の周囲がぼやっと光った感じになりますが(図9)、光に色味を加えるとよりネオンらしくなります。

図9。文字の周囲をぼやっと光らせることができた

手順は、アピアランスパネルで先ほど「光彩(外側)」を適用した[塗り]を選択した状態で、パネル右上の三本線のアイコンをクリックしてパネルメニューを開き、“項目を複製”を選択します(図10)

図10。パネルメニュー→“項目を複製”を選択する

続いて、アピアランスパネル上で複製された[塗り]の[光彩(外側)]をダブルクリックして「光彩(外側)」ダイアログを開き、[描画モード]の右横にある[光彩のカラー]をネオンらしい蛍光色にして適用します(図11)。これでネオン文字の完成です(図12)

図11。ここでは[光彩のカラー]に蛍光色のピンクを設定した
図12
(図12の一部拡大図)光彩の度合いは適宜好みに合わせて調整する

2.ネオンの光の印象を強める

アピアランスパネルで[塗り]に発光したような効果を与える際、「光彩(外側)」ではなく「ぼかし(ガウス)」を適用すると、より光の印象を強めることができます。

手順は、文字ツールで文字を入力したあと、選択ツールでその文字をクリックして選択します。続いてアピアランスパネルの下部にある[新規塗りを追加]ボタンを2回クリックして[塗り]を2枚追加したら、上側のカラーをホワイトに、下側を蛍光色に設定。下側の[塗り]を選択した状態で、アピアランスパネル下部の[新規効果を追加]ボタンから“ぼかし”→“ぼかし(ガウス)...”を選んで適用します(図13)

図13。“ぼかし”→“ぼかし(ガウス)...”を選ぶと「ぼかし(ガウス)」ダイアログが開くので、[半径]の数値を設定して適用する。今回は[半径:9pixel]で適用している

「光彩(外側)」で作成したネオン文字と比べてみると、「ぼかし(ガウス)」のネオン文字の方が色や光が強い印象になっているのが分かります(図14)

図14。「ぼかし(ガウス)」の設定値を変えながら、複数の[塗り]に適用して重ねがけすると、さらに強い光を表現することができる

以上、Illustratorでネオン文字(アピアランスの光彩を使った文字)を作る方法でした。
●構成:編集部、専門学校講師のイラレさん ●制作:専門学校講師のイラレさん ●編集:山口優

著者プロフィール

専門学校講師のイラレさん
専門学校講師/YouTuber
Adobe Illustratorの使い方を教えている通称「イラレさん」。「誰でも楽しく学べる」を信条に専門学校の講師を行いながらYouTubeをメインに活動。分かりやすさが好評で、動画の平均高評価率98%以上。動画を通じ2万人以上に教えている。 Youtubeチャンネル:https://www.youtube.com/channel/UC5UvWEDpPVe8uA8AroD1G_A
  • Twitter

「文字」の他の記事

一覧を見る