designsupply.llc
  • aboutabout
  • servicesservices
  • worksworks
  • mediamedia
  • contactcontact
  • homeサイトトップ
  • about会社概要
  • services業務内容
  • works実績紹介
  • mediaメディア
  • contactお問い合わせ
ja/

media

メディア

  1. サイトトップ
  2. メディア
  3. デザインの記事
  4. illustratorで段落スタイルと文字スタイルを登録してデザイン制作に役立てる

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

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

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

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

Sponsored Link

categories

  • デザイン(30)
  • Photoshop(26)
  • ワークショップ(24)
  • コーディング(18)
  • Sketch(16)
  • Illustrator(12)
  • カラースキーム(10)
  • タイポグラフィ(8)
  • Adobe その他(8)
  • フォトグラフィ(7)
  • Lightroom(4)
  • WordPress(4)
  • ナレッジ(4)
  • サイト運営(3)
  • Figma(2)
  • AfterEffects(2)
  • InVision(1)
  • Premiere(1)
  • 次の記事
  • 一覧に戻る
  • 前の記事

まだ依頼内容が決まっていなくても、ご相談ください。

課題の整理や小さな検証、UI/UX・フロントエンドの部分的な支援から始められます。

お問い合わせやご相談はこちらから

Webサイト・プロダクトの企画設計/UI・UXデザイン/フロントエンド開発合同会社デザインサプライ(DesignSupply. LLC)

Office:大阪府大阪市天王寺区清水谷町3-22
Email:info@designsupply-web.com
home
  • サイトトップ
about
  • 3つのポリシー
  • 経営理念
  • 代表・クリエイター紹介
  • 会社概要
services
  • ビジネス・プロダクト支援
  • UI/UX・フロントエンド開発支援
  • プロジェクトの進め方・支援体制
  • エデュケーション事業
works
  • 開発プロジェクト
  • クリエイティブ支援
  • 自社プロダクト
media
  • デザイン
  • プログラミング
  • マーケティング
  • Web開発
  • 写真・動画制作
contact
  • お問い合わせ
news
  • インフォメーション
privacy
  • プライバシーポリシー

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

© 2013 - 2026 DesignSupply.LLC
サイトトップへ
contact