Advertisement

26toolpsd

 

Photoshopはどんなデザインでもアイデア次第で作成することができる便利なアプリケーションのひとつです。

作成したデザインをPSDファイルとして保存することで、繰り返し使うことができる点はポイントではないでしょうか。

 

海外デザインブログ[Re]Encodedで、デザインの時間節約になる便利なPhotoshop用PSDファイルを26個まとめたエントリー「Great Free Photoshop-Files for Your Designer Toolbox」が公開されていたので、今回はご紹介します。

 

もちろん自分ですべてデザインすることも可能ですが、これらのPSDファイルを利用することでデザイン作成時間を短縮することができそうなばかりとなっています。

 

 

詳細は以下から。

 

 

デザインの時間節約になるPhotoshop用PSDファイルまとめ


 

iPad Template

日本で発売されて1ヶ月経過しますが、いまだに予約が殺到しているapple社のiPadをそっくりに再現したPSDファイル。

スクリーン部分にウェブデザインやオリジナル壁紙などを簡単にレイアウトすることができます。

ipad-free-photoshop-files

 

 

iPhone 4 Template

こちらも安定的な人気を誇るiPhone 4をモチーフにしたPhotoshop用PSDファイル。

まだ日本未発売の白バージョンもデザインされており、レイヤーごとに細かく分かれています。

iphone4-free-photoshop-files

 

 

iPhone 4 Landscape PSD Template

iPhone 4を横型でデザインしたいときに利用できるテンプレートのひとつ。

iphone4-landscape-free-photoshop-files

 

 

iPhone UI Kits Light Remake

ダーク系ウェブ、モバイルデザインで便利なラジオボタンや検索ボックスなどUIキットをまとめた高品質なPSDファイル。

iphone-uikit-free-photoshop-files

 

 

Google Nexus One

iPhone人気にやや押され気味な印象を受けるGoogle携帯ことNexus Oneですが、こちらも3色展開でデザインされています。

モックアップ用テンプレートとして利用することもできそうです。

google-nexus-free-photoshop-files

 

 

HTC EVO 4G .PSD

日本未発売モデルとなりますが、デザインがかっこよかったので個人的にメモとしてエントリー。

モバイルサイトを作成するときの参考になるかもしれません。

htc-evo-free-photoshop-files

 

 

Macbook PSD

ウェブデザインなどでもよく利用されているMacbookをスクリーン画面を表現したPSDファイルのひとつ。

細かくレイヤー分けされているので、簡単に壁紙なども変更することができますよ。

macbook-free-photoshop-files

 

 

Macbook Pro PSD

そしてこちらは別バージョンのMacbook Proのスクリーン画面を表現したPSDファイルとなります。

macbook-pro-free-photoshop-files

 

 

LED Cinema Display .PSD

デスクトップ型パソコン用モニターをデザインしたPhotoshop用ファイルもあります。

もちろん画面への移り込みまで細かく再現されており、本物と見分けが付かないほどです。

led-free-photoshop-files

 

 

Leopard OS X Screenshot. PSD

iMacのスクリーン画面、ウィンドウ、アイコンドックなどそのままデザインされたテンプレートファイルのひとつ。

leopard-osx-pro-free-photoshop-files

 

 

Vista Background & Window

そしてこちらがWindows Vistaバージョン。

標準インストールされている壁紙デザインと半透明のツルツルとした質感のウィンドウデザインがそのまま再現されています。

vista-free-photoshop-files

 

 

Facebook GUI

日本での人気は今ひとつですが、世界的に成功しているSNSサービスのひとつFacebookを思い通りにカスタムすることができるGUIキット。

facebook-free-photoshop-files

 

 

Twitter Background Template

オリジナルのTwitter用壁紙をデザインすることができるテンプレート。

1280x800pxの画面解像度で最適表示されるようにデザインされています。

twitter-free-photoshop-files

 

 

Webdesign pack

ホームページ、ウェブサイトデザイン作成に便利なボタンやスクロールバー、検索ボックス、ドロップダウンメニューなどをていねいにデザインしたUIキット。

Webdesign_pack_by_plakkert

 

 

Tabbed Interface

最近ホームページなどでよく見かける画像スライダー用テンプレート。

タブなどを立体的にデザインすることでリッチコンテンツを完成させることができそうです。

tabbed-free-photoshop-files

 

 

Slick Menu

ホームページのメニューボタンとして利用することができるデザインキットのひとつ。

フーバー時にはレタープレス風のデザインが使われており、見た目もスタイリッシュです。

全6色展開となっているので、お好みの色を選んでみてはいかがでしょうか。

slick-menu-free-photoshop-files

 

 

Progress bars Pack

ウェブページ読み込み時に使えそうな進行状況を表したバー。

3色展開となっており、どのようなデザインにも合わせやすいのではないでしょうか。

progress-free-photoshop-files

 

 

Free Button Collection

質感の高いボタンデザインを合計5タイプ収録したボタンセット。

それぞれカラフルな11色展開で、影を利用した立体的なデザインに仕上がっています。

buttons-free-photoshop-files

 

 

 

UIキットを毎日配信、「365PSD」


 

screenshot.29-06-2010 20.43.59

365psd – Download a Free PSD Everyday for a Year

 

参照元サイトには記載されていないのですが、ホームページやウェブサイトのデザインに使える高品質なUIデザインを無料ダウンロードできる365PSD。

2010.06.28現在、122個の無料素材が公開されており、どれも自分でデザインすると時間のかかりそうなものばかりとなっています。

毎日ひとつずつ更新されているので、RSS購読されておくと便利かもしれません。

以下はこれまでに公開されているPSD素材のサンプルとなります。

 

今年のウェブトレンドのひとつでもある立体的なインターフェースデザイン。

104-big

 

ダーク系ウェブサイトなどで利用することできそうなドロップダウンメニュー。

110-big

 

iPhoneを利用したアプリケーション開発などに使える音楽インターフェース。

114-big

 

CSS3にも対応したカラフルなボタンデザイン。

118-big

 

質感の高いサムネイル画像を利用したスライダーデザインなどもありました。

85-big

 

参照元サイトには今回紹介した素材ファイル以外にも時間節約になりそうなアイテムがいろいろ揃っています。

よろしかったらこちらも一緒に合わせてどうぞ。

 

[参照元 : Great Free Photoshop-Files for Your Designer Toolbox – [Re]Encoded]