このチュートリアルでは、3D - ライト - シャドウ - エフェクトを、Photoshopだけで名刺用に作成します。このエフェクトは、ロゴや個人のイニシャルに最適です。名刺の表面はシンプルで美しく、遊び過ぎずにモダンな印象です。背景には連絡先や住所情報が表示されます。
このエフェクトについて、3Dユーザーは「非常に簡単で問題ない」と言うでしょう。しかし、このエフェクトはPhotoshopで表現されます。一見すると、シャドウを単独のレイヤーとして作成し、その後に変形されたかのように見えます。しかし、よりリアルに影を表現し、視点の幅を大きく取る方法を示そうと思います。変換を使用した場合とは異なり、3D機能を使用すれば、ロゴを交換したりイニシャルを変更したりすることが非常に簡単になります。
名刺の標準サイズは85×55mmです。不安な場合は、名刺の印刷を扱っているオンライン印刷会社で調べるのが一番です。Flyerpilotでは、Visitenkarten>Vorlagenの下で、サイズやフォーマットなどの有益な情報が提供されます。この場合、サイズが89×59mmの新規ドキュメントを作成します。すべてのページには、最初から2mmのオーバーラップが設定されています。当面はRGBモードです。このカラースペースでのみエフェクトを作成でき、Photoshop CS4 Extendedバージョンでのみ使用可能です。
ルーラーはcmに設定されています。mmの設定を好む場合は、環境設定で変更できます。これにはCtrl+KとCtrl+7を選択します。
ルーラーを使用し、いつでも名刺の端がどのように見えるかを判断できるよう、オーバーラップ領域を設定します。ルーラーが非表示の場合は、Ctrl+Rで表示できます。マウスを使用して、ルーラーから2mm間隔でガイドラインを引きます。Shiftキーを押したままで、ガイドラインを正確にmm単位で配置できます。すべての側面に対して行います。
もしガイドラインがレイアウトの評価に支障をきたす場合は、Ctrl+Hで非表示にできます。ただし、変換コントロール、選択なども非表示になります。新しいレイヤーを作成し、50%のグレーで塗りつぶします。これは、Ctrl+Shift+NとShift+Deleteのキーボードショートカットで簡単に行えます。
新しいレイヤーに希望のロゴを配置し、この場合はPSDバタフライを使用します。ロゴはスマートオブジェクトとしてドキュメントに挿入されます。バタフライをぎりぎりのスペースに配置できるように拡大します。グレーのレイヤーとロゴのレイヤーをそれぞれ3Dレイヤーに変換します。該当するレイヤーを選択し、メニューから3D>新しい3Dポストカードレイヤーを選択して3Dレイヤーに変換します。
両方のレイヤーには、右下にスマートオブジェクトのようなアイコンが表示されます。
3Dオブジェクト回転ツールKを呼び出します。メニューバーで3D設定オプションが有効になります。ここで、x軸の方向を-90に設定します。これで立体的になります。グレーのレイヤーはロゴが置かれた床となります。グレーは文書ビューに床として配置されているため表示されません。
オブジェクトを回転させることで、立体的な見え方を確認できます。
ただし、両方の3Dレイヤーを選択して、1つの3Dレイヤーに縮小します。編集メニューで行わずに、メニューから3D>3Dレイヤーを1つにまとめるで行います。 レイヤーの内容は引き続き個別に編集できます。グレーの3Dレイヤーを選択し、メニューからウィンドウで3Dパネルを開きます。メッシュを表示するようにビューをフィルタリングし、グレーのフロアに関連する3Dレイヤーを選択します。メッシュ引っ張るツールを使用して、グレーのレイヤーを下方向に引っ張り、バタフライが停止する場所に配置します。結果的に、バタフライはグレーレイヤー上に乗るか、その直上に飛びます。
3Dオブジェクト回転ツールを使用して視点を変更すると、徐々に3Dの立体感を感じることができます。
3Dパネル内のメッシュスケーリングツールを使用して、グレーの表面を拡大することができます。上に向けて面積を直感的に引き上げ、限界まで拡大します。次に、光源を配置し、光と影が効果的に表れるのに十分な面積が必要になります。
画像にまだ白い箇所が残っている場合、新しいレイヤーを作成して、50%グレーで塗りつぶすか、背景レイヤーをグレーで塗りつぶします。
これで蝶を将来の画像に配置することが望ましいです。 3Dオブジェクト回転ツール を使用して、蝶を正しい位置に回転させます。 移動ツール を使用して、蝶を画像の右端に移動します。
3Dパネル でライトソースをフィルタリングします。 メニューから 新しいスポットライト を選択します。
その後、 3Dパネル のフッターでライトソースを有効にします。
今、蝶の後ろ右側にライトを配置し、蝶を後ろから照らし、影と光を蝶の前の床に配置します。 ライトを 回転、 ドラッグ、 移動 の3つのツールを使用します。
ライトのワイヤーフレームが正しいパスを示している場合、 3Dパネル でシーン全体をフィルタリングできます。 ここで、 レイトレースド をプリセットとして選択すると、ライトとシャドウがレンダリングされます。
それから、光の微調整を行うか、画像に別のライトを追加できます。
カラーモード の新しいレイヤーで名刺に美しいライラック色の色調を与えます。
これにより、蝶と完璧に調和されるように、 3Dレイヤー 内の蝶レイヤーをダブルクリックします。 その結果、 スマートオブジェクト の編集用に PSBファイル が開きます。 好みの色で蝶のための カラーオーバーレイ を設定します。
PSBファイルを保存すると、PSDファイルも更新されます。
左端のシャドウがやや厳しいように見えます。 そのため、 3Dパネル で10%の柔軟性を設定します。 これにより、シャドウがよりリアルに見えるようになります。
最後の手順として、フォントFutura LTで白いテキストを使ってテキストを作成します。 上段はフォントサイズ14、下段は11です。
フロントサイド - そして3D光と影の効果 - が完成しました。
この方法の利点は、 PSBファイル でロゴを編集できることです。 変更するたびにオリジナルが自動的に更新されます。 例えば、この時、ロゴを非表示にして「MP」という頭文字のテキストレイヤーを作成すると、3D光と影の効果を持つファイルが作成されます。
頭文字には今、3D光と影の効果が施されています。
すべてのレイヤーをグループ化し、「フロントサイド」と名前を付けます。 もう一つのグループをリアーサイドのために作成します。 下部に 矩形ツール を使用して、フロントサイドのライラック色をリアーサイドにもつながるライラック色の枠を作成します。 ロゴを配置し、同様にこのライラック色で下地を作ります。 最後のステップは、連絡先情報と住所情報を追加します。
重要:ドキュメントをCMYKに変換する前に、変更が可能なようにPSDとして保存します。 ドキュメントを変換するときは、RGBからCMYKに変換します。 その後、PDFファイルとして保存します。 「ファイル」>「モードからRGBをCMYKに変更」メニューでドキュメントを変換します。 その後、PDFファイルとして保存します。 その際、「保存先」を選択し、「PDF形式」を選択してファイル名を付けます。 印刷する際には、ファイルを標準PDF/X-4形式で書き出すと適切です。
多くの印刷業者は、印刷データに注意すべき点についてのヒントを提供しています。 例えば、オンライン印刷業者であるFlyerpilot.deは、名刺のチェックリストとして、エクスポート時に注意する事項の概要を提供しています:
印刷業者が透明度に問題を抱えていないかどうかを確認することは重要です。 特に、ベクトルグラフィックとエフェクト付きのフォント(ドロップシャドウなど)を使用している場合に重要です。 例えば、印刷体での塗装量が280%を超えてはいけないと述べられています。 レイアウト作業にはAdobe InDesignがお勧めですが、ファーマットの色を維持できるのはPhotoshopではありません。 RGBからCMYKに変換すると、黒い文字に純粋な黒色ではなく、4色での出力を得ます。 Acrobatで 詳細>印刷プロセス>出力プレビュー を選択すると、黒いテキストがより高い塗装量であることがわかります。
それゆえ、InDesignでのレイアウト作業がない場合、カラーモードを変更してからフォントを設定したり、その後にCMYの色値からクリーンアップすることが賢明です。これは、単にCMY値で黒いフォントをゼロに設定することで実現できます。
オンライン印刷会社の利点は、Papier/Anzahlなどの変化する入力値によるリアルタイム見積もりができることです。支払い方法にはPayPalも対応しています!
必要に応じて、ファイルのプローフを実行して、すべてが正常であることを確認することもできます。
最終成果物 - ブリード設定を含む: