この3D「カード」効果を実現する方法
回答:
多くのデザイナーは、この「アイソメトリック3D」スタイルを実現するために使用できるスマートオブジェクトを使用してPSDファイルを既に作成しています（Tomのおかげです）。
必要なのは、画像またはデザインをスマートオブジェクトレイヤーに置き換え/追加するだけです。
方法は次のとおりです。
1.出発点として使用するPSDファイルをダウンロードする
そこにはたくさんあります、私が試したもののリストはここにあります：
- Perspective Screen MockUp-（http://techandall.com）（推奨）
- アイソメトリックパースペクティブモックアップ-（http://graphicburger.com/）（推奨）
- Perspective App Screens Mockup PSD-（http://graphicsfuel.com/）
- パースペクティブアプリ画面のモックアップ-（http://graphicburger.com/）
- アプリ画面パースペクティブモックアップ-（http://graphicburger.com/）
Pixedenにも優れたリソースがあり、PSD（非常にうまく構築されて設計されています）を購入することについて少し考えましたが、上記の無料のリソースを見つけたら...残りはわかっています。
2.独自の等尺性3Dを作成する
この例では、上記のアイテム＃1で推奨したPerspective Screen MockUp PSDファイルを使用します。
- TechAndAll_Perspective_Screen_MockUp.psdファイルを開きます。
- 「TechAndAll- 3D Screen 1」フォルダー以外のすべてのフォルダーを非表示にします。
- 展開すると、「TechAndALL DOUBLE CLICK ME」という名前のスマートオブジェクトレイヤーが表示されます。
- ダブルクリックすると、拡張子が.psbの別のファイルが開きます。
- すべてのレイヤーを削除します。
- ファイルマネージャーを使用して、デザインをドラッグアンドドロップするだけです。この場合、作成したThe Crowの図面を使用しました。
- 画像の周りのすべての空/不要なスペースをトリミングします。
- キャンバスをトリミングして画像に合わせたら、.psbファイルを保存します。心配しないでください。ソースPSDファイルを上書きすることはありません。
- 元の.psdファイルとvoiláに切り替えます。あなたのデザインを見せるために等尺性の3Dを作成しました...または図面:)
- これがクローズアップです：
- 上記で参照した無料のPSDファイルのいずれかで同じ手順を繰り返します。
その後、アイソメトリックに独自のスタイルを追加するのはあなた次第です。
スマートオブジェクトを使用して名刺用の独自の等尺性を作成する方法を示すビデオを次に示します。驚くほどシンプル：https : //www.youtube.com/watch?v=DZF0HnipaZ0
Illustratorパースペクティブグリッドを使用することをお勧めします。これにより、平面上で物事を簡単に維持および編集できるようになります。
これは私がまとめた非常に簡単な例です：
私は最近、さらに下の方にいくつかの更なる読書リンクを含む遠近感グリッドを扱っている質問に答えました。ベクトルベースのパースペクティブ作業を真剣に考えている場合は、このツールを読むのに最適なツールです。
これを行うには、イラストレーターの回転および押し出しツールを使用します。ここで説明されている他の方法よりも優れている点は、斜めに表示されるようにカードを正確にゆがめることです。
最初にカードの内容をまっすぐに作成します。何が起こっているのかがわかるように、背景はオフホワイトでなければなりません。
カードとコンテンツを選択し、展開してグループ化します。（テキストを展開しない場合でもテキストは編集可能です。ただし、テキストを編集するためにグループ化を解除すると、回転が失われます。適切に回転するにはグループ化する必要があります。後でテキストを編集）
エフェクト/ 3D /押し出しとベベルを行います。これらの設定は、これを1分で作成しました。ストロークとシャドウを慎重に制御すると、非常にリアルにできます。
