Home >  まとめ > テクスチャ素材まとめ > 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき)
テクスチャ素材まとめ

煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき)

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]

キーワード: チュートリアル テクスチャ   

BOOKMARK, MAYBE?

いかがでしたでしょうか、ブックマークはこちらからどうぞ。

GOT COMMENT?/この記事についてコメント

以下のソーシャルメディアよりログインできるようになっています。

  • http://topsy.com/photoshopvip.net/archives/17277?utm_source=pingback&utm_campaign=L2 Tweets that mention Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) — Topsy.com

    [...] This post was mentioned on Twitter by *モリノユージン™ / 森野憂人, #1 Doncaster Network, irodori, CoolDesignWatch_bot and others. CoolDesignWatch_bot said: 煙と炎の極上テクスチャ、55 [...]

  • http://twitter.com/bobyasu/status/18355030532 bobyasu

    煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/9z4KVQ

  • http://twitter.com/udukiyukia_rss/status/18355138671 ゆきあ(RSS配信BOT)

    [ブログ紹介]  煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/9f2XU6

  • http://twitter.com/erikoinen_eric/status/18355437220 Ericargo

    RT @photoshopvip: 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) – http://bit.ly/adk8y8

  • http://twitter.com/s08626th/status/18355894378 橋爪知博(サウジ)

    煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ff.im/-nzE1x

  • http://twitter.com/dtpdesign/status/18356061493 dtp&designデザインとアート

    煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき):  
    先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが、今回は背景デザインなどに使えそうなテクスチャ素材をまとめてみました… http://bit.ly/b8ewcd

  • http://twitter.com/freepaperfuture/status/18356062266 フリーペーパー Future

    煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/aFpiXh (デザイン関連)

  • http://twitter.com/bokukubojun/status/18356062077 クボジュン

     
    先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが、今回は背景デザインなどに使えそうなテクスチャ素材をまとめてみました。
    海外デザインブログCruzineで、デザイン性の高い煙と炎のテク… http://bit.ly/aChjvv [Photoshop]

  • http://twitter.com/fumioji/status/18358315644 Fumito Nakamura

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://photoshopvip.net/archives/17277 たすかります。

  • http://twitter.com/k_michi/status/18360201541 michi

    RT @photoshopvip: 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) – http://bit.ly/adk8y8

  • http://twitter.com/webdesignstatio/status/18361036030 webdesignStatio.

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/a1tMZV

  • http://twitter.com/yotasurf2/status/18362494032 My Rss Feed

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://dlvr.it/2YTXj

  • http://twitter.com/newswebc_j/status/18362571250 Web制作ニュース

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/aChjvv #web

  • http://twitter.com/cooldesignwatch/status/18363542670 CoolDesignWatch_bot

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) 先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが… http://goo.gl/fb/1Nqds

  • http://twitter.com/codingheler/status/18364235889 コーディングヘルパー

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき): 先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが、今回は背景デザインなどに使えそう… http://bit.ly/aChjvv

  • http://twitter.com/sauzi/status/18364909344 さうじ

    RT @dtpdesign: 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき):  
    先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが、今回は背景デザインなどに使えそうなテクスチャ素材をまとめてみました… http://bit.ly/b8ewcd

  • http://twitter.com/eiffig11/status/18365413922 eiffig11 ∧ kztkk

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/agD47W

  • http://twitter.com/ken_sugar/status/18367049237 ken_sugar

    煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2ahpA

  • http://twitter.com/mikitotw/status/18369480009 ミッキー

    煙と炎の極上テクスチャ、55枚あつめました。 http://bit.ly/awW4Ij

  • http://twitter.com/bsiyo/status/18383441257 siyo’s sbm

    Photo: Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) : http://photoshopvip.net/archives/17277

  • http://twitter.com/_newsrss/status/18387837120 気になるニュース

    はてな: Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/at1k8W

  • http://twitter.com/unageedog/status/18387860357 うなぎぃ犬

    http://tinyurl.com/2a88qxc
    #followmejp #followdaibosyu Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。ï

  • http://twitter.com/wingedlove_feed/status/18388019975 Tomo Mars

    [IT] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://30m.in/2Z4H3

  • http://twitter.com/pctoolnews/status/18388139174 PCツールニュース

    ☑ Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://dlvr.it/2Z4Qr #pctool

  • http://twitter.com/serupi9/status/18391758944 Hisato Yoneda

    [texture] / Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://htn.to/5tvL5y

  • http://twitter.com/51h/status/18396347851 ハル_ヲ_サカ_モト

    初心者の為の切り抜き講座付き。 – Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://icio.us/nheiv3

  • http://twitter.com/flgtter/status/18397099473 FLG(ふりげ)™

    RT @udukiyukia_rss: [ブログ紹介]  煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/9f2XU6

  • http://twitter.com/soratomo/status/18397282915 ソラトモ – 河村知哉

    [B!] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://photoshopvip.net/archives/17277

  • http://twitter.com/axcel_rss/status/18400085140 axcel_rss

    [hatena antenna] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/b8ewcd

  • http://twitter.com/webcreatorbox/status/18400723387 Webクリエイター ボックス

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/aopu/status/18400855605 とりあえずおちつけあおぷ

    あとでチェックする。 RT @webcreatorbox Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/seiiichi_o/status/18400867205 セイイチ

    『Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき)』 http://photoshopvip.net/archives/17277

  • http://twitter.com/tiku5/status/18400907461 九龍

    気になる RT @aopu: あとでチェックする。 RT @webcreatorbox Photoshop Vip 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/takumi22/status/18400910645 はやさかたくみ

    RT @webcreatorbox: Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/gacha_pinpin/status/18401104409 mikumoch

    RT @webcreatorbox Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/s_hinomiya/status/18401229801 緋宮閑流

    おぉ素敵素材。 RT @webcreatorbox: Photoshop Vip ? 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/sugadogg_rollin/status/18403744152 zoom

    RT @photoshopvip: 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) – http://bit.ly/adk8y8

  • http://twitter.com/mrmt6717/status/18403991486 えびまる┃Ebimaru

    RT @webcreatorbox: Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/adobetter/status/18404118442 adobetter

    (@SUGADOGG_ROLLIN)RT @photoshopvip: 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) – http://bit.ly/adk8y8 http://bit.ly/dlWwZ5

  • http://twitter.com/qumk/status/18404763245 qu

    めも:煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき)http://bit.ly/akMcF4

  • http://twitter.com/_d2u_/status/18405544806 D2U

    [D2U] 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき): comments http://bit.ly/ct7v0V #d2u

  • http://twitter.com/tsutomura/status/18408114391 tsutomura

    [B!] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://photoshopvip.net/archives/17277

  • http://twitter.com/quarter4nori/status/18409347402 Nori Takahashi

    炎のテクスチャ|Currently Reading: http://photoshopvip.net/archives/17277

  • http://twitter.com/furukubo/status/18410076341 furukubo

    炎と煙のテクスチャ。けっこう高品質で意外とみつけにくいのでいいなこれ。 / Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://htn.to/kg6hHW

  • http://twitter.com/akineko/status/18411330857 秋猫

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://htn.to/iJ1naD

  • http://twitter.com/ginoi2/status/18411352866 ぎん

    [はてブ] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき): Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Ph… http://bit.ly/b8ewcd

  • http://twitter.com/roland_808/status/18421443908 書記ã*¡ã‚ƒã‚“

    [IT] 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://dlvr.it/2Zkn3

  • http://twitter.com/roland_808/status/18421444909 書記ã*¡ã‚ƒã‚“

    [BWD] 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://dlvr.it/2Zkn3

  • http://twitter.com/bottonz/status/18430024792 ぼっとんZ

    [92 users] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(P… http://photoshopvip.net/archives/17277

  • http://real-url.org/twitted.php?id=18430024792 Twitted by bottonZ

    [...] This post was Twitted by bottonZ [...]

  • http://twitter.com/bottonz/status/18431589830 ぼっとんZ

    [93 users] Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(P… http://photoshopvip.net/archives/17277

  • http://twitter.com/kohaku_ori/status/18474539282 kohaku_orioa

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ff.im/-nEvOr

  • http://twitter.com/coddledegg/status/18506032391 coddledegg

    誰かが好きそうw 【煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき)】http://photoshopvip.net/archives/17277

  • http://twitter.com/hidehish/status/18526250697 hidehish

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://photoshopvip.net/archives/17277

  • http://twitter.com/miuta_raikofu/status/18529614385 みうた@raikofu

    RT @webcreatorbox: Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://ow.ly/2acO7

  • http://twitter.com/koro58/status/18631263689 コロ

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://photoshopvip.net/archives/17277

  • http://twitter.com/kaerugeko/status/19240687135 kaeru geko

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/b8ewcd

  • http://ernmsm.com/souvenir/?p=86 another side of view » Blog Archive » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき)

    [...] 煙と炎の極上テクスチャ、55枚あつめました [...]

  • http://twitter.com/mushuss/status/24206227694 Mushus

    炎のエフェクトかっけぇ光も良いけど炎もやりてぇかいてみてぇ http://photoshopvip.net/archives/17277

  • ttbookmark

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://bit.ly/g92Azm

  • http://twitter.com/massagingcaps/status/33239850643628032 massagingcapsule

    @Azraelxx あ、そうそう煙と炎のテクスチャ、ここです。 http://photoshopvip.net/archives/17277

  • http://twitter.com/azraelxx/status/33298553992380416 翡翠

    ありがとうございます。RT @massagingcaps: @Azraelxx あ、そうそう煙と炎のテクスチャ、ここです。 http://photoshopvip.net/archives/17277

  • http://twitter.com/mi_chi/status/66368919606272000 mi_chi

    Photoshop Vip » 煙と炎の極上テクスチャ、55枚あつめました。(Photoshop切り抜き方法解説つき) http://htn.to/eDUw2v

Back to Top