DesignWalker

無機質で光沢のあるメタリックな感じをデザインに使用したい事がちょこちょことあります。 今回は、Photoshopを使って金属やステンレス、鉄っぽい表現方法などチュートリアル系を中心にまとめてみました。

Simple GunMetal Interface

キラキラと光沢のあるメタリックなフレームがかっこいいです。

PSHERO.com | WWII Airplane

鉄の継ぎ目の部分がリアルなチュートリアル。

Create a Fantastic Decaying Metal Sign

鉄が錆びた感じをうまく表現されています。

Star Wars text effect

Star Warsのテキストエフェクト。

Creating a Cool Brushed Metal Surface in Photoshop

MacBookの表面のような光沢を表現するチュートリアルです。

Spiderman pattern

これは便利。映画スパイダーマンのデザインで使われているような、メタリックなパターンファイルが公開されています。いろいろ使えそうです。

MP3 Player Design | Free Adobe Photoshop Tutorials

光沢のある、リアルな質感のMP3プレーヤーを描くチュートリアルです。

How to Create a Simple & Sleek Web 2.0 Site Footer

Footer部分も、少し手を加えるといい感じに仕上がりますね。

How To Create A Gold Text Effect In Photoshop

こちらは、高級感あるゴールドなテキストエフェクト。きれいですね。

Metallic Spiderman 3 Text

映画スパイダーマン3のロゴに使われたテキストエフェクトです。

Orange menu with a steel stroke.

光沢のあるフレームを使ったメニューを作るチュートリアル。

Design Realistic Stainless Steel Background and Text [Photoshop Tutorial]

ステンレススチールを表現するチュートリアルです。

Stainless Steel Navigation Header

シンクを上から見たのかと思ったら、ステンレスのナビゲーションヘッダー部分を描くチュートリアルでした。。

Photoshop Metal Texture

キズのあるメタリックなテクスチャ

Design Your iPhone Widgets

iPhoneのアイコンもきれいですが、背景部分が結構簡単に鉄っぽい感じが出せそうなので、ご紹介。

FREE – Brushed Metal Photoshop Style

メタリックなスタイルファイルです。Photoshopでロードしておけば、いつでもワンクリックでメタリックな質感が作れますね。

The Metal Effect

メタリックなテキストエフェクトです。

Photoshop Tutorial: Smooth Metal

まるっこい感じがかわいチュートリアルです。

Photoshop Metal Brushes

メタリックなブラシもあります。