0%

Designデザインワークショップ

Posted:2019.03.05

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

デザイン制作をしていると、特定のスタイルやデザインルールを使いまわすことは多々あります。そんな時にあらかじめ設定しておいたスタイルをすぐに適用できると大変便利ですね。今回は文字組みやタイポグラフィのデザインで使える、illustratorの段落スタイルと文字スタイルを登録してみたいと思います。

 

この段落スタイルと文字スタイルの機能ですが、あらかじめ文字サイズや行高、カーニングや文字色、書体など特定のタイポグラフィのスタイルを自由に登録できる機能になります。ここではデザイン制作におけるフェーズに使えるテクニックですが、Webデザインの場合ですと、コーディングなどでも同じスタイルを活用できるので是非オススメしたい機能ですね。

 

ではまずは段落スタイルから早速登録してみましょう、「ウィンドウ」→「書式」→「段落スタイル」から段落スタイルパネルを表示させて、右下のアイコンから段落スタイルを新規作成します。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

新規段落スタイルのダイアログが表示されるのでスタイル名を入力し、文字サイズや行高、字間などの各種設定を行っていきます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

ちなみに段落スタイルでは、文字の変体設定や禁則処理なども設定することも可能です。印刷物デザインなどでは重要になってきますね。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

設定が完了したら、OKボタンで登録します。この時に「ライブラリに追加」にチェックを入れているとCCライブラリに登録され、簡単に呼び出すことができます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

これで段落スタイルが作成されたので、実際にテキストへ適用させていきます。テキストツールで文字を打つとデフォルトの設定で文字が入力されます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

「CCライブラリ」パネルを見ると先ほど登録された段落スタイルが表示されています。適用させたいテキストを選択した状態で、適用させる段落スタイルをクリックすると、登録した段落スタイルがテキストに適用されます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

また、段落だけでなく文字に対しても適用させるスタイルを登録できます。段落の時と同じく「ウィンドウ」→「書式」→「文字スタイル」から文字スタイルパネルを表示させて、右下のアイコンから段落スタイルを新規作成します。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

新規文字スタイルのダイアログが表示されるのでスタイル名を入力し、文字サイズや文字色などの各種設定を行っていきます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

文字スタイルパネルとCCライブラリパネルにも、登録したスタイルが表示されているのが確認できます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 

段落スタイルと同じく、入力したテキストを選択した状態で、文字スタイルのライブラリをクリックするだけで、登録した文字スタイルを適用させることができます。

illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

 


 

いかがでしょうか、デザイン制作を行う上でデザインルールとして特定のスタイルがすぐに使えるようにしておくと、作業効率化やスピードアップだけでなく、統一感が生まれクオリティアップに繋げることも可能です。ぜひ使いこなしてみてはいかがでしょうか。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】