Photoshopデザインレイアウトテンプレートの使用方法

• 四月 29, 2024

Photoshopデザインテンプレートは、クライアントやプロジェクトで作業する際に多くの時間を節約できるため、アーティストやデザイナーに非常に人気があります。 Creative MarketやAdobe Stockなど、これらのテンプレートを販売する多くのオンラインマーケットプレイスがあります。

各テンプレートデザイナには、テンプレートを設計するための独自の設定があります。この例では、自分の名刺テンプレートの1つを使用しています。これには、名刺の表と裏に別々のアートボードが含まれています。各デザイン要素は個別のレイヤー上にあり、必要に応じてプレースホルダーのグラフィックとテキストを非常に簡単にカスタマイズできます。レイヤーは整理され、色分けされています。テンプレートを開いて見てみましょう。

3つのアートボードが表示されます（スクリーンショットを参照）。最初のアートボード（スクリーンショットを参照）には、ガイドラインの指示と、デザインで使用されるフォントのリストが含まれています。インストラクションアートボードの各レイヤーの目のアイコンは、青で色分けされています。デザイン要素を配置するときは、裁ち落とし、トリム、安全ガイドラインを使用する必要があります。

ブリードライン

カード前面とカード背面の背景グラフィックは、赤い裁ち落とし線まで、したがってアートボード全体に広がる必要があります。背景を裁ち落とし線まで延長することにより、カードの端に沿って白い境界線ができなくなります。

トリムと安全なライン

テキスト、ロゴ、グラフィックスが青いトリムラインの内側にある場合、それらを切り取らないでください。ただし、設計要素を緑色のSafeライン内に配置することをお勧めします。

レイヤーパネル

インストラクションアートボードに加えて、レイヤーパネルには、名刺フロント（スクリーンショットを参照）および名刺バック（スクリーンショットを参照）のアートボードもあります。各アートボード内には、テキスト、シェイプ、グラフィックスのレイヤーなど、デザイン要素を含む複数のレイヤーが表示されます。テキストレイヤーは赤で色分けされ、図形およびグラフィックスレイヤーは緑で色分けされています。

また、各アートボードの裁ち落とし、トリム、セーフガイドラインを含むレイヤーがあります。このレイヤーは、これらのアートボードで青で色分けされている唯一のレイヤーであるため、目のアイコンをクリックして、ガイドラインの表示/非表示を簡単に切り替えることができます。

背景グラフィックス

多くのデザインテンプレートのように、カードの前面と背面の背景デザインを調整します（スクリーンショットを参照）。これらのグラフィックスは、そのまま使用するためのものです。ただし、これらはスマートオブジェクトでもあり、独自のグラフィックに簡単に置き換えることができます。これらの背景グラフィックレイヤーは緑に色分けされています。

プレースホルダーロゴ

ロゴグラフィックを含める場合は、スマートオブジェクトであるプレースホルダーロゴグラフィックがあります。スマートオブジェクト（スクリーンショットを参照）をダブルクリックして、プレースホルダーのロゴ画像を独自のものに置き換えます。ロゴを置き換えて一時.psbファイルを保存したら、アートボード上で必要に応じてロゴのサイズを変更し、位置を変更できます。

プレースホルダーテキスト

プレースホルダーテキストを自分の名前または会社名に置き換えます（スクリーンショットを参照）。また、職業、メール、ウェブサイト、ソーシャルハッシュタグ、電話番号のプレースホルダーテキストもあります。これらすべてについて、必要に応じてテキスト、フォント、色、スタイル、サイズ、位置を変更したり、テキストを削除したりできます。

テンプレートは無料のAdobe Typekitフォントを使用します。 Creative Cloudメンバーシップまたは無料トライアルメンバーシップをお持ちの場合は、Photoshop内から無料のフォントを簡単にダウンロードまたは同期できます（スクリーンショットを参照）。すべてのテキストレイヤーは赤で色分けされています。

テキストの各行は個別のレイヤー上にあるため、独自の情報を使用してテキストを非常に簡単にカスタマイズできます。プレースホルダーテキスト（スクリーンショットを参照）を選択して、独自のテキストを入力するだけです。

箇条書きアイコン

カードの表面または裏面のテキストの一部の行には、テキストの左側に小さなベクターシェイプアイコンがあります。サイズの変更、色の塗りつぶし、これらのアイコンの再配置または削除のオプションがあります。サムネイルをダブルクリックして、カラーピッカー（スクリーンショットを参照）を開き、色を選択するだけです。 [プロパティ]パネル（スクリーンショットを参照）に移動して、他のプロパティを変更します。他のグラフィックレイヤーと同様に、これらのレイヤーは緑色に色分けされています。

ご覧のとおり、変更可能なグラフィック、ベクターシェイプ、編集可能なテキストにスマートオブジェクトを使用することで、これらのデザインレイアウトテンプレートは、クライアント情報、ロゴ、ブランドカラーで簡単にカスタマイズできます。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。

動画の説明: #03 Photoshopでテンプレートを編集する (四月 2024).