pen-iconpen-icon雲ブラシの作り方講座:イラストやアニメの背景の描き方 [Ari先生Vol.6]

この講座ではphotoshopでの雲ブラシの作り方を紹介します。ブラシを作るのは一見難しそうですが、工程を覚えれば大丈夫!背景を描く時間短縮にも繋がるので、ぜひ試してみてください。

雲ブラシ作りの工程

この記事では、1クリックで雲が描けるブラシを作ります。

1クリックで描いた雲

雲ブラシ作りの大まかな流れは、写真から雲を切り取る→写真を加工して雲の形を明確にする→別レイヤーに雲の形を書き出して整える→登録するとなります。

全身がスラスラ描けるようになる!?

【初心者歓迎】超人気のジェスチャードローイング講座が公開中!わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速!【7日間の無料お試し実施中】

詳細はコチラ!

写真から雲を切り取る

雲の写真を用意する

雲の写真からブラシを作ります。使用する写真は、自分で撮ったものがおすすめです。今回は下の画像からブラシを作ります。

雲ブラシの元になる写真

なげなわツールで雲を切り取る

ブラシにしたい雲をなげなわツールでおおまかに切り取ります。周りはいらないので消しましょう。

なげなわツールで雲を切り取る

雲の形を明確にする

雲と空の色が似ていて雲の形が分かりにくいので、写真を加工します。

レベル補正で色を暗くする

写真が全体的に明るいので、レベル補正を使って暗くします。真ん中の三角スライダーを右に動かすと暗くなります。

レベル補正を使用する前
レベル補正を使用した後

コントラストをつける

カラーチャンネルで、雲と空のコントラストが大きいものを選びます。今回はレッドチャンネルを選びました。

チャンネルによるコントラストの違い

カラーチャンネルとは?

画像の中で、光の三原色がどのくらい入っているのか示す機能です。モニターの色はすべて、光の三原色であるR(赤)、G(緑)B(青)を混ぜて作っています。

光の三原色の解説図

カラーチャンネルでは、RGBがそれぞれどのくらい含まれてるのかを、白黒の画像で表示します。例えば下の空の画像をレッドチャンネルで見ると、空は黒く表示されています。空の青には赤がほとんど含まれていないことを示しています。反対に雲の白い部分は赤い光が多く含まれるため、レッドチャンネルで見ると白く表示されます。

レッドチャンネルによる雲の見え方

雲の形を整える

別レイヤーに雲の形を描き出す

チャンネルで表示されたモノクロの画像は、編集することができません。カラーチャンネルで白く表示されている部分を選択し、他レイヤーで選択範囲を塗りつぶすと、画像と同じ濃淡が再現でき、編集もできるようになります。

チャンネルの選択範囲を塗りつぶした状態

キーボードのcommandキー(windowsの場合はcontrolキー)を押しながらレッドチャンネルをクリックすると、白い部分(赤が含まれている部分)を選択できます。

チャンネルで白く表示された部分を選択する

元の写真が貼られている「雲写真」レイヤーの下に、「くも」レイヤーと「kuro」レイヤーを作ります。

新規レイヤーを作る

「くも」レイヤーは選択範囲をバケツツールで白に塗りつぶします。

くもレイヤーの選択範囲を白で塗りつぶす

選択を解除し、「kuro」レイヤーの全体を黒で塗りつぶします。「くも」レイヤーの白が浮かび上がり、見やすくなりました。ここから雲の形を整えていきます。

kuroレイヤーを黒で塗りつぶす

雲の形を整える

不要な空の部分を黒のエアブラシで消します。

黒で消す部分を示す

空を消し終わりました。空と雲の境界が不自然なので、白のエアブラシで形を整えます。

黒で消した状態

雲の形を整えました。

形を整えた状態

雲のみを選択する

カラーチャンネルのRGBチャンネルで白い部分(RGBが全て含まれている部分)を選択します。

RGBチャンネルで表示された部分を選択する
 

新しくレイヤーを作り、選択範囲を黒で塗りつぶします。雲ブラシのデータができました!

雲ブラシのデータの完成

ブラシを登録する

長方形選択ツールで作成したブラシを選択します。編集→ブラシを定義を選ぶとブラシ名をつけるウィンドウが出てきます。名前を入力し、OKをクリックすると登録完了です。

ブラシを登録する
ブラシ名を設定する

ブラシの種類の選択画面を見ると、雲ブラシが登録されていることが分かります。

雲ブラシの登録を確認する

雲ブラシの制作工程はいかがでしたか?
分かりにくい部分は動画で解説しているので、ぜひご覧ください!

初心者から絵師デビュー!

厚塗りのエッセンスを取り入れた「厚塗り風」イラストの描き方を解説!わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速【7日間の無料お試し実施中】

詳細はコチラ!

book-icon
おすすめ月謝制講座


イラレポ
投稿完了

この講座ではphotoshopでの雲ブラシの作り方を紹介します。ブラシを作るのは一見難しそうですが、工程を覚えれば大丈夫!背景を描く時間短縮にも繋がるので、ぜひ試してみてください。

雲ブラシ作りの工程

この記事では、1クリックで雲が描けるブラシを作ります。

1クリックで描いた雲

