Adobe認定トレーニングセンター

Illustrator

波のような文字と段組み

使用ソフト: Illustrator CC 2018(CSでも可能)  

「パス上文字ツール」を使って波のような文字を書いてみよう

まずは、ペンツールで波型のパスを書きます。
線の色は文字をのせると消えるので、見やすい色で描いてください。
(塗りは邪魔になるので、なしの方がいいです。)
ペンツールを使った曲線の描き方については、こちらの記事をどうぞ。

【挑戦】ペンツールの練習 1分間であなたはできる?

パスを描画。

文字ツールを選択して、カーソルを波線の上に持っていくと、
文字ツール選択時のカーソル 文字ツールのカーソルが
パス上文字ツール選択時のカーソル パス上文字ツールのカーソルに変化します。

パスの形に沿ったテキスト
パスの形に沿った文字ができました!

パス上文字には文字の前後と真ん中に縦棒が入っています。
この縦棒を「ブラケット」といいます。
先頭のブラケットにカーソルを近づけると、こんな風にカーソルが変化します。
先頭のブラケットにマウスを近づけた時のカーソル
パスに沿って、文字の先頭を前後へ動かすことができます。
パス上の文字を移動する
真ん中のブラケットにカーソルを近づけると、こんな風にカーソルが変化します。
真ん中のブラケットにマウスを近づけた時のカーソル
パスに沿って、文字の向きを変えることができます。
パスに沿って文字の向きを変える

文字の大きさを調整して、波のような文字の出来上がりです。
文字の大きさを調整

段々になったテキストを作ってみよう

長方形ツールで長方形を3つ描画

文字量が多いのですが、せっかくのクラゲを隠さないようにテキストを配置したい。
そこで、文字を段組みします。
まずは、文字を配置したいところへ「長方形ツール」で四角を描きます。
(色は文字をのせると消えますので、見やすい色で描いてください。)

次は、先ほど描いた四角を全て選択してから
「書式」→「スレッドテキストオプション」→「作成」
メニューから選択

先ほど描いた四角がこのように変化します。
長方形がテキストエリアに変化

テキストエリアに文字を入力

ここに文字を入力します。すると、一つ目の四角からはみ出した文字は次の四角へ勝手に続いていきます。

エリア内文字が出来上がりました。
でも、行末が微妙にでこぼこして、綺麗に揃っていませんね。
段落パネルの、「均等配置(最終行左揃え)」を実行しましょう。
段落パネルから選択
枠を作ってから入力するエリア内文字を使用するときは、基本これをお忘れなく。

完成図
綺麗に段組みされた画像ができあがりました。
お疲れ様でした!

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    Illustratorでふきだしを作ってみよう

    ふきだしふきだし、吹き出し、フキダシ。英語では"Speech Ba…

  2. Illustrator

    暑中見舞いをつくろうー宛名の記入ー

    1.Illustratorでハガキサイズのドキュメントを作成するハ…

  3. Illustrator

    ブレンドツールで水引を作ろう

    みなさん水引ってご存知ですよね?水引とは・・・紙をくるくるとひも状…

  4. Illustrator

    インド国旗を作ろう!その③

    今回は外側のドーナツ型をイラストレーター(Illustrator)で作…

  5. Illustrator

    楕円形ツールで作るリアルな雲の作り方

    楕円形ツールで楕円を重ねて、パスファインダーで合体すれば、漫画のような…

  6. Illustrator

    シンボル化してみよう

    パスで作ったイラストなどを簡単にシンボル化することができる方法の紹介で…

Language

最近の記事

  1. フラットデザインが簡単に作れるフリー素材イラストサイト3選
  1. Photoshop

    How to Create a Watercolor Painting Effe…
  2. 自然光で撮った人形と本とカメラとクッキー

    Others

    The Still Life Photography Techniques Vo…
  3. 複合パス知識編

    Illustrator

    Mastering the Compound Path – Part…
  4. Illustrator

    インド国旗を作ろう!その①
  5. Photoshop

    Making a Pop-up Photo
PAGE TOP