メタリックな質感をPhotoshopで表現する方法いろいろ

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

Simple GunMetal Interface

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

Simple GunMetal Interface

PSHERO.com | WWII Airplane

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

PSHERO.com |  WWII Airplane

Create a Fantastic Decaying Metal Sign

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

Create a Fantastic Decaying Metal Sign

Star Wars text effect

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

Star Wars text effect

Creating a Cool Brushed Metal Surface in Photoshop

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

Creating a Cool Brushed Metal Surface in Photoshop

Spiderman pattern

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

Spiderman pattern

MP3 Player Design | Free Adobe Photoshop Tutorials

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

MP3 Player Design | Free Adobe Photoshop Tutorials

How to Create a Simple & Sleek Web 2.0 Site Footer

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

How to Create a Simple & Sleek Web 2.0 Site Footer

How To Create A Gold Text Effect In Photoshop

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

How To Create A Gold Text Effect In Photoshop

Metallic Spiderman 3 Text

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

Metallic Spiderman 3 Text

Orange menu with a steel stroke.

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

Orange menu with a steel stroke.

Design Realistic Stainless Steel Background and Text [Photoshop Tutorial]

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

Design Realistic Stainless Steel Background and Text [Photoshop Tutorial]

Stainless Steel Navigation Header

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

Stainless Steel Navigation Header

Photoshop Metal Texture

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

Photoshop Metal Texture

Design Your iPhone Widgets

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

Design Your iPhone Widgets

FREE – Brushed Metal Photoshop Style

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

FREE - Brushed Metal Photoshop Style

The Metal Effect

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

The Metal Effect

Photoshop Tutorial: Smooth Metal

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

Photoshop Tutorial: Smooth Metal

Photoshop Metal Brushes

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

Photoshop Metal Brushes

関連記事

3件のコメント

  1. ピンバック: ILLdeMizM

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です