雲ブラシ作りの大まかな流れは、写真から雲を切り取る→写真を加工して雲の形を明確にする→別レイヤーに雲の形を書き出して整える→登録するとなります。

初心者から絵師デビュー!

【初心者歓迎】自宅でイラストが学べるオンライン教室。わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速!【7日間の無料お試し実施中】

詳細はコチラ!

写真から雲を切り取る

雲の写真を用意する

雲の写真からブラシを作ります。使用する写真は、自分で撮ったものがおすすめです。今回は下の画像からブラシを作ります。

雲ブラシの元になる写真

なげなわツールで雲を切り取る

ブラシにしたい雲をなげなわツールでおおまかに切り取ります。周りはいらないので消しましょう。

なげなわツールで雲を切り取る

雲の形を明確にする

雲と空の色が似ていて雲の形が分かりにくいので、写真を加工します。

レベル補正で色を暗くする

写真が全体的に明るいので、レベル補正を使って暗くします。真ん中の三角スライダーを右に動かすと暗くなります。

レベル補正を使用する前
レベル補正を使用した後

コントラストをつける

カラーチャンネルで、雲と空のコントラストが大きいものを選びます。今回はレッドチャンネルを選びました。

チャンネルによるコントラストの違い

カラーチャンネルとは?

画像の中で、光の三原色がどのくらい入っているのか示す機能です。モニターの色はすべて、光の三原色であるR(赤)、G(緑)B(青)を混ぜて作っています。

光の三原色の解説図

カラーチャンネルでは、RGBがそれぞれどのくらい含まれてるのかを、白黒の画像で表示します。例えば下の空の画像をレッドチャンネルで見ると、空は黒く表示されています。空の青には赤がほとんど含まれていないことを示しています。反対に雲の白い部分は赤い光が多く含まれるため、レッドチャンネルで見ると白く表示されます。

レッドチャンネルによる雲の見え方

雲の形を整える

別レイヤーに雲の形を描き出す

チャンネルで表示されたモノクロの画像は、編集することができません。カラーチャンネルで白く表示されている部分を選択し、他レイヤーで選択範囲を塗りつぶすと、画像と同じ濃淡が再現でき、編集もできるようになります。

チャンネルの選択範囲を塗りつぶした状態

キーボードのcommandキー(windowsの場合はcontrolキー)を押しながらレッドチャンネルをクリックすると、白い部分(赤が含まれている部分)を選択できます。

チャンネルで白く表示された部分を選択する

元の写真が貼られている「雲写真」レイヤーの下に、「くも」レイヤーと「kuro」レイヤーを作ります。

新規レイヤーを作る

「くも」レイヤーは選択範囲をバケツツールで白に塗りつぶします。

くもレイヤーの選択範囲を白で塗りつぶす

選択を解除し、「kuro」レイヤーの全体を黒で塗りつぶします。「くも」レイヤーの白が浮かび上がり、見やすくなりました。ここから雲の形を整えていきます。

kuroレイヤーを黒で塗りつぶす

雲の形を整える

不要な空の部分を黒のエアブラシで消します。

黒で消す部分を示す

空を消し終わりました。空と雲の境界が不自然なので、白のエアブラシで形を整えます。

黒で消した状態

雲の形を整えました。

形を整えた状態

雲のみを選択する

カラーチャンネルのRGBチャンネルで白い部分(RGBが全て含まれている部分)を選択します。

RGBチャンネルで表示された部分を選択する
 

新しくレイヤーを作り、選択範囲を黒で塗りつぶします。雲ブラシのデータができました!

雲ブラシのデータの完成

ブラシを登録する

長方形選択ツールで作成したブラシを選択します。編集→ブラシを定義を選ぶとブラシ名をつけるウィンドウが出てきます。名前を入力し、OKをクリックすると登録完了です。

ブラシを登録する
ブラシ名を設定する

ブラシの種類の選択画面を見ると、雲ブラシが登録されていることが分かります。

雲ブラシの登録を確認する

雲ブラシの制作工程はいかがでしたか?
分かりにくい部分は動画で解説しているので、ぜひご覧ください!

初心者から絵師デビュー!

【初心者歓迎】自宅でイラストが学べるオンライン教室。わかりやすい動画授業+質問相談サポートで、あなたの上達を更に加速!【7日間の無料お試し実施中】

詳細はコチラ!

teacher-icon

Ari

背景イラストレーターのariと申します。 主にゲーム、映像、雑誌等の背景、風景イラスト制作を行っています。 本講座が何かの参考になれば幸いです。 それでは、よろしくお願いします。

この講座の制作環境

OS : Mac OS X 10.6
ソフト:Photoshop CS4
ペンタブ:Wacom Intuos4

イラレポを投稿しよう

雲のブラシを作ってイラストを投稿してみましょう!


book-icon
おすすめ講座


この講座の制作環境

OS : Mac OS X 10.6
ソフト:Photoshop CS4
ペンタブ:Wacom Intuos4

イラレポを投稿しよう

雲のブラシを作ってイラストを投稿してみましょう!


イラレポ
投稿完了


teacher-icon

Ari

背景イラストレーターのariと申します。 主にゲーム、映像、雑誌等の背景、風景イラスト制作を行っています。 本講座が何かの参考になれば幸いです。 それでは、よろしくお願いします。