ホームページ広告をデザインする際に仮のデザインでもイメージを作っておきたいことがあります。そんな時に大変便利なのがPSDファイルです。

PSDファイルの大半は、レイヤーが分かれた状態で保存されているため、編集・カスタマイズがしやすいのが特徴です。また、デザインテクニックを学ぶためにも利用できます。
最近では、フリーでも優れたデザインのものが多く、モックアップからアイコンまで種類も豊富です。

今回は、実際にデザインする際に使いやすいものをメインに無料のPSDファイルを80個に厳選してご紹介します。デザインアイデアの参考にもなりますので、是非活用してみてください。

デザインの参考にもできる無料のPSDファイル

1.フラットなデザインのユーザー·インタフェース·テンプレート

フラットなデザインのユーザー·インタフェース·テンプレートト
http://jp.freepik.com/free-psd/user-interface-template-in-flat-design_708297.htm

ピンク、オレンジ、ブルーの配色がPOPなUIテンプレートのPSD素材です。

2.改ページのデザインテンプレート

改ページのデザインテンプレート
http://jp.freepik.com/free-psd/pagination-design-template_702147.htm

シンプルな改ページのデザインを収録したPSD素材です。

3.価格表デザインのセット

価格表デザインのセッ
http://jp.freepik.com/free-psd/price-table-set-psd_579050.htm

黒にメタリックカラーを合わせた高級感ある価格表テンプレート素材です。

4.売上グラフのデザインテンプレート

売上グラフのデザインテンプレー
http://jp.freepik.com/free-psd/sales-graph-design-template_702151.htm

ビジネス資料のデザインに取り入れたい売上げグラフのテンプレートです。

5.Branding / Identity Mockup vol.7

Branding / Identity Mockup vol.7ト
http://graphicburger.com/branding-identity-mockup-vol-7/

デスクをリアルにデザインしたモックアップPSD素材です。

6.iPhone 5S Flat Mockup

iPhone 5S Flat Mockup
http://freebiesbug.com/psd-freebies/iphone-5s-flat-mockup/

シンプルなフラットデザインで描かれたiPhone5Sのモックアップです。

7.Mobile Wireframe Kit PSD

Mobile Wireframe Kit PSD
http://www.cssauthor.com/mobile-wireframe-kit-psd/

ワイヤーフレーム作りに最適な携帯電話のPSD素材です。

8.Ebony & Ivory Branding Mockup

Ebony & Ivory Branding Mockupト
http://www.techandall.com/ebony-ivory-branding-mockup/

シンプルでクールな文具のモックアップ素材です。

9.Free PSD Social Media Icons

Free PSD Social Media Icons
http://freepsdfiles.net/icons/free-psd-social-media-icons

ソーシャルメディアのアイコンを2タイプ40個収録した素材セットです。

10.Free Flat UI Kit

Free Flat UI Kit
http://freepsddownload.com/psd/free-flat-ui-kit-with-beautiful-ui-elements/

アプリ設計で使えるシンプルなフラットデザインのUIキットです。

11.Free PSD Web Buttons Set 2

Free PSD Web Buttons Set 2
http://freepsdfiles.net/buttons/free-psd-web-buttons-set-2

ホームページ向けのボタンを35個収録した素材セットです。

12.iPhone5S holding hand mockup

iPhone5S holding hand mockup
http://freebiesbug.com/psd-freebies/iphone5s-holding-hand-mockup/

iPhone5Sを手に持っている状態がデザインしたモックアップ素材です。

13.Old Crumpled T-Shirt Mockp PSD

Old Crumpled T-Shirt Mockp PSD
http://www.graphicsfuel.com/2014/01/old-crumpled-t-shirt-mockup-psd/

しわ加工がお洒落なTシャツのデザインが出来るモックアップ素材です。

14.polariod peperclips

polariod peperclips
http://jp.freepik.com/free-psd/polariod-peperclips_578968.htm

イメージ写真を入れて使える、ポラロイドとペーパークリップのPSD素材です。

15.responsive-devices-psd-mockup

responsive-devices-psd-mockup
http://jp.freepik.com/free-psd/responsive-devices-psd-mockup_676252.htm

シンプルにデザインしたアップル製品のPSDモックアップです。

16.Free PSD Flat City Design

Free PSD Flat City Design
http://freepsdfiles.net/illustrations/free-psd-flat-city-design

フラットにデザインした都市のPSD素材10種セットです。

17.Free PSD Map Pins

Free PSD Map Pins
http://freepsdfiles.net/graphics/free-psd-map-pins

カスタマイズして使える21個のマップピンPSD素材セットです。

18.Free PSD Restaurant Menu Covers

Free PSD Restaurant Menu Covers

http://freepsdfiles.net/print-templates/free-psd-restaurant-menu-covers

