【Photoshop】文字を煙風にする方法【新人デザイナー向け】
Photoshopで文字を煙風にしたい。
煙風にしたいけど、参考になるチュートリアルが存在しない。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
目次
- Photoshopで文字を煙風にする方法
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
Photoshopで文字を煙風にする方法
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_29-1024x576.jpg)
今回はこんな感じのものを作っていくよ!
素材は全て無料なので気になる方はチャレンジしてみてね!
今回利用する素材
![](https://nexout.blog/wp-content/uploads/2023/06/d2cnsyb-42ec4350-5e98-436c-9bf2-f78ccb3a9fbb.png)
引用元:Deviantart
Photoshopで文字を煙風にする方法
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_01-1024x576.jpg)
今回はこの文字を使って進めていくよ、文字は何でもいいので用意しておいてね!
文字の入力方法が分からない人は下の記事を参考にしてみてね!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_02.jpg)
文字レイヤーを選択した状態でメニューバーの「フィルター」→「変形」→「波形」を選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_05-1024x160.jpg)
「スマートオブジェクトに変換」を選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_03.jpg)
ここでは波形=「24」波長、最小=「100」最大=「500」振幅、最小=「1」最大=「30」比率、水平=「100」垂直=「100」としてOK!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_04-1024x576.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_06.jpg)
メニューバーの「フィルター」→「ぼかし」→「ぼかし(移動)」を選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_07.jpg)
ここでは角度=「90」距離=「40」としてOK!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_08-1024x576.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_09.jpg)
ツールバーから移動ツールを選択後、少し右方向へ移動!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_10-1024x576.jpg)
ここではこんな感じとしてOK!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_11.jpg)
新規レイヤーボタンを選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_12.jpg)
ツールバーからブラシツールを選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_13.jpg)
ツールバーの下の方にある、描画色を選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_14.jpg)
ここでは#「ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_15.jpg)
ダウンロードしたブラシを選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_16.jpg)
メニューバーの「ウィンドウ」→「ブラシ設定」を選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_17.jpg)
ここでは直径=「1200px」角度=「90」と入力!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_18-1024x580.jpg)
ドキュメント上でクリック!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_19-1024x576.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_20.jpg)
ここでは不透明度=「60」と入力!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_21-1024x576.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_22.jpg)
文字のレイヤーを選択後、レイヤーマスクのアイコンを選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_23.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_24.jpg)
ツールバーの下の方にある描画色を選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_25.jpg)
ここでは#「000000」としてOK!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_26.jpg)
ツールバーからブラシツールを選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_27.jpg)
直径や角度をランダムに選択!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_28-1024x576.jpg)
所々、クリックして(非表示にして)煙と文字を馴染ませよう!
![](https://nexout.blog/wp-content/uploads/2023/06/230626_h2_29-1024x576.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)