![pen-icon](https://d23nrr7nmlf3d8.cloudfront.net/v2/icons/pen.svg?v=202407221317)
雲ブラシの作り方講座:イラストやアニメの背景の描き方 [Ari先生Vol.6]
この講座ではphotoshopでの雲ブラシの作り方を紹介します。ブラシを作るのは一見難しそうですが、工程を覚えれば大丈夫!背景を描く時間短縮にも繋がるので、ぜひ試してみてください。
雲ブラシ作りの工程
この記事では、1クリックで雲が描けるブラシを作ります。
![1クリックで描いた雲](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/01-min.png)
雲ブラシ作りの大まかな流れは、写真から雲を切り取る→写真を加工して雲の形を明確にする→別レイヤーに雲の形を書き出して整える→登録するとなります。
写真から雲を切り取る
雲の写真を用意する
雲の写真からブラシを作ります。使用する写真は、自分で撮ったものがおすすめです。今回は下の画像からブラシを作ります。
![雲ブラシの元になる写真](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/02-min.png)
なげなわツールで雲を切り取る
ブラシにしたい雲をなげなわツールでおおまかに切り取ります。周りはいらないので消しましょう。
![なげなわツールで雲を切り取る](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/03-min.png)
雲の形を明確にする
雲と空の色が似ていて雲の形が分かりにくいので、写真を加工します。
レベル補正で色を暗くする
写真が全体的に明るいので、レベル補正を使って暗くします。真ん中の三角スライダーを右に動かすと暗くなります。
![レベル補正を使用する前](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/04-min.png)
![レベル補正を使用した後](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/05-min.png)
コントラストをつける
カラーチャンネルで、雲と空のコントラストが大きいものを選びます。今回はレッドチャンネルを選びました。
![チャンネルによるコントラストの違い](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/06-min.png)
カラーチャンネルとは?
画像の中で、光の三原色がどのくらい入っているのか示す機能です。モニターの色はすべて、光の三原色であるR(赤)、G(緑)B(青)を混ぜて作っています。
![光の三原色の解説図](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/07-min.png)
カラーチャンネルでは、RGBがそれぞれどのくらい含まれてるのかを、白黒の画像で表示します。例えば下の空の画像をレッドチャンネルで見ると、空は黒く表示されています。空の青には赤がほとんど含まれていないことを示しています。反対に雲の白い部分は赤い光が多く含まれるため、レッドチャンネルで見ると白く表示されます。
![レッドチャンネルによる雲の見え方](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/08-min.png)
雲の形を整える
別レイヤーに雲の形を描き出す
チャンネルで表示されたモノクロの画像は、編集することができません。カラーチャンネルで白く表示されている部分を選択し、他レイヤーで選択範囲を塗りつぶすと、画像と同じ濃淡が再現でき、編集もできるようになります。
![チャンネルの選択範囲を塗りつぶした状態](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/09-min.png)
キーボードのcommandキー(windowsの場合はcontrolキー)を押しながらレッドチャンネルをクリックすると、白い部分(赤が含まれている部分)を選択できます。
![チャンネルで白く表示された部分を選択する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/10-min.png)
元の写真が貼られている「雲写真」レイヤーの下に、「くも」レイヤーと「kuro」レイヤーを作ります。
![新規レイヤーを作る](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/11-min.png)
「くも」レイヤーは選択範囲をバケツツールで白に塗りつぶします。
![くもレイヤーの選択範囲を白で塗りつぶす](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/12-min.png)
選択を解除し、「kuro」レイヤーの全体を黒で塗りつぶします。「くも」レイヤーの白が浮かび上がり、見やすくなりました。ここから雲の形を整えていきます。
![kuroレイヤーを黒で塗りつぶす](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/13-min.png)
雲の形を整える
不要な空の部分を黒のエアブラシで消します。
![黒で消す部分を示す](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/14-min.png)
空を消し終わりました。空と雲の境界が不自然なので、白のエアブラシで形を整えます。
![黒で消した状態](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/15-min.png)
雲の形を整えました。
![形を整えた状態](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/16-min.png)
雲のみを選択する
カラーチャンネルのRGBチャンネルで白い部分(RGBが全て含まれている部分)を選択します。
![RGBチャンネルで表示された部分を選択する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/17-min.png)
新しくレイヤーを作り、選択範囲を黒で塗りつぶします。雲ブラシのデータができました!
![雲ブラシのデータの完成](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/18-min.png)
ブラシを登録する
長方形選択ツールで作成したブラシを選択します。編集→ブラシを定義を選ぶとブラシ名をつけるウィンドウが出てきます。名前を入力し、OKをクリックすると登録完了です。
![ブラシを登録する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/19-min.png)
![ブラシ名を設定する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/20-min.png)
ブラシの種類の選択画面を見ると、雲ブラシが登録されていることが分かります。
![雲ブラシの登録を確認する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/21-min.png)
雲ブラシの制作工程はいかがでしたか?
分かりにくい部分は動画で解説しているので、ぜひご覧ください!
初心者から絵師デビュー!
厚塗りのエッセンスを取り入れた「厚塗り風」イラストの描き方を解説!わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速【7日間の無料お試し実施中】
詳細はコチラ!イラレポ
投稿完了
この講座ではphotoshopでの雲ブラシの作り方を紹介します。ブラシを作るのは一見難しそうですが、工程を覚えれば大丈夫!背景を描く時間短縮にも繋がるので、ぜひ試してみてください。
雲ブラシ作りの工程
この記事では、1クリックで雲が描けるブラシを作ります。
![1クリックで描いた雲](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/01-min.png)
雲ブラシ作りの大まかな流れは、写真から雲を切り取る→写真を加工して雲の形を明確にする→別レイヤーに雲の形を書き出して整える→登録するとなります。
全身がスラスラ描けるようになる!?
【初心者歓迎】超人気のジェスチャードローイング講座が公開中!わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速!【7日間の無料お試し実施中】
詳細はコチラ!写真から雲を切り取る
雲の写真を用意する
雲の写真からブラシを作ります。使用する写真は、自分で撮ったものがおすすめです。今回は下の画像からブラシを作ります。
![雲ブラシの元になる写真](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/02-min.png)
なげなわツールで雲を切り取る
ブラシにしたい雲をなげなわツールでおおまかに切り取ります。周りはいらないので消しましょう。
![なげなわツールで雲を切り取る](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/03-min.png)
雲の形を明確にする
雲と空の色が似ていて雲の形が分かりにくいので、写真を加工します。
レベル補正で色を暗くする
写真が全体的に明るいので、レベル補正を使って暗くします。真ん中の三角スライダーを右に動かすと暗くなります。
![レベル補正を使用する前](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/04-min.png)
![レベル補正を使用した後](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/05-min.png)
コントラストをつける
カラーチャンネルで、雲と空のコントラストが大きいものを選びます。今回はレッドチャンネルを選びました。
![チャンネルによるコントラストの違い](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/06-min.png)
カラーチャンネルとは?
画像の中で、光の三原色がどのくらい入っているのか示す機能です。モニターの色はすべて、光の三原色であるR(赤)、G(緑)B(青)を混ぜて作っています。
![光の三原色の解説図](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/07-min.png)
カラーチャンネルでは、RGBがそれぞれどのくらい含まれてるのかを、白黒の画像で表示します。例えば下の空の画像をレッドチャンネルで見ると、空は黒く表示されています。空の青には赤がほとんど含まれていないことを示しています。反対に雲の白い部分は赤い光が多く含まれるため、レッドチャンネルで見ると白く表示されます。
![レッドチャンネルによる雲の見え方](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/08-min.png)
雲の形を整える
別レイヤーに雲の形を描き出す
チャンネルで表示されたモノクロの画像は、編集することができません。カラーチャンネルで白く表示されている部分を選択し、他レイヤーで選択範囲を塗りつぶすと、画像と同じ濃淡が再現でき、編集もできるようになります。
![チャンネルの選択範囲を塗りつぶした状態](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/09-min.png)
キーボードのcommandキー(windowsの場合はcontrolキー)を押しながらレッドチャンネルをクリックすると、白い部分(赤が含まれている部分)を選択できます。
![チャンネルで白く表示された部分を選択する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/10-min.png)
元の写真が貼られている「雲写真」レイヤーの下に、「くも」レイヤーと「kuro」レイヤーを作ります。
![新規レイヤーを作る](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/11-min.png)
「くも」レイヤーは選択範囲をバケツツールで白に塗りつぶします。
![くもレイヤーの選択範囲を白で塗りつぶす](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/12-min.png)
選択を解除し、「kuro」レイヤーの全体を黒で塗りつぶします。「くも」レイヤーの白が浮かび上がり、見やすくなりました。ここから雲の形を整えていきます。
![kuroレイヤーを黒で塗りつぶす](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/13-min.png)
雲の形を整える
不要な空の部分を黒のエアブラシで消します。
![黒で消す部分を示す](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/14-min.png)
空を消し終わりました。空と雲の境界が不自然なので、白のエアブラシで形を整えます。
![黒で消した状態](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/15-min.png)
雲の形を整えました。
![形を整えた状態](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/16-min.png)
雲のみを選択する
カラーチャンネルのRGBチャンネルで白い部分(RGBが全て含まれている部分)を選択します。
![RGBチャンネルで表示された部分を選択する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/17-min.png)
新しくレイヤーを作り、選択範囲を黒で塗りつぶします。雲ブラシのデータができました!
![雲ブラシのデータの完成](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/18-min.png)
ブラシを登録する
長方形選択ツールで作成したブラシを選択します。編集→ブラシを定義を選ぶとブラシ名をつけるウィンドウが出てきます。名前を入力し、OKをクリックすると登録完了です。
![ブラシを登録する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/19-min.png)
![ブラシ名を設定する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/20-min.png)
ブラシの種類の選択画面を見ると、雲ブラシが登録されていることが分かります。
![雲ブラシの登録を確認する](https://s3-ap-northeast-1.amazonaws.com/palmie/lesson_articles/91/21-min.png)
雲ブラシの制作工程はいかがでしたか?
分かりにくい部分は動画で解説しているので、ぜひご覧ください!
初心者から絵師デビュー!
厚塗りのエッセンスを取り入れた「厚塗り風」イラストの描き方を解説!わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速【7日間の無料お試し実施中】
詳細はコチラ!![](https://d23nrr7nmlf3d8.cloudfront.net/lessons/no-otehon-min.jpg?v=202407221317)
この講座の制作環境
OS : Mac OS X 10.6
ソフト:Photoshop CS4
ペンタブ:Wacom Intuos4
![](https://d23nrr7nmlf3d8.cloudfront.net/assets/images/lessons/bnr_x.png?v=202407221317)