テクニック

Photoshopで火のついた線を描く方法

投稿日：2009年03月13日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、Photoshopで火のついた線を描いてみたいと思います。

• Step1 ： はじめに
• Step2 ： パスを描く
• Step3 ： 火のレイヤーを作成する
• Step4 ： 火のレイヤーを複製しレイヤーオプションを変更する
• Step5 ： 完成

Step1：はじめに

このチュートリアルでは良い写真素材を十分にそろえる必要があります。
動きがあって、暗めのものが良いでしょう（今回の効果は色が暗めの方がよくわかります）。

素材を開いたら、パスのタブで「新規パス」を選択します。

「P」キーを押してペンツールを選択して、火の行き先をおおよそ決めます。
特徴や動きが現実的になるよう意識しましょう。
渦巻きにすると効果的です！

目次へ戻る

Step2：パスを描く

クリックしてパスを描き始めます。

次の点をクリックしたままドラッグすると、流れるような線を描くのに不可欠な滑らかな曲線が形成されます。

先ほどおおよそ決めた火の行き先にそって作業を続けます。

曲線はいつでも少しの操作で、変えることができるので、最初から線が正しく書けるかどうかを心配する必要はありません。
ペンツールで「Ctrl」キーを押し続ければ一時的に直接選択ツールを使って曲線を編集できます（この方法なら時間をかなり節約できます）。

そうすると、次の画像のようになります。
パスで使うのは、オブジェクトの前側です。
ここではモデルの腕、足です。
隠れた箇所をきれいに見せようとして時間を無駄にしないようにしましょう。

目次へ戻る

Step3：火のレイヤーを作成する

ソフトブラシ（ここでは5ピクセルのブラシ）を使ってオレンジ色を選択します。

新規レイヤーを作ってレイヤー名を「火」にします。
パスのタブに戻ってメニュー（パレット右上の三角マークをクリック）で「パスの境界線を描く...」を選択し、ツールに「ブラシ」を指定します。

描いてみたパスの境界線を確かめましょう。

ここでは火花や炎が最初に書いたパスに入っていないことがわかります。
火花や炎によって線が動いているかのような印象を与えます。
コピースタンプツールのブラシの「はね」やコピースタンプツールをランダムに使って作業を仕上げます。これで火花が散っているように描くことができます。

描いたパスの中から足/腕の裏側を隠し/消します。

「火」のレイヤーで右クリックしてブレンドオプションから、次のようにオプションと数値を設定します。

この設定を使ってみてください（私はこれで今回のテクニックを発見しました）。

これで見た目が良くなります！

目次へ戻る

Step4：火のレイヤーを複製しレイヤーオプションを変更する

「火」のレイヤーを複製し、レイヤーモードを「オーバーレイ」にします。

複製したレイヤーで目のアイコンの右側にある「シャドウ(内側)」と「光彩(内側)」をクリックして非表示にします。

複製したレイヤーで「光彩(外側)」の数値を次のように変更します。

目次へ戻る

Step5：完成

少し手間をかけると、次のようになります。

違う効果を作るには、「火」のレイヤーをもう一度複製して、「フィルタ」−「ゆがみ」−「海の波紋」を選択します。

不透明度のレベルを調整して、ブレンドモードを「オーバーレイ」にしましょう。

がんばってください！

目次へ戻る

引用:Web Design Library　著者:anothera.net/v2　翻訳:菊池

スポンサードリンク

ランダム記事5件

• ウェブサイトテンプレートとその利益  06年06月20日
• Photoshopの特定色域の選択機能を使ったブレンドテクニック  08年09月02日
• 背景を変更する  06年12月19日
• スタイライズで使用するシャドウなどをキレイに印刷  06年07月25日
• 優れたドメインを選ぶ方法  07年06月22日

コメント

火のついた線を描く方法 は・・
詳細に どこの 何を ｸﾘｯｸ し、次 ・・など
順番よく 記されて いないと
この 火線は、出来上がりませんね、
余分な説明・項目・等はいらないと思います、

投稿者 近藤 : 2009年04月04日 19:30

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

パスのタブに戻ってブラシでパスの境界線を描くからブラシを選択する

描いてみたパスの境界線を確かめましょう。

ここでは火花や炎が最初に書いたパスに入っていないことがわかります。
火花や炎によって線が動いているかのような印象を与えます。
コピースタンプツールコピースタンプツールのブラシの「はね」やコピースタンプツールコピースタンプツールをランダムに使って作業を仕上げます。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ここらへんの件がよく分かりません。
特に、『コピースタンプツールの「はね」』や『コピースタンプツールをランダムに使って』のところがよく分かりません。

ぜひやってみたいと思っていますので、ご教授頂けたらと思っております。

投稿者 THE・猫 : 2009年06月25日 19:58

＞近藤様
コメントありがとうございます。
コンテンツは記載手順通りに作業すれば作成可能です。

わかりづらい点があったようで、申し訳ありません。
ご不明な点はどの箇所でしょうか？

詳細に記載したいと思います。
是非ご不明な点をお聞かせくださいませ。

よろしくお願い致します。

＞THE・猫様
コメントありがとうございます。

おってご説明致します。

*パスのタブに戻ってブラシでパスの境界線を描くからブラシを選択する

につきましては、ブラシツールでオレンジ系色を選択した後に、
「火」という名前の新しいレイヤーを作成し、
「Step3：火のレイヤーを作成する」の1枚目の画像に写っているウィンドウ画面で
レイヤー、チャンネル、パスのウィンドウからパスのタブを選び、
メニュー（パレット右上の三角マークをクリック）で
「パスの境界線を描く...」を選択し、ツールに「ブラシ」を指定します。
これでパスで描いた場所に色の付いた線が入ります。

*コピースタンプツールの「はね」』や『コピースタンプツールをランダムに使って

に関しましては、先ほどのパスに沿って色が付いた
「火」レイヤーの上でコピースタンプツールを使うことによって
火の粉が飛んでいるような絵になります。

コンテンツに「ランダムに使って」とありますが、
コピースタンプツールをお好みで適量使用ください。
ということでございます。

これからもよりよいコンテンツをご提供致しますので、
何卒ウェブデザインライブラリーをよろしくお願い致します。

投稿者 ウェブデザインライブラリー : 2009年06月26日 17:14

2010年6月の人気記事ランキング

第1位：Photoshopでクールな効果をつける方法 

第2位：Photoshopで洗練したデザインを加える5つの小技 

第3位：Photoshopで写真に幻想的な霧のかかった効果をつける方法 

第4位：Photoshopでプロフェッショナルなメニューボタンを作る方法 

第5位：Photoshopで目に風景を映り込ませる方法 

トラックバック

このエントリーのトラックバックURL：