Advertisement

 

Web制作を行うときに必要な全てのパーツを作成しようと思うと、なかなか時間も労力を必要となります。

そんなときはあらかじめデザインされた、PSD素材ファイルを利用してみてはいかがでしょう。

 

海外デザインブログSpyre Studiosで比較的最近公開された無料PSD素材ファイルを33個まとめたエントリー「33 Useful Photoshop PSD Freebies for the Web」が公開されていたので、今回はこちらをベースに個人的に気になる素材をまとめています。

 

どれもプロ級の仕上がりで表現されており、素材ファイルを利用することで時間節約にもつながりますよ。

 

 

詳細は以下から。

 

 

Web制作に活用したい無料PSD素材ファイルまとめ

 

Bland DVD CD Temlates

CDやDVDの盤面の輝きまで表現されたテンプレートPSD素材用ファイル、簡単にお好みの画像を追加することが可能。

blank-dvd-cd-template

 

 

Sexy Camera Lens

本物そっくりにデザインされたカメラレンズ部分、反射した光もうまく表現されています。

lens

 

 

Video Player UI

HTML5にも対応したエレガントなUIデザインが魅力的なビデオプレイヤー用デザインパーツ。

video

 

 

Halloween Vector Art Pack

ちょっと早いかもしれませんがハロウィン用ベクターデザイン素材、こちらはIllustratorで編集可能な.aiファイルとなっています。

 

 

Free PSD EZine Style Blog

Webレイアウト全体をデザインした無料テンプレート素材、シンプルでオシャレなデザインレイアウト。

E-Style-Free-PSD-EZine-Style-Blog

 

 

Phototastic: Free Photography Portfolio Template

写真を多用するブログやフォトグラファー用ポートフォリオサイトとしてレイアウトされたWebサイトテンプレート素材。

Free-Photography-Portfolio-Template

 

 

Image Gallery Design

ギャラリーページなどに活用したイメージスライダー用デザインPSD素材。

preview9

 

 

Resource for Designer (.psd) #19

サイト公開前のウェルカムページとしても活用できるテンプレートPSD素材。

preview-waiting

 

 

Android: Widget

端末Androidで利用されているデザインを再現したガジェット用PSDデザイン素材。

Android-Widgets

 

 

Music Player Skin

程よいざらざらとしたマット感でデザインされた音楽プレイヤー用UIデザイン素材。

preview

 

 

PSD Modern Vintage Stickers Badges

合計8種類のモダンなビンテージテイストのステッカー、バッジデザイン。無料会員登録することでダウンロード可能。

003-psd-modern-badges-stickers-ribbon-sale-offer-price(2)

 

 

Rounded Progress Bar

ショッピングカートや会員登録などに活用したい、ステップごとに分かりやすく分けたプログレスバー。

rounded-progress-bar-preview-365psd1

 

 

Sweet Navigation

リッチな質感で表現されたナビゲーションメニュー用デザイン、CSSだけでもスタイリングできそうです。

02-sweet-navigation

 

 

Graphite Navigation

思わずクリックしたくなる立体感たっぷりでデザインされたボタン素材、それぞれ3スタイルを用意しています。

05-graphite-navigation

 

 

Follow Buttons

1種類ずつにそれぞれ3スタイルを用意した3色のボタン素材セット。

24-follow-buttons

 

 

Vertical Navigation Menu 

水平方向に展開するナビゲーションメニューバー、ツルツルとしたグロス感を表現しています。

Vertical-Navigation-Menu-PSD

 

 

Setting Menu (PSD)

水平方向にスライド、展開するドロップダウンメニュー用ボタン素材、1px単位でこまかくデザインされています。

11-settings-menu

 

 

Admin Menu with Drop Down

会員ログイン機能を実装するときに使いたい3Dタイプの立体的ボタン素材。

14-admin-dropdown-menu

 

 

Grey UI Kit

立体感たっぷりでデザインされたUIデザイン素材セット、まとめて利用することで統一感をだすことができそうです。

grey-ui_elements

 

 

Dark Icon Dock

iPhoneなどで使われていそうなアイコンメニュードック用デザイン素材、アイコンも自由に変更可能。

09-dark-icon-dock

 

 

Growl Notification Style

半透明で表示されるダーク系ツールチップ用PSD素材、一緒にかわいいアイコンも収録しています。

preview8

 

 

Upload to Cloud

ファイルのアップロード完了具合を教えてくれるストライプ柄のプログレスバー素材。

04-cloud-upload

 

 

Clean Custom Lightbox Skin PSD

イメージ写真表示にLightboxなどを利用している場合、デザインもカスタムしてみてはいかがでしょう。

23-lightbox-skin

 

 

Calendar Widget 

質感高いカレンダー素材をお探しの方にオススメしたいPSD素材ファイル。

calendar_widget_680px

 

 

Soft Media Icon Set vol.1

合計32種類のメディアに関するシンプルなアイコンがセットになっています。

001-media-icons-simple-32-x-32-clasic

 

 

[fancy_box][参照元 : 33 Useful Photoshop PSD Freebies for the Web – SpyreStudios][/fancy_box]