フリーPSD モックアップの第５弾です。Adobe Dimension CCで作成しています。今回のモックアップは、カンパニーロゴ用のモックアップです。PSD形式でダウンロードできるため、オリジナルのロゴ、テキストを挿入することができます。
[s_ad]
開発環境 / Development
| OS | Windows 10 64bit |
|---|---|
| バージョン | Photoshop CC 2018 / Adobe Dimension CC |
| サイズ | 1920 × 1200 px |
モックアップって何？
モックアップを作ることは、クライアントとのやり取りにおいて非常に重要な意味を持ちます。モックアップとは簡単に言うと「見本（模型）」のようなものです。プロダクトデザインなど、まず検討レベルの段階においてパソコン上で「ひな形」を作ることが多々あります。
この見本を作ることによって、クライアントはデザインやカラーを見て判断できるので、交渉もスムーズにいくでしょう。これは、「上司」や「グループ間」でのやり取りでも同じです。Photoshopであらかじめ完成されたモックアップを作ることによって、多彩なカラーバーリエーションやデザインを簡単に実現することができます。
【モックアップの利点】
- 結果を素早く修正することができる。
- 作業効率が大幅にアップする。
- 異なるバリエーションに対応させることが可能。
[s_ad]
カンパニー ロゴ / ガラス
Adobe Dimension CCにて作成。レンダリングに10時間を要しました。やっぱりガラスを描画するのは結構時間が掛かりますね。さて、本作では透明感のあるガラス、光を反射するウォールでリアリティと高級感を出しています。下記のように、ロゴやテキストを挿入することができます。
モックアップの使い方
ダウンロードしたPSDファイルを開いたら、オレンジ色のレイヤーを使って画像を挿入してください。
編集するレイヤー
ダウンロードしたPSDファイルを起動させると、下記のようなレイヤー構成となってます。オレンジ色の箇所が編集レイヤー（edit layer）です。それぞれスマートオブジェクトのレイヤーとなっているので、（サムネイルを）ダブルクリックして、別ファイルで開き、画像をキャンバスの大きさに合わせてください。
スマートオブジェクトのサムネイルをダブルクリックして開いたら、ロゴ画像とテキストを挿入します。キャンバスの大きさにあうように、配置してください。最後にこのファイルを「Ctrl + S」で上書き保存してください。
保存しないと、元のファイルには変更が反映されません。必ずこのファイルを保存してから閉じてください。
ダウンロードはこちらか
[wpdm_button_template id=21234 style=”instagram” align=”left”]
- ※再配布・販売・その他サイトへのアップロードはできません。
- 私的利用・商用利用が可能です。
- 付属のライセンスをご確認ください。
[s_ad]
ダウンロードボタンを押したら、下記のような画面になります。「ダウンロード」の青いボタンをクリックすると、ダウンロードが始まります。
その他のモックアップ
[f_Mockups]
きっと役立つPhotoshopのテクニックを向上させる記事
[f_PhotoshopPosts]