レストラン、食品関連で使えるリアルなメニューカバーのPSDモックアップ素材です。

19.Opened Book Free PSD Graphic

Opened Book Free PSD Graphic
http://freepsdfiles.net/graphics/opened-book-free-psd-graphic

ブックを開いた状態のPSDモックアップ素材です。

20.Business cards mockup

Business cards mockup
http://freebiesbug.com/psd-freebies/business-cards-mockup/

ウッド素材のテーブルに置いた名刺のPSDモックアップです。

21.Photo frame PSD mockup

Photo frame PSD mockup
http://freebiesbug.com/psd-freebies/photo-frame-psd-mockup/

ポスターのデザインが簡単に出来るリアルなフォトフレームのモックアップです。

22.9 Origami Ribbons PSD Set

9 Origami Ribbons PSD Set
http://freepsdfiles.net/buttons/9-origami-ribbons-psd-set

オリガミテイストなリボンを9個セットにしたPSD素材です。

23.4 Curled PSD Stickers

Curled PSD Stickers
http://freepsdfiles.net/buttons/4-curled-psd-stickers

端のカールが特徴的な立体感のあるPSDステッカー素材セットです。

24.iPhone app wireframes

iPhone app wireframes
http://freebiesbug.com/psd-freebies/iphone-app-wireframes/

アプリのデザインで使えるiPhoneアプリのワイヤーフレームです。

25.UX gesture se

UX gesture se
http://freebiesbug.com/psd-freebies/ux-gesture-set/

様々なジェスチャーを12個セットにしたPSD素材です。

26.5 retro badges / insignias

5 retro badges / insignias
http://freebiesbug.com/psd-freebies/5-retro-badges-insignias/

簡単にヴィンテージ風バッジを作ることができるPSD素材です。

27.15 free PSD ribbons

15 free PSD ribbons
http://freebiesbug.com/psd-freebies/15-free-psd-ribbons/

カスタマイズしやすいシンプルなPSDリボン素材15個セットです。

28.Responsive Showcase PSD vol.2

Responsive Showcase PSD vol.2
http://www.pixeden.com/psd-web-elements/responsive-showcase-psd-vol2

プレゼンで使える、レスポンシブコンテンツをクールに見せるPSD素材です。

29.Poster Frame PSD MockUp

Poster Frame PSD MockUp
http://graphicburger.com/poster-frame-psd-mock-up/

ポスターを立てかけたイメージが作れるポスターフレームのモックアップです。

30.Multi-Screen Laptop Mock-Up

Multi-Screen Laptop Mock-Up
http://www.techandall.com/multi-screen-laptop-mock-up/

マルチページレイアウトに最適な立体スクリーンのモックアップ素材です。

31.Flatastic Mobile UI Kit

Flatastic Mobile UI Kit
http://thedesigninspiration.com/flatastic-mobile-ui-kit/

フラットスタイルのモバイルUIキットを収録した素材です。

32.Organic Free Website PSD Template

Organic Free Website PSD Template
http://www.blazrobar.com/2013/free-psd-website-templates/organic-free-website-psd-template/

配色の参考にもなる、パステルカラーのホームページテンプレートです。

33.iPhone 5C Flat Design MockUp

iPhone 5C Flat Design MockUp
http://www.pixeden.com/psd-mock-up-templates/iphone-5c-flat-design-mockup

iPhone5Cの5色を揃えたフラットデザインのPSDモックアップです。

34.iPhone 5S Mockup

iPhone 5S Mockup
http://www.psdchat.com/resources/freebie-iphone-5s-mockup/

シンプルにデザインしたiPhone5SのPSDモックアップです。

35.Modern Touch UI Kit

Modern Touch UI Kit
http://www.webresourcesdepot.com/free-and-flat-ui-kit-modern-touch-exclusive/

モダンな印象のフラットデザインUIキットです。

36.15 Beautiful PSD Badges for Free

15 Beautiful PSD Badges for Free
http://www.1stwebdesigner.com/psd-badges-free/

クオリティの高いPSD形式のバッジ素材15個セットです。

37.Softies

Softies
http://www.elegantthemes.com/blog/freebie-of-the-week/colorful-playful-softies-icons

遊び心あるカラフルなデザインのフラットアイコンセットです。

38.Flat credit cards PSD

Flat credit cards PSD
http://freebiesbug.com/psd-freebies/flat-credit-cards-psd/

シンプルなフラットデザインのクレジットカードPSD素材です。

39.New Retro Portfolio [v4] – Free PSD

New Retro Portfolio [v4] – Free PSDト
http://freebiesbug.com/psd-freebies/new-retro-portfolio-v4-free-psd/

ポートフォリオページのデザインに最適なレトロカラーのテンプレートです。

40.17+ Elegant Ribbons PSD

