• 2018年1月4日

【Vol.5】Company Wall Mockups(企業ロゴ パネル) + ダウンロード

【Vol.5】Company Wall Mockups(企業ロゴ パネル) + ダウンロード

【Vol.5】Company Wall Mockups(企業ロゴ パネル) + ダウンロード 700 433 パソコン生活サポート Pasonal

フリーPSD モックアップの第5弾です。Adobe Dimension CCで作成しています。今回のモックアップは、カンパニーロゴ用のモックアップです。PSD形式でダウンロードできるため、オリジナルのロゴ、テキストを挿入することができます。

【スポンサードリンク】

 

開発環境 / Development

 OS  Windows 10 64bit
 バージョン  Photoshop CC 2018 / Adobe Dimension CC
 サイズ  1920 × 1200 px

 

モックアップって何?

モックアップを作ることは、クライアントとのやり取りにおいて非常に重要な意味を持ちます。モックアップとは簡単に言うと「見本(模型)」のようなものです。プロダクトデザインなど、まず検討レベルの段階においてパソコン上で「ひな形」を作ることが多々あります。

この見本を作ることによって、クライアントはデザインやカラーを見て判断できるので、交渉もスムーズにいくでしょう。これは、「上司」や「グループ間」でのやり取りでも同じです。Photoshopであらかじめ完成されたモックアップを作ることによって、多彩なカラーバーリエーションデザインを簡単に実現することができます。

 

【モックアップの利点】

  • 結果を素早く修正することができる。
  • 作業効率が大幅にアップする。
  • 異なるバリエーションに対応させることが可能。
【スポンサードリンク】

 

カンパニー ロゴ / ガラス

Adobe Dimension CCにて作成。レンダリングに10時間を要しました。やっぱりガラスを描画するのは結構時間が掛かりますね。さて、本作では透明感のあるガラス、光を反射するウォールでリアリティと高級感を出しています。下記のように、ロゴやテキストを挿入することができます。

カンパニー ロゴ / ガラス

 

モックアップの使い方

ダウンロードしたPSDファイルを開いたら、オレンジ色のレイヤーを使って画像を挿入してください。

 

編集するレイヤー

ダウンロードしたPSDファイルを起動させると、下記のようなレイヤー構成となってます。オレンジ色の箇所が編集レイヤー(edit layer)です。それぞれスマートオブジェクトのレイヤーとなっているので、(サムネイルを)ダブルクリックして、別ファイルで開き、画像をキャンバスの大きさに合わせてください。

編集するレイヤー

 

スマートオブジェクトのサムネイルをダブルクリックして開いたら、ロゴ画像とテキストを挿入します。キャンバスの大きさにあうように、配置してください。最後にこのファイルを「Ctrl + S」で上書き保存してください。

保存しないと、元のファイルには変更が反映されません。必ずこのファイルを保存してから閉じてください

画像を取り込み

 

ダウンロードはこちらか

  • ※再配布・販売・その他サイトへのアップロードはできません。
  • 私的利用・商用利用が可能です。
  • 付属のライセンスをご確認ください。
【スポンサードリンク】

 

ダウンロードボタンを押したら、下記のような画面になります。「ダウンロード」の青いボタンをクリックすると、ダウンロードが始まります。

ダウンロードはこちらか

 

その他のモックアップ

フリーモックアップ - 1パネル
 
フリーモックアップ - 1パネル
 
フリーモックアップ - 3パネル
 
フリーモックアップ - 3パネル
 
フリーモックアップ - 2パネル
 
フリーモックアップ - 2パネル
 
4パネル - フロント(イン・ルーム)
 
フリーモックアップ - 4パネル(イン・ルーム)
 

 

きっと役立つPhotoshopのテクニックを向上させる記事

ぱそなる の最新の更新を
プッシュ通知で購読しよう

よかったらシェアしてください

返信を残す

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)