ページ内の重要なフレーズやコメントを抜粋します。それをレイアウトの中で、読者を引きつける魅力的なデザイン要素として活用します。
make-pull-quote-callout-intro_900x506

必要な情報

このサンプルファイルは、このチュートリアルの学習内容の練習に使用できるAdobe Stock画像です。このチュートリアル以外でサンプルファイルを使用する場合には、Adobe Stockのライセンスを購入してください。このサンプルファイルの使用に適用される利用条件については、フォルダー内のReadMeファイルを参照してください。

要約見出しテキストに書式を設定する

自分でドキュメントを用意するか、サンプルファイルを開いて使用します。必要に応じてAdobe Fontsを有効にします。ページの左側にある黒字のテキストを使用して、コールアウト(要約見出し)作成の練習をします。文字ツールでテキストを選択し、プロパティパネルの「文字」セクションで、フォント、スタイル、フォントサイズなどの属性を変更します。

make-pull-quote-callout-step1_900x506

要約見出しにテキストを回り込ませる

選択ツールに切り替え、要約見出し用のテキストフレームをクリックして選択します。ウィンドウ/テキストの回り込みを選択して、パネル上部のテキストの回り込みオプションを選択することもできます。要約見出しをテキスト上にドラッグして、配置します。

make-pull-quote-callout-step2_900x506

テキストが目立つように、様々な設定を試す

ここでは、フレーム内にカラーやグラデーションを適用したり、フレームに様々なスタイルの線を適用してみました。2ページ目に書式設定のサンプルを並べています(ウィンドウ/ページ)。

make-pull-quote-callout-step3_900x506

要約見出しの周囲の間隔を調整する

選択したテキストの回り込みオプションによっては、要約見出しと本文テキストとの間隔を大きくすると見やすくなります。「テキストの回り込み」パネルの「回り込みオプション」で、要約見出しの「右オフセット」を増やします。中央のリンクアイコンをクリックすれば、オフセットを個別に調整できます。

make-pull-quote-callout-step4_900x506

このように、ストーリーや記事からフレーズを抜粋してデザイン要素として配置すると、読者の関心を引くことができます。

このように、ストーリーや記事からフレーズを抜粋してデザイン要素としてページに配置すると、読み手の関心を引くことができます。

 

Adobe Stockでは、1億点以上もの質の高いロイヤリティフリーの写真、グラフィック、ビデオ、テンプレートにアクセスでき、クリエイティブプロジェクトをすばやく開始できます。Adobe Stockの無料体験版では、10点の画像を無料でご利用いただけます。

03/13/2020

Adobe Stock提供元:Dima Aslaniann_vinokurov

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