デザイン名刺フロントテンプレートPhotoshop CC

• 四月 29, 2024

このチュートリアルでは、名刺の前面テンプレートにデザイン要素を追加します。前回のチュートリアルでは、Photoshop CCで名刺テンプレートの基盤を既に構築しており、名刺の表と裏に別々のアートボードを持つテンプレートが作成されています。また、ブリード、トリム、安全な領域に線を追加しました。

ただし、テンプレートには、背景グラフィック、テキスト、シェイプなどのデザイン要素は含まれていません（スクリーンショットを参照）。このチュートリアルでは、プレースホルダーの背景グラフィックをスマートオブジェクトとして追加することから始めます。これにより、プレースホルダーをデザイングラフィックで簡単に置き換えることができます。次に、通常は名刺に含まれるテキストのプレースホルダーを追加します。カードの前面には、個人名/会社名とキャッチフレーズを記載し、カードの裏面には連絡先情報を記載します。

デザイン要素を追加すると、[レイヤー]パネルが整理されない場合があります。そのため、いくつかのレイヤーをグループフォルダーに整理します。たとえば、テキストレイヤーをグループフォルダーにまとめることができます。また、複数の異なるテクスチャなど、複数の背景グラフィックがある場合は、これらをグループフォルダに結合できます。最後に、これらのレイヤーとフォルダーを色分けできます。もちろん、任意の色の組み合わせを使用できますが、この例では、テキストに赤、グラフィックスと図形に緑、指示に青を使用します。

背景デザインまたはテクスチャグラフィックを追加する

シンプルなグリッドグラフィックをプレースホルダーの背景グラフィックとして使用します。テンプレートユーザーは、スマートオブジェクトになるため、グラフィックを簡単に変更できます。カード前面の背景グラフィックを追加しましょう。

1. 名刺前面アートボードを選択します。
   
   
2. プレースホルダーグラフィックを追加します（スクリーンショットを参照）。
   
   
3. 新しいレイヤーをLinesレイヤーの下にドラッグして、デザイン要素を追加するときにラインが見えるようにします。
   
   アーティストはこのグラフィックを自分用に切り替えたいと思うかもしれないので、このレイヤーに付けるラベルによってこれが可能であることを伝えましょう。
   
   
4. レイヤーの名前を[YOUR Background DESIGN HERE]に変更します。
   
   
5. レイヤーを右クリックして選択します スマートオブジェクトに変換 ポップアップメニューから。
   
   

テキストを追加

これで、ビジネスまたは個人の名前とキャッチフレーズをカードの表面に追加する準備ができました。この例では、Raleway Typekitフォントを使用しました。これは、Creative Cloudメンバーシップまたは無料トライアルメンバーシップで無料です。名前が最も重要な情報なので、フォントスタイルを太字に設定し、サイズを18 ptに設定します（スクリーンショットを参照）。また、テキストを中央揃えにします。

注：テキストの最終的な配置、フォント、スタイルは、背景デザインの影響を受けるため変更されます。

1. 文字ツールを選択して、プレースホルダーテキストを追加します 商号 （スクリーンショットを参照）。
   
   
2. レイヤーの名前を[YOUR NAME HERE]に変更します
   
   
3. 前の手順を繰り返して、キャッチフレーズまたは職業のプレースホルダーテキストを追加します。フォントを14 ptより小さなサイズに設定し、プレースホルダーテキストを追加します キャッチフレーズ.
   
   
4. レイヤーの名前を[ここのタグライン]に変更し（スクリーンショットを参照）、[ここの名前]レイヤーの下にドラッグします。
   
   次に、テキストを中央揃えにします。
   
   
5. 両方のテキストレイヤーを選択した状態で、移動ツールに切り替えます。 [オプション]パネル（スクリーンショットを参照）で、[垂直中央]および[水平中央分布]ボタンを使用して、テキストを水平および垂直に中央揃えします。
   
   テキストの両方の行は同じ位置になります。キャッチフレーズの上に名前を移動しましょう（スクリーンショットを参照）。
   
   
6. [YOUR NAME HERE]レイヤーを選択し、移動ツールを使用してキャッチフレーズの上に名前を移動します。
   
   最後に、テキストレイヤーをグループフォルダーに結合します（スクリーンショットを参照）。
   
   
7. レイヤーパネルに新しいグループフォルダーを追加して名前を付けます テキスト.
   
   
8. 両方のテキストレイヤーをフォルダーにドラッグします。
   
   

オプション：テキストの後ろに、黒の線の入った白い長方形などの図形を追加することもできます。ユーザーがプロパティパネルで必要に応じて塗りつぶしとストロークの色を変更できるように、ベクターシェイプを追加します（スクリーンショットを参照）。

1. 新しいレイヤーが上に追加されるように、背景レイヤーを選択します。
   
   
2. 長方形ツールを使用して、アートボードに長方形を描画します。 [オプション]パネルで以下を設定します（スクリーンショットを参照）。
   
   モード：形状
   形状塗りつぶし：白
   形状ストローク：黒
   形状ストローク幅：5 px
   形状ストロークタイプ：ソリッド
   
   
3. レイヤーの名前を変更する[ボックスの塗りつぶしとストロークの色を調整]
   
   

オプション：レイヤーを色分けできます（スクリーンショットを参照）。

1. Instructionsグループレイヤーを選択し、目のアイコンを右クリックします。色を青に設定します。
   
   
2. Business Card FrontフォルダーでLinesレイヤーを選択し、色を青に設定します。
   
   
3. Business Card Frontフォルダー内のTextグループフォルダーを選択し、色を赤に設定します。
   
   
4. シェイプレイヤーと背景レイヤーを選択し、色を緑に設定します。
   
   

次のチュートリアルでは、名刺バックを設計します。

戻る|次へ

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の[a]登録商標または商標です。