Illustrator

メリハリがつく!Illustratorでドロップキャップを作る方法


みなさんこんにちは、mayukouです。
先日、雑誌広告のデザインを担当しました。
その際、長い文章が退屈に見えないように、
ドロップキャップという方法を使いました。
ドロップキャップとは、文章の一文字目を大きくする手法です。
そうすることで、文章の見た目にメリハリをつけることができ、
読むのが億劫にならないようにすることができます。

スポンサードリンク

こんな時におすすめ
エディトリアルデザイン(本や雑誌などの紙面をデザイン)など
文章がメインで読むのが退屈になりそうな時に使えるデザイン手法
使うことで、紙面にメリハリが出る。

今回は、そんなドロップキャップの方法をご紹介します。

Illustratorではドロップキャップの機能がない?!
実はIllustratorには、付いていません。
InDesignというAdobeがだしているソフトは、
本などエディトリアルデザイン用のソフトなので、
ドロップキャップの機能は付いていますが…。
そのため、自分でこしらえなければいけません。

結構、面倒な作業です。が慣れたら大丈夫です。

ドロップキャップの方法

1.まず、四角ツールで流し込みたい文章を形どります。

今回はわかりやすくピンクにしました。

テキストツールを四角のライン(ふち)上に置き、点線丸のTマークになったら四角をクリックし、
流し込みたい文章をコピーペーストで持って来ます。そして一文字目はカット(cmd + x )しておきましょう。

2.ドロップキャップしたいサイズの部分をペンツールでクリックして、ポイントを増やしましょう。

3.角のポイントをドラッグして、斜め右に持って来ましょう。

目分量で正方形部分を開けましょう。

ちょっと斜めになりましたが微調整したら大丈夫です。

4.テキストツールにし、一文字目をおきたい場所に、クリックして、
先ほどカットしておいた一文字目をcmd + Vでペースとします。

5.任意の大きさにドラッグして大きくして、出来上がりです。

最後に

いかがでしたか?ドロップキャップの方法をご紹介しました。
文章が多めの時にメリハリをつけるのにオススメです。
ぜひお試しください。

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Illustrator

    自分で作れると便利!illustratorでチェック柄を描く方法

    みなさんこんにちは、mayukouです。※熊本・大分で地震の被害に…

  2. Illustrator

    空を可愛く!Illustratorで虹を簡単に描ける方法&ダウンロードできる素材を作りました

    みなさん、こんにちはmayukouです。台風も過ぎ去り、梅雨ももう…

  3. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

  4. Photoshop

    Photoshopのウィンドウを見やすく!ワークスペースを工夫してみよう

    こんにちは、mayukouです。なんだかすっきりしない天気です。九…

  5. illustration

    発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする方法

    みなさん、こんにちは!mayukouです!先日アップしたブログに、P…

  6. Photoshop

    Photoshopでかすれたスタンプ風表現をする方法 その2

    みなさんこんにちは、mayukouです。今回は、うちのブログでも人気の…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Web Design

    今すぐできる!HTMLメールの作り方
  2. Photoshop

    Photoshopのウィンドウを見やすく!ワークスペースを工夫してみよう
  3. Illustrator

    webデザインのトレンド!文字によって変形するゴーストボタンをイラレで作る方法
  4. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海…
  5. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法
PAGE TOP