17+ Elegant Ribbons PSD
http://freebiesbug.com/psd-freebies/17-elegant-ribbons-psd/

ツヤ感がエレガントな17個のPSDリボンセットです。

41.La Shoopa – PSD eCommerce Template

La Shoopa – PSD eCommerce Template
http://freebiesbug.com/psd-freebies/la-shoopa-psd-ecommerce-template/

シンプルデザインのEコマース向けPSDテンプレートです。

42.PSD Landing page for apps

PSD Landing page for apps
http://freebiesbug.com/psd-freebies/psd-landing-page-apps/

アプリ向けのPSDランディングページテンプレートです。

43.Clean UI Kit – Sketch

Clean UI Kit – Sketch
http://freebiesbug.com/psd-freebies/clean-ui-kit-sketch/

シンプルなミニマルデザインのUIキットです。

44.ビジネスモックアップPSD素材

ビジネスモックアップPSD素材
http://jp.freepik.com/free-psd/business-mockup-psd-material_708042.htm

ビジネス関連のアイテムを揃えたPSDモックアップです。

45.フリーPSDコルクボード

フリーPSDコルクボード
http://jp.freepik.com/free-psd/free-psd-cork-board_568087.htm

リアル感のあるコルクボードのPSD素材です。

46.Web UIのデザイン要素

Web UIのデザイン要素
http://jp.freepik.com/free-psd/web-ui-design-elements-psd_597134.htm

クレジットのアイコン、ボタン、リボンと様々なアイテムを揃えたセットです。

47.フレームデザイン素材

フレームデザイン素材
http://jp.freepik.com/free-psd/free-psd-frames_567967.htm

ユニークな形状のフレームデザインを揃えたPSD素材です。

48.近代的な形状のインフォグラフィック

近代的な形状のインフォグラフィック
http://jp.freepik.com/free-psd/modern-shape-infographics_701382.htm

資料作成時に使いたい、インフォグラフィックのPSD素材です。

49.創造的なPSDボタン

創造的なPSDボタン
http://jp.freepik.com/free-psd/creative-psd-buttons-styles-set_597487.htm

ボタンデザインをする際に使えるPSD素材のセットです。

50.Camera Marketing

Camera Marketing
https://dribbble.com/shots/1952696-Camera-Marketing-Website-Design-Free-PSD

カメラマンのホームページをテーマにしたPSDテンプレートです。

51.Exquisite modern app psd icons

Exquisite modern app psd icons
http://freedesignfile.com/120924-exquisite-modern-app-psd-icons/

アプリケーションのアイコンを丸の中にデザインしたPSD素材です。

52.Retro style bakery website template

Retro style bakery website template
http://freedesignfile.com/120595-retro-style-bakery-website-template/

パン屋をテーマにしたレトロなデザインのホームページテンプレートです。

53.Paper cup coffee Layered PSD

Paper cup coffee Layered PSD
http://freedesignfile.com/101925-paper-cup-coffee-layered-psd/

ペーパーカップのコーヒーがデザイン出来るモックアップです。

54.Simple system line icons

Simple system line icons
http://freedesignfile.com/101614-simple-system-line-icons/

シンプルに線だけでデザインしたPSDのアイコン素材です。

55.Vintage camping outdoors icon

Vintage camping outdoors icon
http://freedesignfile.com/113486-vintage-camping-outdoors-icon/

キャンプ、アウトドアをモチーフにしたレトロカラーのPSDアイコンです。

56.Transparent iPhone phone psd templates

Transparent iPhone phone psd templates
http://freedesignfile.com/100961-transparent-iphone-phone-psd-templates/

透明にデザインしたiPhoneのPSDテンプレートです。

57.Small fine white web icons psd

Small fine white web icons psd
http://freedesignfile.com/99051-small-fine-white-web-icons-psd/

シンプルに白一色でデザインした小さなホームページ向けPSDアイコンです。

58.Glass texture colored buttons psd

Glass texture colored buttons psd
http://freedesignfile.com/97553-glass-texture-colored-buttons-psd/

光沢感のあるカラーボタンのPSD素材セットです。

59.Creative web navigation psd material set

Creative web navigation psd material set
http://freedesignfile.com/96503-creative-web-navigation-psd-material-set/

スタイリッシュなデザインのナビゲーションバーPSD素材です。

60.Sports & Leisure style website template

Sports & Leisure style website template
http://freedesignfile.com/96356-sports-leisure-style-website-template/

スポーツ、レジャーのホームページに最適なPSDテンプレートです。

61.Simple outline icons psd material

Simple outline icons psd material
http://freedesignfile.com/96308-simple-outline-icons-psd-material/

シンプルにアウトラインだけ描いたPSDアイコンのセットです。

62.Free psd arrow buttons set

Free psd arrow buttons set
http://freedesignfile.com/92112-free-psd-arrow-buttons-set/

