Advertisement

40mockups_top

 

ひらめいた優れたアイデアやコンセプトは、人々にわかりやすく説明する必要があります。そんなときにプロトタイプやスケッチなどを使い、アイデアを形にしてみましょう。

 

 

たとえばモバイルアプリのコンセプトを人に伝える場合、平面的にスケッチされたワイヤーフレームなどでももちろん伝えることは可能です。しかし、よりリアリティーのあるデザイン素材を利用することで、より効果的に説明することができるかもしれません。そんなときは、モックアップ素材の出番です。

 

 

海外デザインブログWebdesignerDepot.comで、アイデアやコンセプトを形にする、モックアップ用PSDファイルやアクション素材をまとめたエントリー「40+ Free PSDs and Actions for Mock-Ups」が公開されていたので、今回はご紹介します。

 

 

今後のプロジェクトやプレゼンテーションやデザイン資料として、活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

アイデアやコンセプトを形に、無料モックアップ用PSDファイル&アクション素材

 

ブランドコンセプト、印刷プリント関連

 

Stationary Branding Mock Up vol.1

ノートや名刺、鉛筆、封筒などのステーショナリーグッズに加え、スマートフォン、CDなどのブランドレイアウト用無料PSDファイル。

mockUp01

 

 

 

Coporate Identity Photoshop Mock-Up (PSD)

ショッピングバックや消しゴムなども追加された、コンセプトデザインPSD素材。こちらの記事で詳しく触れています。

Corporate-Identity-Mockup-free-psd

 

 

 

Poster Mockup Template (PSD)

お気に入りのデザインを、まるで人が持っているかのようにしてしまう、ポスター作成用モックアップ。

poster_mockup_preview_lrg

 

 

 

13 Free Professional Mockups vol.1

ロゴなどのデザインを用意するだけで、13種類のプロフェッショナルなモックアップ素材に変身させる、お徳アクション素材セット。 こんな透明名刺デザインもボタン一つで完成です。

free_transparent_business_card_mockup

 

 

 

PSD Business Card Mock-Up vol.2

名刺を重ねて撮影した様子を、画像一枚用意するだけで完成させる、無料PSDモックアップ。

001-psd-businees-card-mock-up-template-3d-background

 

 

 

Flyer / Poster Mockup vol.1

ポスターやイベントフライヤーが完成したら、こちらのアクションで、スタイリッシュに並べてみてはいかがでしょう。

Flyer-Poster-Mockup-preview

 

 

 

Magazine Mockup 03

雑誌を見開いた状態をリアルに再現した、モックアップ用PSDファイルとなっており、どんなデザインでも立体的に仕上げます。

Magazine-Mockup-03-Free-Stuff-Friday

 

 

 

PSD Bifold Brochure Mock-Up Template

まるで印刷したような、パンフレットの見開き状態と表紙をデザインする、無料PSDモックアップ。

001-bi-fold-brochure-psd-mock-up-template

 

 

 

Paper Fold Photoshop Generator

完成したデザインに、折り目をつけ、立体感を演出するアクション素材。

fold-paper-photoshop-action

 

 

 

Magic 3D Photoshop Action

どんな平面的なデザインも、ボタン一つで立体化してしまうユニークなPhotoshopアクション。

magic-3d

 

 

 

 アパレル関連

 

Tshirt Mockup Template PSD

どんなデザインもまるでTシャツにプリントしたような、立体感たっぷりで表現するモックアップPSD素材。

002-t-shirt-mock-up-template-psd

 

 

 

Shirt PSD v2

こちらはTシャツのみをデザインした無料モックアップPSDで、Tシャツのカラー変更にも対応しています。

Shirt_PSD_V2_by_GrahamPhisherDotCom

 

 

 

B665 Flat Peak PSD

NewEraキャップを連想させるモックアップ素材で、ロゴの追加の他に、カラー変更などにも対応できますよ。

b665_flat_peak_psd_by_theapparelguy-d4a9v64

 

 

 

ガジェット、テクノロジー関連

 

Macbook Air – Fully Scalable PSD

薄さが魅力のひとつでもあるMacbook Airで、本物そっくりに再現されています。もちろんデスクトップ画面のカスタマイズも可能です。

Macbook-Air-Fully-Scalable-PSD-for-Free-Download-cssauthor.com_1

 

 

 

Free PSD Smartphones Mockups

トレンドにもなっているフラットデザインを採用した、スマートフォン用モックアップ素材。シンプルなイラスト調なので、どんなデザインにも合わせやすいですよ。

smartphones-psd-mockups

 

 

 

iPhone 5 PSD Landscape Mockup

横置きタイプのiPhone 5をリアリティたっぷりに、モックアップ用に制作されています。

001-iphone-mobile-retina-display-landscape-black-white-mockup-psd

 

 

 

PSD iPad Perspective Mockup

こちらはiPadを斜め置きしたモックアップデザインとなっており、サイズ変更可能なベクターPSDとなっています。

001-ipad-landscape-black-white-3d-perspective-mockup-psd

 

 

 

Glaxy S3 White Vector PSD Mockup

AndroidモバイルSamsungのGalax S3を、斜めから眺めた様子を再現する無料ベクター素材。デスクトップ画面は自由にカスタマイズ可能です。

galaxy-s3-psd-mockup

 

 

 

Responsive Design Mock-Up Pack

ウェブサイトをレスポンシブ対応させたときなどによさそうなモックアップPSDファイルで、デスクトップからMacbook、iPad、iPhoneをまとめて収録しています。

640x440x1_Responsive_Screen_Mockup_Pack_Preview1

 

 

 

Free PSD Safari Browser Mockup

Safariブラウザのフレーム部分のみを忠実に再現した、無料モックアップPSD素材で、プレゼンテーション資料作成などにも役立ちます。

free-psd-safari-browser

 

 

 

その他ユニークモックアップ素材

 

Wallet CD Mockup (Free PSD)

ペーパータイプのケースに収納された、レコード盤にも似たCDモックアップデザインPSD。 使用感を出した、紙のクタクタ感も絶妙。

Sleeve-Wallet-CD-01

 

 

 

Visa Credit Card Mockup PSD

刻印されたようなフォントエフェクトなどリアルなクレジットカードを作成する、無料モックアップPSD素材。ほんと、なんでもありますね、。

visa-credit-card-PSD(2)

 

 

 

Photoshop PSD Packaging Templates

アイスクリームカップ、ポテトチップ袋、透明瓶、醤油などがはいった小袋に、オリジナルロゴやテキスト文字を配置できます。

Sandwich_Spread-300x300

 

 

 

930G Steel Canister Coffee PSD

ピーナッツなどが入っていそうな、スチール缶モックアップ素材。デザイン画を用意するだけで、後はアクションを使って自動再生するだけ。

930g-Steel-Canister-Coffee-PSD-Cover-Action-_-PSDCovers-2013-05-16-14-25-25

 

 

 

Paper Chip Bag PSD Mockup Cover Action

紙製の袋が高級感を演出する、オリジナルポテトチップ用モックアップ。

Paper-Chip-Bag-PSD-Mockup-Cover-Action-_-PSDCovers-2013-05-16-14-25-50

 

 

 

Soda Can Free PSD

2次元デザイン画を立体的に仕上げるアクション素材で、本物そっくりのアルミ缶を作成します。

soda_can_00

 

 

参照元リンク : 40+ Free PSDs and Actions for Mock-Ups – WebDesignerDepot.com