名刺バックテンプレートPhotoshop CCをデザインする

かもしれません 1, 2024

このチュートリアルでは、Photoshop CCで名刺テンプレートの背面を設計します。

前の2つのチュートリアルでは、名刺テンプレートとカードの前面の基本的な基盤を設計しました。次に、背景グラフィック、箇条書きアイコン、および連絡先情報をカードの背面に追加します。

背景スマートオブジェクトを追加

テンプレートファイルを開くと、カードフロントが完成しているはずです（スクリーンショットを参照）。カードの前面の背景グラフィックレイヤーはスマートオブジェクトです。カードの表面にスマートオブジェクトを複製して、背景のグラフィックレイヤーをカードの裏面に追加することから始めましょう。

名刺前面アートボードグループを開き、[ここでの背景デザイン]レイヤーを選択します。
レイヤーを右クリックし、[コピーによる新しいスマートオブジェクト]を選択します（スクリーンショットを参照）。これにより、スマートオブジェクトの独立したコピーが作成されるため、他のスマートオブジェクトに影響を与えることなく、あるスマートオブジェクトのグラフィックを変更できます。
[レイヤー]パネルで、レイヤーコピーを名刺バックアートボードグループにドラッグし、[ライン]レイヤーの下に配置します（スクリーンショットを参照）。カードバックアートボードにプレースホルダーグラフィックが表示されます。削除できます コピー レイヤー名の最後のテキスト。

連絡先情報を追加

これで、連絡先情報をカードの裏面に追加できます。 Ralewayフォントを引き続き使用します。会社/個人名を繰り返します。その下に、以下の一部またはすべてを追加できます。もちろん、QRコードなど、カードに入力する必要がある情報に制限はありません。

事業名/個人名
職業

Eメール
ウェブサイトのURL
ソーシャルハッシュタグまたは@
電話番号
住所

テキストの最初のレイヤーを追加商号。 Font Sizeを12 ptに、AlignmentをLeftに設定しましょう（スクリーンショットを参照）。
レイヤーの名前を[YOUR NAME HERE]に変更します。
テキストの2行目を追加します あなたの職業、フォントサイズを10 ptに縮小し、左揃えにしました。
レイヤーの名前を[YOUR PROFESSION HERE]に変更し、レイヤーを最初のテキストレイヤーの下にドラッグします（スクリーンショットを参照）。
ポップアップガイドを使用して、2番目のレイヤーのテキストを選択し、ドラッグして最初のテキストレイヤーに揃えます（スクリーンショットを参照）。

この例では、フォントサイズを8ポイントに設定して、次のレイヤーに対してこれらの手順を繰り返しました（スクリーンショットを参照）。クライアントが必要とする情報を追加できます。

you@email.com-[メールアドレスはこちら]
website.com-[あなたのウェブサイトのURLはこちら]
@YourBusiness-[ここにハッシュタグ]
111-111-1111-[ここの電話番号]
新しいグループフォルダーを追加して名前を付けます テキスト.
すべてのテキストレイヤーを選択し、新しいフォルダーに配置します。

箇条書きアイコンを追加

オプション：素敵なタッチを追加する場合は、下部の4行のテキストの左側にいくつかの箇条書きを追加します。ユーザーがアイコンの色を変更できるように、4つの小さな長方形をシェイプレイヤーとして描画します。

四角形ツールをシェイプモードに設定して、アートボードの左側に小さな正方形を描画します you@email.com テキスト。正方形の適切なサイズは20 x 20ピクセルです（スクリーンショットを参照）。
正方形を選択した状態で、塗りつぶしを黒一色に、ストロークをヌルに設定します。
このレイヤーに[EMAIL-ADJUST SQUARE FILL COLOR]と名前を付けます（スクリーンショットを参照）。
という名前の新しいフォルダを作成します 箇条書き または四角テキストグループの上にこの新しいレイヤーをフォルダーにドラッグします。
[EMAIL-ADJUST SQUARE FILL COLOR]レイヤーを複製し、現在のレイヤーの下にドラッグします。
レイヤーの名前を[WEBSITE-ADJUST SQUARE FILL COLOR]に変更します。
ハッシュタグと電話番号のレイヤーに対してこれを繰り返します。
添付テキストの横に各正方形を配置します。

追加のヒント：情報テキストをカードバックに均等に配布するには、すべてのテキストレイヤーを選択し、オプションバーの[垂直方向の中央に配布]ボタンを使用します。箇条書きアイコンをアイコンの左側のテキストに揃えるには、アイコンとテキストレイヤーを選択し、[垂直中央揃え]ボタンを使用します。

バック

Copyright 2018 Adobe 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の登録商標または商標です。