illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる
デザイン制作をしていると、特定のスタイルやデザインルールを使いまわすことは多々あります。そんな時にあらかじめ設定しておいたスタイルをすぐに適用できると大変便利ですね。今回は文字組みやタイポグラフィのデザインで使える、illustratorの段落スタイルと文字スタイルを登録してみたいと思います。
この段落スタイルと文字スタイルの機能ですが、あらかじめ文字サイズや行高、カーニングや文字色、書体など特定のタイポグラフィのスタイルを自由に登録できる機能になります。ここではデザイン制作におけるフェーズに使えるテクニックですが、Webデザインの場合ですと、コーディングなどでも同じスタイルを活用できるので是非オススメしたい機能ですね。
ではまずは段落スタイルから早速登録してみましょう、「ウィンドウ」→「書式」→「段落スタイル」から段落スタイルパネルを表示させて、右下のアイコンから段落スタイルを新規作成します。
新規段落スタイルのダイアログが表示されるのでスタイル名を入力し、文字サイズや行高、字間などの各種設定を行っていきます。
ちなみに段落スタイルでは、文字の変体設定や禁則処理なども設定することも可能です。印刷物デザインなどでは重要になってきますね。
設定が完了したら、OKボタンで登録します。この時に「ライブラリに追加」にチェックを入れているとCCライブラリに登録され、簡単に呼び出すことができます。
これで段落スタイルが作成されたので、実際にテキストへ適用させていきます。テキストツールで文字を打つとデフォルトの設定で文字が入力されます。
「CCライブラリ」パネルを見ると先ほど登録された段落スタイルが表示されています。適用させたいテキストを選択した状態で、適用させる段落スタイルをクリックすると、登録した段落スタイルがテキストに適用されます。
また、段落だけでなく文字に対しても適用させるスタイルを登録できます。段落の時と同じく「ウィンドウ」→「書式」→「文字スタイル」から文字スタイルパネルを表示させて、右下のアイコンから段落スタイルを新規作成します。
新規文字スタイルのダイアログが表示されるのでスタイル名を入力し、文字サイズや文字色などの各種設定を行っていきます。
文字スタイルパネルとCCライブラリパネルにも、登録したスタイルが表示されているのが確認できます。
段落スタイルと同じく、入力したテキストを選択した状態で、文字スタイルのライブラリをクリックするだけで、登録した文字スタイルを適用させることができます。
いかがでしょうか、デザイン制作を行う上でデザインルールとして特定のスタイルがすぐに使えるようにしておくと、作業効率化やスピードアップだけでなく、統一感が生まれクオリティアップに繋げることも可能です。ぜひ使いこなしてみてはいかがでしょうか。












いかがでしょうか、デザイン制作を行う上でデザインルールとして特定のスタイルがすぐに使えるようにしておくと、作業効率化やスピードアップだけでなく、統一感が生まれクオリティアップに繋げることも可能です。ぜひ使いこなしてみてはいかがでしょうか。
sponserd
keyword search
recent posts
- Figmaで柔らかな印象のメッシュグラデーションを作成する
Figmaで柔らかな印象のメッシュグラデーションを作成する
- Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する
Photoshopで光沢と透明感のあるぷるっとしたテキストを作成する
- Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する
Photoshopでサイバー感のあるレトロフューチャーなイメージを作成する
- デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)
デザイン制作に数学的なアプローチを取り入れてみる #1(グラデーション、カラースケール)
- 【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点
【実践テクニック#6】ウェブデザインやバナー制作でグラデーションマスクや光彩の効果を扱う時の注意点
- 安さやチープな印象を強調させるデザインを考えてみる
安さやチープな印象を強調させるデザインを考えてみる
- メリハリを付けにくいトーナル配色でセパレートカラーを効果的に使う
メリハリを付けにくいトーナル配色でセパレートカラーを効果的に使う
- 【実践テクニック#5】2色の線形グラデーションで中間色をくすませず鮮やかに見せる
【実践テクニック#5】2色の線形グラデーションで中間色をくすませず鮮やかに見せる
categories