Adobe Illustratorは画像編集には向かないソフトですが、スモークの効果を加えることは全然可能です。

以前、ベイプの会社でデザインをしていたとき、販促物にさまざまなスモーク効果を加えたり作ったりする必要がありました。 PhotoshopとAdobe Illustratorを切り替えて使っていましたが、Adobe Illustratorでスモークを作る方法を見つけたんです。

このチュートリアルでは、Adobe Illustratorで煙を作るさまざまな方法を紹介します。スモーキーなブラシの作成、ベクタースモーク、画像に煙を追加する方法などです。

注：このチュートリアルのスクリーンショットは、Adobe Illustrator CC 2022 Mac版から引用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

スモークブラシの作り方

使用するツールや機能は、ラインツール、ペンツール、エンベロープディストート、透明パネルです。 難しくはありませんが、少し複雑なので、細かいところに注意してください。

始める前に、白を使って煙を作るので、アートボードの背景色を黒に変更します。

ステップ1． ラインツールで直線を引き、ストロークの色を白に、ストロークの太さを0.02ptに変更します。

注意：ストロークを細くすると、煙が柔らかく見えるようになります。

ステップ2． 選択ツール」をダブルクリックすると、「選択ツール」が開きます。 移動 の設定を変更します。 水平方向と距離の値を0.02（ストロークの重さと同じ）に変更し 垂直方向の値は0であるべきです .

クリック コピー .

ステップ3． を押し続けてください。 コマンド 又は Ctrl Windowsユーザー用キー）+（Windowsユーザー用キー D キーを押して、その行を複製します。 このようになるまで、しばらくキーを押し続けてください。

ステップ4． 線をグループ化し、不透明度を20%程度に下げます。

ステップ5． ペンツールを使って、複数の点が交差する煙の形を描き、パスを閉じます。 ストロークカラーを削除し、フィルカラーを白に変更します。

ステップ6． ラインとシェイプの両方を選択し、オーバーヘッドメニューから、次のように選びます。 対象物 > エンベロープディストート > トップオブジェクトで作る .

これでベクタースモークの作成は完了です。 次はこれをブラシにする作業です。

ステップ7． ブラシパネルを開き、このベクタースモークをブラシパネルにドラッグします。 を選択します。 アートブラシ に変更し、カラー化方法を ティントとシェード .

スモーキーブラシに名前をつけたり、ブラシの向きを変えたりすることも可能です。

これだけです。 試しに使ってみてください。

スモーク効果の作り方

エンベロープディストートツールとブレンドツールを使ってベクタースモークを作ることも、ラスター画像をブレンドするだけでスモーク効果を作ることもできます。 どちらのタイプのスモーク効果も手順を確認してみてください。

ベクター

実は、上で紹介したスモークブラシはすでにベクターになっているので、それを使って絵を描き、スモーク効果を加えることができます。 そして、これはベクタースモークの作り方の一つです。 もう一つ、ブレンドツールを使ったベクタースモークの作り方を紹介します。

ステップ1． ペンツールを使って、2本の波線が重なるように描きます。 ストロークの太さを0.05かそれより細くします。 線が細くなると、よりリアルな印象になります。

ステップ2． 両方の線を選択し、オーバーヘッドメニューから 対象物 > ブレンド > 作る .

見ての通り、パスの間隔が開きすぎていて、あまり説得力がありませんね。

ステップ3． 次のページへ 対象物 > ブレンド > ブレンドオプション に変更し、Spacingを 指定されたステップ と、ステップ数を増やしていきます。

を確認します。 プレビュー ボックスを使用して、調整しながら様子を見ることができます。

以上です！スモーキーブラシで作った煙の効果ほどリアルには見えませんが、不透明度やブレンドモードを調整することで、デザインにフィットさせることができますよ。

ラスター

本来はPhotoshopで行うのですが、誰もがPhotoshopを使っているわけではないので、Adobe Illustratorで煙の効果を作る方法を紹介します。

例えば、この画像にさらにスモークを追加してみましょう。

ステップ1． 煙（雲でも可）のある画像を探して、Adobe Illustratorに埋め込んでください。

この雲を使ってさらに煙を追加していくのですが、まずは画像をグレースケールに変換してみます。

ヒント: 背景色が似ている画像を探すと、よりよく調和させることができます。 そうでない場合は、以下のようになります。 クリッピングマスクを作成する をクリックすると、背景が消えます。

ステップ2． 煙・雲の画像を、煙を表示させたい元の画像に移動・拡大縮小します。 不透明度を下げると、位置が確認できます。

効果が出てきましたね？ 次は、よりリアルに見せるための工夫です。

ステップ3． 煙の画像を選択し、「ブレンドモード」から変更します。 外観 パネルをクリックします。 不透明度 をクリックすると、ブレンドモードが選択できるようになります。

不透明度も調整して、理想的な仕上がりにしてください。

その他の質問

ここでは、Adobe Illustratorでの煙の作り方について詳しく説明します。

スモークレターを作るには？

スモークブラシでスモーク文字を描くことができます。 ブラシの大きさを調整しながら描くと、文字が読みやすいように細いストロークで描くことができます。

Illustratorでスティームコーヒーを作るには？

コーヒーカップに蒸気を加える最も簡単な方法は、最適な煙の画像を見つけてブレンドすることです。 先ほど紹介したラスター煙効果を作るのと同じ方法でできます。

イラストレーターで漫画の煙を作るには？

ラスターの雲や煙の画像をベクター化して漫画風にすることもできますが、ペンツールやブラシツールで煙を描くのも一つの方法です。

結論

はい！Adobe Illustratorで煙の効果を作ることは可能で、利点はベクターの煙を編集できることです。 ブレンドツールの方法は最も簡単な方法ですが、結果はEnvelope Distortで作ったものほど現実的ではありません。

結局、作るプロジェクトによって違うんです。 用途に応じて、いろいろなタイプのスモークを用意するのがいいと思います。