Photoshopのデザインテクニック、どのように学んでいますか。
あらかじめデザインされたPSD素材をダウンロードし、レイヤーの重ね方、レイヤースタイルの組み合わせ方など実践的に覚える、という方法を個人的にはよくしています。
海外デザインブログ1st Web Designerで、Webデザインに活用することができる高品質なPSD素材を50個まとめたエントリー「50 Superb & Free PSD Files From Dribble To Learn The Best」が公開されていたので、今回はご紹介します。
今後のWebサイト制作の参考にしたいデザインテクニックを利用したPSD素材が多くまとめられています。
詳細は以下から。
Photoshopデザインテクニックを学ぶ無料PSD素材まとめ
折りたたんだ様子を立体的に表現したユニークな地図のPSD素材ファイル。
[button_square color=”red” url=”http://www.deviantart.com/downloadz/210265452/maps_free_psd_by_0ctans-d3h6pv0.psd”] ダウンロード [/button_square]
立体的なリボンが印象的なメモ帳をデザインしたPSD素材、テクスチャの質感まで表現されています。
[button_square color=”red” url=”http://cl.ly/2fRn/Notepad.psd”] ダウンロード [/button_square]
ステッカーがめくれた様子を表現したタグデザインPSD、ボタン素材としても活用可能。
[button_square color=”red” url=”http://dribbble.com/shots/101071-Shopping-Tags-free-psd-/attachments/4674″] ダウンロード [/button_square]
３D風にデザインされたリボンデザインを3タイプ収録したPSD素材セット。
[button_square color=”red” url=”http://www.psdchest.com/freebies/270411_Ribbons”] ダウンロード [/button_square]
カメラをモチーフにした8種類のiphone風アイコンデザインPSD素材。
[button_square color=”red” url=”http://salleedesign.com/resources/downloads/cameras_psd.zip”] ダウンロード [/button_square]
インターネットラジオの再生プレイヤーをデザインしたPSD素材。
[button_square color=”red” url=”http://dribbble.com/shots/196733-Radio-player-freebie-PSD-/attachments/3407″] ダウンロード [/button_square]
超立体的なデザインが魅力的なオーディオプレイヤー用PSD素材、どんなデザインにも合わせやすいシンプルデザイン。
[button_square color=”red” url=”http://dribbble.com/shots/168373-Audio-Player-free/attachments/1220″] ダウンロード [/button_square]
日本が誇る某人気ゲームのコースをそのままそっくり再現した面白PSD素材。
[button_square color=”red” url=”http://cl.ly/6CbV”] ダウンロード [/button_square]
本物そっくりにデザインされたカセットテープをモチーフにしたPSD素材。
[button_square color=”red” url=”http://www.deviantart.com/downloadz/217630921/old_cassette___free_psd_by_nelutuinfo-d3lkl3d.rar”] ダウンロード [/button_square]
メタリックな輝きまで忠実に再現したapple社のMacbook用PSD素材。
[button_square color=”red” url=”http://ddgoodi.es/?file_id=7″] ダウンロード [/button_square]
Free iPhone Template in 5 Angels
5つの角度から見た本物そっくりのiPhone 4をそのままPSD素材としてデザイン、実用性の高いアイテムではないでしょうか。
[button_square color=”red” url=”http://www.mikaeleidenberg.se/downloads/mikael_eidenberg_iphone_template01.rar”] ダウンロード [/button_square]
パタパタ式のカレンダーPSD素材、ブログなどの日付表示に利用することができそうです。
[button_square color=”red” url=”http://dribbble.com/shots/184117-Date-Flipper/attachments/2422″] ダウンロード [/button_square]
ダークバージョンの立体的なパタパタ時計のPSDデザイン素材。
[button_square color=”red” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=72″] ダウンロード [/button_square]
これ写真なんじゃない？と思わせるほど立体感たっぷりなスイカ型アイコンデザイン。
[button_square color=”red” url=”http://www.ioandecean.info/downloadz/watermelonslice.rar”] ダウンロード [/button_square]
appleで利用されているあの雲模様をモチーフに10種類のアイコン素材をセットにしています。
[button_square color=”red” url=”http://www.deviantart.com/downloadz/201724921/clouds_set_icons_psd_by_jackietran-d3c3ny1.rar”] ダウンロード [/button_square]
世界的に人気の高いPokemonキャラクターをピクセルアイコンで表現したユニーク素材。
[button_square color=”red” url=”http://dribbble.com/shots/195306-Pokemon-Free-Psd/attachments/3309″] ダウンロード [/button_square]
Webサイトやブログなどで利用する機会の多いピクトグラム風アイコン素材セット、.ai素材もダウンロード可能。
[button_square color=”red” url=”http://cl.ly/4IJV”] ダウンロード [/button_square] [button_square color=”green” url=”http://cl.ly/4J4N”] .ai素材ダウンロード [/button_square]
デザイナーさんなどのポートフォリオサイトなどに活用したいアイコン素材セット。
[button_square color=”red” url=”http://salleedesign.com/resources/downloads/delight_icons.zip”] ダウンロード [/button_square]
20 Coloured Pencils with Notes
20色の異なる色エンピツとメモ帳を一緒にデザインしたユニークなアイコンデザインPSD素材。
[button_square color=”red” url=”http://365psd.com/wp-content/uploads/2010/10/193.psd_.zip”] ダウンロード [/button_square]
タイトルのままですがiPhoneで利用されているアイコンを超立体的に仕上げたPSD素材、合計5種類収録。
[button_square color=”red” url=”http://365psd.com/wp-content/uploads/2011/01/292.psd_.zip”] ダウンロード [/button_square]
思わずクリックしたくなる高品質なボタンデザイン用PSD素材セット。
[button_square color=”red” url=”http://cl.ly/3V0r3A1T0n0u1H0a152U”] ダウンロード [/button_square]
どんなデザインにも合わせやすそうなシンプルな色使いでデザインされたボタン素材。
[button_square color=”red” url=”http://mydotcomateyourdotcom.com/7zLl”] ダウンロード [/button_square]
実際にクリックしたような感覚を体験できるボタン素材3種類セット。それぞれ通常、ホバー、アクティブ時が再現されています。
[button_square color=”red” url=”http://dribbble.com/shots/156204-Free-buttons-yaay-/attachments/361″] ダウンロード [/button_square]
プラスティックのような質感を表現したWebサイト用UI素材キット。
[button_square color=”red” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=432″] ダウンロード [/button_square]
デザイン共有サイトDribblesで利用されているUIデザインを再現したパーツ用PSD素材。
[button_square color=”red” url=”http://cl.ly/2k090F0L130r1M0G0q2q”] ダウンロード [/button_square]
ダーク系デザインとの相性が良さそうなボタンやタブ、コメントフォームなどをセットにしたUI素材キット。
[button_square color=”red” url=”http://www.mikaeleidenberg.se/downloads/mikael_eidenberg-blaubarry_ui_kit.zip”] ダウンロード [/button_square]
よく見かけるfacebookのボタンデザインをそのまま再現したPSD素材。
[button_square color=”red” url=”http://www.mobileinc.co.uk/wp-content/plugins/download-monitor/download.php?id=3″] ダウンロード [/button_square]
デザイン性の高い立体的なログインフォームデザイン、ボタン素材も同時に収録しています。
[button_square color=”red” url=”http://blog.braintuitive.com/wp-content/uploads/login.psd”] ダウンロード [/button_square]
Gaston-Louis Vuitton Wallpaper & PSD
ザラザラとしたテクスチャにレタープレス風ロゴをデザインした壁紙デザイン。レイヤースタイルの研究にいかがでしょう。
[button_square color=”red” url=”http://dribbble.com/shots/200229-Gaston-Louis-Vuitton-Wallpaper-PSD/attachments/3673″] ダウンロード [/button_square]
Google Chromeのブラウザ画面をそのまま表現したPSD素材、プレゼンテーションなどに活用できそうです。
[button_square color=”red” url=”http://hazelmade.com/chromeuikit.zip”] ダウンロード [/button_square]
[参照元 : 50 Superb & Free PSD Files From Dribble To Learn From The Best – 1st Webdesigner]