矢印とボタンをバリエーション豊富に揃えたPSD素材セットです。

63.Food world website template psd

Food world website template psdト
http://freedesignfile.com/121083-food-world-website-template-psd/

高級感のある、飲食店向けホームページテンプレートです。

64.Vintage tags psd graphics

Vintage tags psd graphics
http://freedesignfile.com/85780-vintage-tags-psd-graphics/

ヴィンテージ感のあるお洒落なタグのPSD素材です。

65.Creative red icons psd material

Creative red icons psd material
http://freedesignfile.com/95191-creative-red-icons-psd-material/

赤でデザインしたスタイリッシュでクールなPSDアイコンセットです。

66.Website design elements psd material set

Website design elements psd material set
http://freedesignfile.com/83208-website-design-elements-psd-material-set/

ホームページのデザインに使えるPSD素材のセットです。

67.Website navigation PSD layered material

Website navigation PSD layered material
http://freedesignfile.com/83205-website-navigation-psd-layered-material/

4種の異なるテイストのナビゲーションバーを収録したPSDセットです。

68.Food and Tableware psd icons

Food and Tableware psd icons
http://freedesignfile.com/82891-food-and-tableware-psd-icons/

食品とテーブルウェアのPSDアイコンを豊富に収録したセットです。

69.Vanilla Cream Style UI kit

Vanilla Cream Style UI kit
http://freedesignfile.com/80804-vanilla-cream-style-ui-kit/

バニラクリームのような優しいカラーでデザインしたUIキットです。

70.10 Kind Retor Badges psd material

10 Kind Retor Badges psd material
http://freedesignfile.com/80039-10-kind-retor-badges-psd-material/

レトロなデザインのPSDバッジ10個を収録したセットです。

71.Black Style Player navigation bar psd

Black Style Player navigation bar psd
http://freedesignfile.com/80036-black-style-player-navigation-bar-psd/

クールなブラックカラーでデザインしたナビゲーションバーのPSD素材です。

72.White flat web button psd

White flat web button psd
http://freedesignfile.com/79407-white-flat-web-button-psd/

白でデザインしたフラットなホームページボタンのPSDセットです。

73.Wood UI kit psd material

Wood UI kit psd material
http://freedesignfile.com/78889-wood-ui-kit-psd-material/

ウッドデザインが印象的なUIキットです。

74.Green Nature psd background

Green Nature psd background
http://freedesignfile.com/78886-green-nature-psd-background/

緑と青空をデザインした背景向けPSD素材です。

75.Blue Style Business website template

Blue Style Business website template
http://freedesignfile.com/78895-blue-style-business-website-template/

ビジネスに最適なブルーを基調としたホームページテンプレートです。

76.Water Wave psd material

Water Wave psd material
http://freedesignfile.com/78724-water-wave-psd-material/

持っておくと便利な水のPSD素材です。

77.Vintage Retro Labels and Tags

Vintage Retro Labels and Tags
http://freedesignfile.com/78135-vintage-retro-labels-and-tags/

ヴィンテージ感漂うレトロなラベル、タグのPSD素材です。

78.4 New iMac Mockup Prospectives

4 New iMac Mockup Prospectives
http://xoo.me/template/details/17603-4-new-imac-mockup-prospectives

4方向からデザインしたMacのPSDモックアップ素材です。

79.Old chalkboard PSD template

Old chalkboard PSD template
http://www.freepik.com/free-psd/old-chalkboard-psd-template_701500.htm

デザインに取り入れたい、古びたチョークボードのPSDテンプレートです。

80.Floral PSD Website Template

Floral PSD Website Template ト
http://ui-cloud.com/floral-psd-website-template/

上部に花のデザインを取り入れた、ナチュラルな雰囲気のテンプレートです。

まとめ

いかがでしたでしょうか。無料で使えるPSDファイルを80個に絞ってご紹介しました。

ダウンロードしてそのままホームページのデザインに使うことも出来ますし、一部を画像化して使うなどの利用も出来ます。
レイヤーが整理されているメリットを生かして、テクニックを盗むのもオススメです。解体していくことで、手軽にプロの技を身につけることができます。

今回ご紹介したPSDファイルは全てフリーで使えるものではありますが、素材ごとにライセンスが異なります。
無料ではあるけれど商用利用出来ないもの、クレジット表記必須のものも存在します。必ず各ページの説明を確認した上でご利用ください。

このニュースを読んだあなたにおすすめ

デザインだけじゃなく資料作成にも使える高品質無料ベクター素材80選
【2015年版】商用無料の人気フリーフォント35選
【必須スキル】2015年は入力速度を上げる!見ないで打てる簡単タイピング術

このニュースに関連するカリキュラム

LPOに関するカリキュラム

LPOに関するカリキュラム

LPOに関して、カリキュラム形式で学びましょう