Advertisement

 

Photoshopのデザインテクニック、どのように学んでいますか。

あらかじめデザインされたPSD素材をダウンロードし、レイヤーの重ね方、レイヤースタイルの組み合わせ方など実践的に覚える、という方法を個人的にはよくしています。

 

海外デザインブログ1st Web Designerで、Webデザインに活用することができる高品質なPSD素材を50個まとめたエントリー「50 Superb & Free PSD Files From Dribble To Learn The Best」が公開されていたので、今回はご紹介します。

 

今後のWebサイト制作の参考にしたいデザインテクニックを利用したPSD素材が多くまとめられています。

 

 

詳細は以下から。

 

 

Photoshopデザインテクニックを学ぶ無料PSD素材まとめ

 

Map Free PSD

折りたたんだ様子を立体的に表現したユニークな地図のPSD素材ファイル。

[button_square color=”red” url=”http://www.deviantart.com/download/210265452/maps_free_psd_by_0ctans-d3h6pv0.psd”] ダウンロード [/button_square]

 

 

Notepad PSD

立体的なリボンが印象的なメモ帳をデザインしたPSD素材、テクスチャの質感まで表現されています。

[button_square color=”red” url=”http://cl.ly/2fRn/Notepad.psd”] ダウンロード [/button_square]

 

 

Shopping Tags

ステッカーがめくれた様子を表現したタグデザインPSD、ボタン素材としても活用可能。

 

[button_square color=”red” url=”http://dribbble.com/shots/101071-Shopping-Tags-free-psd-/attachments/4674″] ダウンロード [/button_square]

 

 

Little Green Ribbons

3D風にデザインされたリボンデザインを3タイプ収録したPSD素材セット。

[button_square color=”red” url=”http://www.psdchest.com/freebies/270411_Ribbons”] ダウンロード [/button_square]

 

 

Camera PSD File

カメラをモチーフにした8種類のiphone風アイコンデザインPSD素材。

[button_square color=”red” url=”http://salleedesign.com/resources/downloads/cameras_psd.zip”] ダウンロード [/button_square]

 

 

Radio Player Freebie

インターネットラジオの再生プレイヤーをデザインしたPSD素材。

[button_square color=”red” url=”http://dribbble.com/shots/196733-Radio-player-freebie-PSD-/attachments/3407″] ダウンロード [/button_square]

 

 

Audio Player Free

超立体的なデザインが魅力的なオーディオプレイヤー用PSD素材、どんなデザインにも合わせやすいシンプルデザイン。

[button_square color=”red” url=”http://dribbble.com/shots/168373-Audio-Player-free/attachments/1220″] ダウンロード [/button_square]

 

 

Super Mario Bros Download

日本が誇る某人気ゲームのコースをそのままそっくり再現した面白PSD素材。

[button_square color=”red” url=”http://cl.ly/6CbV”] ダウンロード [/button_square]

 

 

Old Cassette

本物そっくりにデザインされたカセットテープをモチーフにしたPSD素材。

[button_square color=”red” url=”http://www.deviantart.com/download/217630921/old_cassette___free_psd_by_nelutuinfo-d3lkl3d.rar”] ダウンロード [/button_square]

 

 

DDFreebie – Macbook PSD

メタリックな輝きまで忠実に再現した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]

 

 

Date Flipper

パタパタ式のカレンダーPSD素材、ブログなどの日付表示に利用することができそうです。

[button_square color=”red” url=”http://dribbble.com/shots/184117-Date-Flipper/attachments/2422″] ダウンロード [/button_square]

 

 

Flip Clock PSD

ダークバージョンの立体的なパタパタ時計のPSDデザイン素材。

[button_square color=”red” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=72″] ダウンロード [/button_square]

 

 

Watermelon Slice Icon

これ写真なんじゃない?と思わせるほど立体感たっぷりなスイカ型アイコンデザイン。

[button_square color=”red” url=”http://www.ioandecean.info/download/watermelonslice.rar”] ダウンロード [/button_square]

 

 

Mini Clouds Set PSD

appleで利用されているあの雲模様をモチーフに10種類のアイコン素材をセットにしています。

[button_square color=”red” url=”http://www.deviantart.com/download/201724921/clouds_set_icons_psd_by_jackietran-d3c3ny1.rar”] ダウンロード [/button_square]

 

 

Pokemon Free PSD

世界的に人気の高いPokemonキャラクターをピクセルアイコンで表現したユニーク素材。

[button_square color=”red” url=”http://dribbble.com/shots/195306-Pokemon-Free-Psd/attachments/3309″] ダウンロード [/button_square]

 

 

Free Icon Set

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]

 

 

Delight Icons

デザイナーさんなどのポートフォリオサイトなどに活用したいアイコン素材セット。

[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 Icons

タイトルのままですがiPhoneで利用されているアイコンを超立体的に仕上げたPSD素材、合計5種類収録。

[button_square color=”red” url=”http://365psd.com/wp-content/uploads/2011/01/292.psd_.zip”] ダウンロード [/button_square]

 

 

Free Buttons PSD

思わずクリックしたくなる高品質なボタンデザイン用PSD素材セット。

[button_square color=”red” url=”http://cl.ly/3V0r3A1T0n0u1H0a152U”] ダウンロード [/button_square]

 

 

Milk Release

どんなデザインにも合わせやすそうなシンプルな色使いでデザインされたボタン素材。

[button_square color=”red” url=”http://mydotcomateyourdotcom.com/7zLl”] ダウンロード [/button_square]

 

 

Free Buttons, Yaay!

実際にクリックしたような感覚を体験できるボタン素材3種類セット。それぞれ通常、ホバー、アクティブ時が再現されています。

[button_square color=”red” url=”http://dribbble.com/shots/156204-Free-buttons-yaay-/attachments/361″] ダウンロード [/button_square]

 

 

UI Oink

プラスティックのような質感を表現したWebサイト用UI素材キット。

[button_square color=”red” url=”http://designmoo.com/wp-content/plugins/download-monitor/download.php?id=432″] ダウンロード [/button_square]

 

 

Dribbles, just for fun of it

デザイン共有サイトDribblesで利用されているUIデザインを再現したパーツ用PSD素材。

[button_square color=”red” url=”http://cl.ly/2k090F0L130r1M0G0q2q”] ダウンロード [/button_square]

 

 

Blaubarry Free UI Kit 2

ダーク系デザインとの相性が良さそうなボタンやタブ、コメントフォームなどをセットにしたUI素材キット。

[button_square color=”red” url=”http://www.mikaeleidenberg.se/downloads/mikael_eidenberg-blaubarry_ui_kit.zip”] ダウンロード [/button_square]

 

 

Facebook Connect Buttons PSD

よく見かけるfacebookのボタンデザインをそのまま再現したPSD素材。

[button_square color=”red” url=”http://www.mobileinc.co.uk/wp-content/plugins/download-monitor/download.php?id=3″] ダウンロード [/button_square]

 

 

Log in (+ Free PSD)

デザイン性の高い立体的なログインフォームデザイン、ボタン素材も同時に収録しています。

[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]

 

 

Chrome UI Kit

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]