spacer デザインの裏技
spacer
HPについて spacer Photoshop spacer Illustrator
font HTML   ダウンロード系役立ち物
コラム   サイトマップ   art book
Link
Creator's Net   Cocktail Design   自己破産Navi
美白 de 美肌   ChaoScope Wiki  

仕事の合間に癒されよう
犬猫倶楽部
photoshop

Photoshopの使い方・Tips・裏技

■「グラフィカルな炎の描き方」を究める

グラフィカルな炎の完成画像

こんな感じの炎が出来ます。

グラフィカルな炎を描く手順

1、フォトショップ上で画面サイズが正方形の設定で新規作成をします。(今回は512*512で製作しています。)

2、

カラーモードがの状態である事を確認する。

フィルタ>描画>雲模様1を行う。

3、フィルタ>描画>雲模様2を行う。

コントラストの弱い画像だと、メリハリがつかないのでコントラストの強い画像になるまで何度も変換してみる。

4、フィルタ>その他>スクロールを行う。

端のピクセルを繰り返して埋めるにチェックするのが大事です。

垂直方向は画面サイズの縦と同じサイズを指定してください。

左の画像が、4番の行程を終わった後に出来る画像です。

5、レベル補正を行います。

グラフは全体的に左側に寄っているだろうと思われますので、一番右にある白いバーを黒いグラフの右端までドラッグしてください。

左図参照。

左の画像が、5番の行程を終わった後に出来る画像です。

6、フィルタ>変形>波形を使用します。

波形を正弦波、端のピクセルを繰り返して埋めるにチェックするのが重要です。数値を大きくして一気にかけてしまうと、全体的に崩れてしまうので数値を低くして原型が崩れない程度の変形を何度か繰り返してください。

水平50垂直20くらいでやるとリアルっぽく出来るはずです。(今回はイメージっぽく作りました)

 

こんな感じで、少しずつ変形させていきます。

少し失敗した様な…。今回は多少突っ走った感がありましたが、これくらいまでの原型の留め方が限界な気がします。

7、ある程度変形を繰り返した後、レイヤーをコピー

コピーしたレイヤーの描画モードをスクリーンにして

コピーしたレイヤーにも更に波形変換を加えます。

今回は2回コピーして、30%の不透明度のスクリーンレイヤーと80%の透明度のスクリーンレイヤーを変形して使用しています。

新規レイヤー>塗りつぶしレイヤーでグラデーションを選び、白黒のグラデーションを左の様にかけます。

8、7番が全て終わったらレイヤーを統合し、統合したレイヤーをコピーして「描画モード:オーバーレイ」にします。

コピーしたレイヤーにぼかし(ガウス)を5pxでかけます。不透明度は80%にしました。

左の画像が、4番の行程を終わった後に出来る画像です。

トーンカーブでR,G,B

各々のカーブを曲げて最後に着色して出来上がりです。

ハイコントラストにする為、S字カーブをRGBカーブで使用しています。

トーンカーブのS字カーブについて

炎を描く際の参考情報

波形変換の時に垂直と水平の数値を小さくして何回も変換して行く事が下から上に燃え上がる炎を表現する為の要です。

逆に言えば、下から上に燃え上がるイメージが目的でない場合は、一度に大きく変換してしまえば荒れ狂う炎のイメージになるという事です。

back
bottomimage
copylogo
(C) Copyright 2006 デザインの裏技. All rights reserved.