カスタムドロップキャップをIllustratorで作成し、InDesignのテキストレイアウトで使用する方法を説明します。
drop-cap_1408x792

Illustratorで文字を作成する

文字ツール(T)を選択して、コントロールパネルの「文字」をクリックします。「Arial」と「ボールド」を選択して、フォントサイズを「300 pt」に設定します。アートボードをクリックして、文字を入力します。

Escキーを押し、右クリックメニューから「アウトラインを作成」を選択します。

5519_drop-cap_step-1

同心パスで文字シェイプを作成する

オブジェクト/パス/パスのオフセットを選択します。「プレビュー」にチェックを入れ、オフセットに「8 pt」を入力し、「OK」をクリックします。元のパスからオフセットしてパスが複製されます。

同じ手順をもう一度繰り返し、同心パスを3つ作成します。

選択マーキーをドラッグしてすべてのパスを囲み、Ctrl(Command)+Shift+Gキーを押して、グループを解除します。

5519_drop-cap_step-2

パスに色を付ける

一番外側のパスを選択し、塗りのカラーを「白」に、線のカラーを「黒」に設定します。

中間のパスを選択し、塗りのカラーを好みで設定します。この例では「黄色」です。

一番内側のパスにパターンを適用します。ウィンドウ/スウォッチライブラリ/パターン/基本グラフィックから、「基本グラフィックテクスチャ」を選択します。一番内側のパスを選択し、基本グラフィックテクスチャパネルにある任意のテクスチャをクリックします。図の例では、「カプセル」を選択しました。

Illustratorでカスタムパターンを定義する方法については、パターンの作成と適用を参照してください。

5519_drop-cap_step-3

鮮明なドロップシャドウを追加

選択マーキーをドラッグしてすべてのパスを囲み、Ctrl(Command)+Gキーを押して、すべてのパスをグループ化します。

効果/スタイライズ/ドロップシャドウを選択します。

「プレビュー」にチェックを入れ、描画モードを「乗算」に、不透明度を「100%」に、「X オフセット」と「Y オフセット」を「8 pt」に、ぼかしを「0 pt」に設定します。「OK」をクリックします。 

オプション:ドロップキャップにフレームを追加すると、さらに印象深くなり、強調効果を出せます。ドロップキャップの周囲にシェイプを描画し、任意のカラーで塗ります。右クリックして、重ね順/最背面へを選択します。 

5519_drop-cap_step-4

カスタムドロップキャップをCreative Cloudライブラリに保存する

ウィンドウ/ライブラリを選択します。

Ctrl(Command)+Aキーを押すか、選択/すべてを選択をクリックします。ドロップキャップをマイライブラリにドラッグすると、「グラフィック」セクションに追加されます。

これでドロップキャップ文字を作成し、どのIllustratorドキュメントでも、アドビの他のデスクトップ版およびモバイルアプリからも再利用できます。

5519_drop-cap_step-5

ドロップキャップをInDesignのテキストレイアウトに追加

InDesignを起動し、テキストの入ったドキュメントを開きます。

ウィンドウ/CCライブラリを選択します。「グラフィック」セクションのドロップキャップをクリックして、ページ内の任意の場所にドラッグします。ドロップキャップを適用するカーソルで、長方形のフレームをクリック&ドラッグします。

ドロップキャップとフレームの縦横比を保持してサイズを変更するには、Vキーを押して、コントロールパネルの「自動調整」をオンにします。次に、Shiftキーを押しながらフレームのコーナーハンドルをドラッグします。

5519_drop-cap_step-6

ドロップキャップをテキストに適用

次の手順では、ドロップキャップが段落テキストに沿うようにアンカーオブジェクトに設定し、テキストがドロップキャップを回り込むにようにします。

ドロップキャップをテキスト内にアンカー付きオブジェクトとして配置するには、Shiftキーを押しながらフレームの上部にある青い四角をドラッグし、カーソルをテキストの先頭に移動します。ここで、青い四角がアンカーアイコンに変わります。

5519_drop-cap_step-7

ドロップキャップは、文字に固定した後、テキストフレームを基準に位置を調整できます。

AltまたはOptionキーを押しながらアンカーアイコンをクリックして、アンカー付きオブジェクトオプションダイアログを開き、「インラインまたは行の上」を選択にして、「Yオフセット」をテキストフレーム内のドロップキャップの位置に設定します。

「プレビュー」をオンにして、上下の矢印キーを押し、表示確認しながらオフセット値を設定します。

5519_drop-cap_step-8

最後に、ドロップキャップに対するテキストの回り込みを設定します。

ウィンドウ/テキストの回り込みを選択します。テキストの回り込みパネルで、2つ目のアイコン(境界線ボックスで回り込む)をクリックします。

ドロップキャップとテキスト間のスペースを広げるには、右オフセットの値を調整します。オフセット値を個別に変更するには、中央のリンクアイコンをオフにします。

5519_drop-cap_step-9

カスタムドロップキャップ例を参考にする

テキストレイアウトに配置して、練習用にお使いいただけるよう、アルファベット全文字のドロップキャップが既に作成されています。このカスタムドロップキャップは、Drop capsライブラリにあります。「Creative Cloudへ保存」をクリックすると、自分のアカウントにライブラリのコピーが作成されます。

注意:ライブラリに保存するには、Creative Cloudアカウントにログインする必要があります。

5519_drop-cap_step-10

作品を共有する

作品に#adobedropcapというタグを付けて、ソーシャルメディアで共有しましょう。他のクリエイターの作品はこちらからご覧いただけます。

05/16/2019

提供元:Lidia Lukianova

このページは役に立ちましたか。