完成したデザインやアートワーク作品をよりスタイリッシュに、よりプロっぽく仕上げることができるモックアップ素材。今回は高品質なデザインが作成できるだけでなく、無料ダウンロードできるPhotoshop用ファイルをまとめてご紹介します。
プレゼンテーション用資料作成に利用したり、プロジェクトにおいて急にイメージ画像が必要になったときなどにもぴったりなアイテムが揃っています。
詳細は以下から。
モックアップ素材の基本的な使い方
今回紹介しているモックップPSD素材の多くが、スマートオブジェクト機能を利用しています。この機能を利用することで、配置またはペーストされた画像を、元の画質を保持したまま編集や拡大・縮小、回転、ワープが可能となります。独立したレイヤーを編集するので、オリジナルPSDを汚さないず手軽にカスタマイズできるメリットがあります。
では実際にモックアップ用PSDファイルをダウンロードして、編集手順を確認しましょう。今回は以下のフリーアイテムを使用しました。
PhotoshopでPSDファイルを開くと以下のようになっていると思います。今回編集するのは一番上に配置された「Card Front」、「Card Back」と書かれたレイヤーです。レイヤーパレット上のサムネイルの右下に、矢印マークがついています。これが、スマートオブジェクトに変換されていることを意味します。では実際に一番上のレイヤーをダブルクリックして、編集作業をはじめましょう。
別ファイルが開き、名刺の表デザインが平面的に表示されました。文字ツールなどを使い、お好みのテキストに変更しましょう。最後にメインメニューより「ファイル」>「保存」（Command / Ctrl + S）。
再度オリジナルPSDファイルに戻り、名刺の裏デザインも同様に編集しましょう。最後に保存したら、スマートオブジェクトレイヤーでの作業は終了です。オリジナルファイルに戻って、デザインを確認しましょう。
先ほど編集した内容を反映して、デザインが切り替わっているのを確認できるかと思います。どんな立体的なモックアップでも平面デザインでカスタマイズできる点が、スマートオブジェクト最大の魅力です。
ダウンロードしておきたい高品質モックアップPSD素材まとめ
Man of Simple Pleasures Free Set
Webサイトのヘッダーに利用されるヒーローイメージを作成するモックアップで、写真で撮影したようなリアルな質感で仕上げることができるアイテム。
ノートパソコンにスピーカー、カメラなどワークスペースにありそうなアイテムを、ステッカーカンカウで自由に並べて活用するモックアップ。
上記アイテムに比べ、イラストレーションで作成されたフラットスタイルのワークスペースアイテムが揃っています。
こちらもフラットスタイルで作成されたオフィス関連ガジェットが揃い、お好みのアイテムを並べることでヒーローイメージを手作りすることができます。
Wine Bottle & Greeting Card Mockup
ワインボトルのラベルにメッセージカードを添えてカスタマイズできるモックアップ。
紙コップを自由にデザインすることができるモックアップで、イベントごとにもかつようできそうなアイテム。
ビンテージの空き瓶やノートブックなどスタイリッシュなアイテムが揃う、合計16種類のモックアップ素材セット。
シンプルな椅子と机が置かれたスペースの前に掛けられたポスターデザインは、自由な額縁カラーとアートワークで仕上げることができます。
Outdoor Advertising PSD Mockup
街角に立っている広告用ビルボードディスプレイのPSDモックアップ素材。イベント用ポスターなどの仕上がりをグッとあげるアイテム。
2種類の写真額縁をセットにしたモックアップ素材で、背景バックグラウンドも一緒に変更可能です。
ブランドコンセプトをうまく伝えることができるステーショナリーグッズが16種類収録。自由に組み合わせてつかえるだけでなく、適用したデザインカラーに応じて反射した影まで変化すする高品質なセット。
Branding / Identity Mockup vol.13
ブランドレイアウトではあまり見かけないペットボトルなども収録されています。
Branding Stationery Mockup vol.4
便せんや封筒などのレターセットに加え、鉛筆や消しゴム、名刺をまとめたブランドレイアウト用モックアップ。
完成したアートワーク作品を手書きカンバスに表現するモックアップ素材。
ボロボロの紙やカーボン紙など4種類の素材に、オリジナルロゴやテキストを適用できるモックアップ。
芝生にお好みのロゴやテキストをスプレーペイントできるモックアップ。
Standing Business Cards Mockups
名刺を立てた状態でデザイン作成できるモックアップ3種類セット。
PSD Business Card Mock-up Vol.26
厚みのある型押しレタープレスデザインの名刺カードを重ねた状態で作成できるモックアップ。
作成したモバイル用サイトやアプリデザインを、立体的なタイル上に並べることができるプレゼンテーション向きモックアップ。
パソコンディスプレイ画面を自由にカスタマイズできるモックアップで、写真レタッチ用に4種類の質感が表現できます。
まるで写真を撮影したような質感で表現する、モバイル＆タブレット用ディスプレイを自由にカスタマイズできます。
仕事やプロジェクトに活用できそうなシチュエーションが揃った、6種類のiPhone 6用モックアップ。
4 Photorealistic iPhone 6 Mockups
作成したモバイル用サイトやアプリデザインを、まるで写真撮影したような品質で完成させる、4種類のモックアップPSD。
