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. デザイン

    【随時更新】クリスマス&年賀状に使えるイラスト素材を無料配布します♩

    みなさんこんにちは、mayukouです。年末に差し掛かってきましたが…

  2. デザイン

    楽天ショップのデザインの参考に!おしゃれな楽天ヘッダー7選

    みなさん、こんにちはmayukouです。いかがお過ごしですか?…

  3. デザイン

    Adobe CCを導入しました。使ってみて感じたメリットとデメリットとは?

    みなさんこんにちは、mayukouです。Adobe CCが登場して、…

  4. デザイン

    スターバックスに学ぶブランディング:デザインコンセプトとは

    みなさんこんにちは、mayukouです。最近、webデザインの…

  5. Web Design

    今流行りのロングシャドウの簡単な作り方

    フラットデザインとともに、相性が良いとしてデザインに取り入れられている…

  6. Photoshop

    Photoshopでパターンを作ろう!斜めストライプを作る方法とは?

    こんにちは、mayukouです。先日仕事でIllustratorで斜…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. コピーライティング

    コピーライティングを学ぶ。わたしがやっている勉強法とコピーの作り方
  2. CSS

    レスポンシブ対応!CSSで二重線のボーダーボックスを作る方法
  3. iPhone

    生活が変わるかも!iphone7 に変えてみて思ったこと
  4. jQuery

    軽量のスクリプトで簡単に!レスポンシブメニューを実装できるResponsive …
  5. Web Design

    CSS nite in FUKUOKA vol.6に行ってきました。
PAGE TOP