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

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Illustrator

波のような文字と段組み

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

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

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

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

パスを描画。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

関連記事

  1. Illustrator

    ラフの効果で手書き風のイラストを作ってみよう

    イラストレーター の機能を使うと、つるんとした輪郭線がモコモコとした手…

  2. Illustrator

    グランジ加工でかすれたような表現をしてみよう

    今回は、Illustratorで簡単にグランジ表現のやり方の紹介です。…

  3. 複合パス知識編

    Illustrator

    複合パスを掘り下げてみよう〜実践編〜

    複合パスについて掘り下げてみよう〜知識編〜につづき今回は【実践編】です…

  4. Illustrator

    アクションパネルで大幅時短

    Illustratorで作業をする際、同じ作業を何度も何度もすることっ…

  5. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像

    Illustrator

    Illustratorでクリッピングマスクをする方法

    みなさんクリッピングマスクはご存知ですか?クリッピングマスクとはある部…

  6. メビウスの輪

    Illustrator

    オブジェクトを組み合わせて立体感のある輪を作ろう

    いきなりですが皆さんメビウスの輪をご存知ですか?下のような輪のこと…

人気の記事

おすすめの参考書

PAGE TOP