Advertisement

55smokeandfiretexture

 

先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが、今回は背景デザインなどに使えそうなテクスチャ素材をまとめてみました。

海外デザインブログCruzineで、デザイン性の高い煙と炎のテクスチャ素材を55枚まとめたエントリー「Smoke and Fire – the Eternal Source of Inspiration」が公開されていたので、今回はご紹介します。

 

デザインの背景として利用するのはもちろん、煙と炎をPhotoshopで切り抜くことでリアル感たっぷりに写真合成を行うことができますよ。

切り抜き方法については以下で詳しく触れていますので、参考にしてみてはいかがでしょうか。

 

 

今回もエントリーが長くなってしまったので、ブックマーク保存をしてから読んでいただくとよいかもしれません。

bookmark

 

 

詳細は以下から。

 

 

Photoshopで煙や炎を切り抜く方法


 

Photoshopで煙や炎、水などの素材を切り抜く方法のひとつして、「アルファチャンネル」パレットを利用する方法があります。

1.まず切り抜きたい素材をPhotoshopで読み込みましょう。

  今回はこちらのテクスチャ素材を利用しています。

1-1

 

2.レイヤーパレットを開き、もっともコントラストの強いチャンネルを選択します。

  通常、炎系テクスチャなら「レッド」、煙、水系テクスチャなら「ブルー」の場合が多くなります。

  今回は「レッド」チャンネルを選択しましょう。

1-2

 

3.Ctrlキーを押しながら(MacはCommandキー)、チャンネルパレットの「サムネイル」をクリックしましょう。

  これで「レッド」チャンネルの白部分のみが選択範囲として指定することができました。

1-3

 

4.選択範囲をしていた状態のまま「レイヤーパレット」に戻り、Ctrlキー+Vでペーストしましょう。

  数ステップの簡単な作業で炎の切り抜きが完成しました。

1-4

 

背景のみが切り取られているのでデザインに加えるときも楽に、自然に仕上げることができます。

1-5

 

 

炎と煙の高品質テクスチャまとめ


 

Smoke: 煙に関するテクスチャ素材

 

Smoke

空中に煙が広がっていく様子を撮影したテクスチャ素材。

112

 

 

Smoke

上記の煙素材よりもやや黄色がかった色味が特長的なテクスチャ素材のひとつ。

111

 

 

Smoke Traials 3

空中で円を描いて揺らいでいる煙テクスチャの一枚ですが、余白スペースのとり方などもそのままデザインに利用できるのではないでしょうか。

110

 

 

Smoke 024

煙を使ったグラフィックデザインのベースになりそうなテクスチャ素材のひとつ。

101

 

 

Chromatic Smoke Wallpaper

壁紙用デザインなのですが十分素材にも使えそうなくらいカラフルなデザインとなっています。

100

 

 

Smoke

煙を使ったデザインの参考になりそうなグラデーションを利用したテクスチャ素材。

127

 

 

Smoke

ユニークなシェイプをした煙テクスチャ素材のひとつ。

126

 

 

Smoke No.1

こちらもデザイン性の高い色使いの煙テクスチャ素材となっており、背景デザインなどにも利用することができそうです。

125

 

 

Smoke 036

背景デザインなどに使えそうな幻想的なテクスチャ素材のひとつ。

123

 

 

Smoke

濃紺のインクを水に落としたようなデザインを撮影したテクスチャ素材。

122

 

 

Smoke

一見ユニークなシェイプをした煙テクスチャとなっています。

107

 

 

Smoke 3

こちらも面白い形をした煙を撮影したテクスチャ素材のひとつ。

120

 

 

Purple Smoke

怪しい雰囲気を漂わせる紫色の煙テクスチャ素材のひとつ。

121

 

 

Smoke Jellyfish

くらげの様な形をした煙に照明をあてて撮影した無料テクスチャ素材。

117

 

 

Smoke It Away

個人的にいつか使いたい素材だったのでメモとしてエントリー。

115

 

 

Smoke

炎から煙が出ている様子をそのまま撮影した無料素材。

113

 

 

Fire: 炎に関するテクスチャ素材

 

Fire

ごうごうと真っ赤に燃える火柱を撮影したテクスチャ素材のひとつ。

141

 

 

Fire

炎のみを切り抜いてデザインに加えたいときなどに便利なテクスチャ素材。

140

 

 

Fire

こちらも切り取りに便利な炎シェイプのみを黒背景に撮影したテクスチャ素材。

138

 

 

On Fire…

火の粉を散らしてメラメラと燃え上がる炎はデザイン素材として利用することができそうです。

137

 

 

Fire Dancer

これからの季節にぴったりなキャンプファイヤーの情景を撮影したテクスチャ素材のひとつ。

139

 

 

Fire Dancing and Spinning I

花火を手に持って振り回した様子を撮影したユニークなテクスチャ素材のひとつ。

グラフィックデザインなどでもよく利用されているのも見かけます。

136

 

 

The Ring of Fire 2

くっきりとした円を描いたバージョンも一緒にまとめられていました。

135

 

 

以下にはインスピレーションの参考になりそうなテクスチャ素材やイメージ写真を羅列していますので、ご参考にどうぞ。

 

Fire 1

131

 

Ice on Fire – No ice

1301

 

Dancing with Fire

129

 

By the Fire

153

 

Fire in the Sky

152

 

Fire poi

151

 

Fire Eater

150

 

Fire Ball

147

 

Fire

143

 

Nothing beats Real Fire

142

 

炎に関しては以前Photoshopブラシやテクスチャなどを一緒にまとめたエントリーが以下となりますので、こちらも参考にしてみてはいかがでしょうか。

「炎」に関するフォトショップ使い方、ブラシ、テクスチャ、40個あつめました。

40fireresource

 

参照元サイトには今回紹介しきれなかった高品質テクスチャ素材がたくさんまとめられていますので、よろしかったらどうぞ。

 

[参照元 : Smoke and Fire: the Eternal Source of Inspiration – Cruzine]