Illustratorで虹を作る方法だよ

Illustratorで虹を作る方法だよ

こんにちは、西です。

今回は虹演出ってアツいな~と言うお話しです。

虹が欲しいマンガ
ご利益があるかは分かりませんが、今回は簡単に虹が作れる方法を紹介します。

虹色
虹色と言えば、の七色ですね。

完成予定
今回は半円の虹と円の中でグラデーションになっている虹の作り方を説明していきます。

最初は空にかかるような半円の虹を作っていきます!

グラデーションで作る虹

正円
まず楕円ツールで正円を作ります。
「Shift」を押しながらドラッグすると正円が描けます。

線にグラデ
線の方にグラデーションを設定します。

グラデーションパネルを開いていい感じに七色設定します。

確か線にグラデーションを設定できるようになったのはCS6以降だった気がします。便利ですね~。

グラデーションパネル
線の設定を「パスに交差してグラデーションを適用」にします。
するとあら不思議。もう虹です!

ここを消す
あとはお好きな線の太さに変更して、「ダイレクト選択ツール」で円の下のアンカーポイントをクリックして「Delete」で削除すると…

虹完成1
虹の完成です!

ブレンドで作る虹

次はグラデーションではなく線を重ねてパキッとした虹の作り方です。

正円を描く
まず先程と同じように正円を作ります。

もう1個円を描く
円の内側に小さい正円を中央に作ります。これが虹の空洞部分になります。

ブレンドオプション
「オブジェクト」→「ブレンド」→「ブレンドオプション」を開きます。

ブレンド設定
設定の「間隔」を「ステップ数」にして数値を「6」にします。

ブレンド作成
先程の円を2つとも選択した状態で、「オブジェクト」→「ブレンド」→「作成」をクリックします。

ブレンドした円
すると円と円の間に等間隔で線が6本できます。

ブレンド拡張
このままだと変更することができないので、「オブジェクト」→「ブレンド」→「拡張」を行います。

これでアウトライン化されます。

分割
円を選択した状態で「パスファインダー」パネルから「分割」を行います。

塗りを赤に
「ダイレクト選択ツール」で線を選択したら「塗り」を赤に「線」をなしにします。

これを繰り返して順番に虹色を塗りに入れていきます。

真ん中を削除
一番中央の円はいらないので削除します。

長方形で覆う
これで虹はできましたが半円にしていきたいと思います。

「長方形ツール」で半円にしたい好きな位置を長方形で覆います。

虹をクリッピングマスク
虹と長方形を選択して右クリックを押して「クリッピングマスクを作成」を選択します。

虹完成2
すると、半円の虹の完成!

クリッピングマスクなら後から解除できるので円の状態から編集し直すこともできます。

「いやいや、無駄な部分はもういらないぜ…!」
という人のためにもう一つ半円にする方法を紹介します。

ナイフツール
「消しゴムツール」のところに格納されている「ナイフツール」を選択します。

ナイフでズバッと
切りたい位置でドラッグすればズバッとパスが切れます。
「Alt」と「Shift」を押しながらドラッグするとまっすぐ切ることができます。

虹完成3
下の部分を削除すれば…完成です!

円の中が虹グラデーションの作り方

線を太く
まず円を作り「線」に虹のグラデーションを設定します。
そして線を真ん中の空洞が見えなくなるくらいものすごく太くします。

グラデーション虹設定
「グラデーションパネル」の「線」を「パスに沿ってグラデーションを適用」にします。
するとあら不思議。パスに沿ったグラデーションになります!
この時気をつけて欲しいのが、グラデーションの両端を同じカラーにしてください。
(今回は赤を両端に設定しています。)

アウトライン化
「オブジェクト」→「パス」→「パスのアウトライン」を選択します。

虹のアウトライン化
すると線のグラデーションがアウトライン化されます。
(線のグラデーションはグラデーションメッシュになります。)

放射状ぼかし
この状態だとグラデーションが不自然に見えたので
「効果」→「ぼかし」→「ぼかし(放射状)」を選択します。

放射状パネル
「方法」を「回転」にして「量」を適度な数値にします。

馴染んだ虹
適用すると、さっきよりグラデーションが馴染んだ気がします。

ガウスぼかし
これで完成ですが、色々使いやすくするためにぼかします。
「効果」→「ぼかし」→「ぼかし(ガウス)」を選択します。

ガウス設定
プレビューしながらお好きなぼかし具合にします。

ぼかした虹完成
これで完成です!

虹玉
これを元にキレイな虹玉も作れます!
なんとなくご利益がありそうな感じがします…

最後に

虹が欲しいマンガ2

エビ子は結局課金で解決しようとしてるみたいですね。

どこからお金が出ているんでしょう…羨ましいです。

全然関係ないですがSSRって何の略なんでしょうか?スーパースーパーレア?ダブルスーパーレア?

Illustratorで虹を作ろうとすると意外と「アレ?」となっちゃうので今回紹介させて頂きました。
これでレアっぽい演出やオリジナルのガチャ石が作り放題ですね!

ここまで読んでくださりありがとうございます!

同じカテゴリー(WEB制作・デザイン)の記事