デザインがグッと良くなる、すごい無料モックアップPSD素材まとめ
完成したウェブサイトやモバイルアプリを、より魅力的に仕上げたいと思ったことはないでしょうか。そんなときは、無料ダウンロードできるモックアップ素材を利用してみましょう。ほんのひと手間加えるだけのお手軽編集で、プレゼンテーションやクライアント向け企画書などの見た目を、グッと良くすることができます。
Free
Mockup
モックアップとは、デザインの試作段階で、外見を実物そっくりに似せてつくることを指します。Photoshopのスマートオブジェクト機能を利用することで、手軽に高品質なモックアップを作成することができます。また、ウェブ制作などでクリエイティブ、写真素材などが足りないときにも便利です。
ステップ１ モックアップを開こう。
あらかじめダウンロードしておいたモックアップPSDファイルを、Photoshopで開きましょう。今回はサンプルとして、Art Equipment Mockup を利用しています。レイヤーカンバスより、サムネイルの右端にマークの付いたレイヤーを探します。これが「スマートオブジェクト」機能です。レイヤーをダブルクリックしましょう。
ステップ２ スマートレイヤーを編集しよう。
スマートオブジェクトは、配置またはペーストされた画像を、元の画質を保持したまま編集や拡大・縮小、回転、ワープが可能な機能です。新しくカンバスが開くので、元ファイルの非破壊での編集が可能です。
ステップ３ 画像ファイルを用意しよう
今回は用意していおいたアートワークを利用します。もちろん、文字やパターンなどお好みのツールで、カンバス内をデザインすることができます。
ステップ４ 画像ファイルを読み込もう。
ドラッグ＆ドロップで画像ファイルをカンバスに読み込み、自由な位置に配置しましょう。編集が終わったら、メインメニューより「ファイル」>「保存」（Command+Sでショートカット）でファイルを保存し、元ファイルを再度開いてみましょう。
ステップ５ 完成です。
デザインにほんの少しだけ時間を費やすことで、本物そっくりで本格的なモックアップ素材をつくることができます。以下では、無料ダウンロードできるモックアップPSD素材を、カテゴリー別にまとめてご紹介しています。
作成した名刺をより魅力的にしたり、ブランディングに活用できるアイテムを中心に揃えています。
ビール瓶ラベルや洋服や靴などのアパレル製品、インテリア家具、お店の看板など個性的なアイテムが揃います。
カンバスや雑誌マガジン、携帯ノートなど特に、イラストやグラフィック画をカッコ良く見せたいときに、重宝するモックアップ素材が中心です。
Facebook社が公式に公開しているモックアップコレクションから、Webデザインやモバイルアプリを、よりクールに魅せることができるアイテムが揃います。
今回紹介した素材は、無料ダウンロードできるものだけを揃えています。これを機会にモックアップを活用してみてはいかがでしょう。