メタリックな質感を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

デザインblogランキング

コメント 3 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



3 Responses to “メタリックな質感をPhotoshopで表現する方法いろいろ”

  1. moeのつぶやき » Blog Archive » 2008年11月20日の気になったもの Says:

    […] メタリックな質感をPhotoshopで表現する方法いろいろ – DesignWalker […]

  2. 高度資本主義では強迫観念で社会を動かそうとする | メシウマ状態 飯の旨いおかずがてんこ盛り Says:

    […] メタリックな質感をPhotoshopで表現する方法いろいろ – DesignWalker フォトショのチュートリアル集。 […]

  3. ILLdeMizM Says:

    メタリックなレイヤースタイル…

    メタリックに!…

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