【Illustrator】美しい星空・夜空・天の川の描き方チュートリアルマニアックスオススメ!5分で出来る!アピアランスIllustrator講座AboutリンクIllustrator日英対訳表をCC2019対応版に更新しました。ホームジャンル別リアル【Illustrator】美しい星空・夜空・天の川の描き方2014年6月20日ツイートシェアはてブLINEPocketIllustratorでだって、美しい星空描けるんです!というわけで、今回はIllustratorで美しい天の川を描いちゃいます!大好きな宇宙を大好きなIllustratorで描くというコンセプトのもとつくった、久しぶりの誰得チュートリアルとなっております。グラデーション:空】(スウォッチライブラリメニュー>グラデーション>空)を使用します。表示されていない場合は、表示しておきましょう。夜空を描くこのステップではグラデーションを使って夜空を描いていきます。グラデーションスウォッチの【空】は空・宇宙を描くときにとても便利です。元から入っているものはバンバン利用していきましょう。グラデーションの正方形を描く長方形ツールでアートボードより少し大きいサイズの正方形をつくります。長方形ツール/Rectangle幅/Width:525px高さ/Height:525px線/Stroke:なし/none正方形が描けたら、塗りにグラデーションを適用します。次に、オブジェクトを再配色機能を使い、グラデーションの色を変更します。編集/Edit明度を調整バーのスライダーを一番左へ全体の明度が下がりました。明度が下がったグラデーションはこちら別な色のグラデーションを重ねる次に、色の異なるグラデーションを重ね、夜空に深みを出します。アピアランスパネルから新規塗りを追加。Fill新しく追加された塗りにグラデーション(空17)を適用します。異なる色のグラデーションを角度を変えて重ねると、画面に動きがでるのでオススメです。Dodge不透明度/Opacity:20%夜空の完成。念のため、できあがったレイヤーにはロックをかけておきましょう。空に少し奥行きが出ました。小さな星を描くこのステップではオリジナルの散布ブラシをつくり、夜空に小さな星を散りばめていきます。【小さな星ブラシ】をつくる小さな星を描く用の新規レイヤーを作成。Layer楕円形ツールで星のモトとなる小さな円を描きます。楕円形ツール/Ellipse幅(W):1px高さ(H):1px線/Stroke:なし/none塗り/Fill:白/White※自分のお絵かき用という事で、とても小さなパスを扱っています。使用用途に合わせて、大きさは調整するようにお願いします。楕円をブラシパネルにドラッグ・アンド・ドロップして散布ブラシを作成。Brush以下の様に散布ブラシオプションの数値を設定します。Color:白/White星ブラシの完成です。オリジナルブラシで星を描く線色を変更し、先ほどのブラシでガッシガッシと星を描いていきます。天の川が来るゾーンには多めに星を描きましょう。白だと色が強すぎるので、パステルカラーの明度を下げた感じの色を使うとよく馴染みます。B=234塗り/Fill:なし/none星を描き終わったら、レイヤー全体の描画モードを【ハードライト】へ変更します。Light夜空に小さな星が浮かびました。大きめの星を描くこのステップでは【小さな星ブラシ】をアレンジして、【大きな星ブラシ】をつくり、大きめの星を描きます。【大きな星ブラシ】をつくる新規レイヤーを作成。Layer先ほどつくった【小さな星ブラシ】を右下の【新規ブラシ】アイコンにドラッグ・アンド・ドロップして、ブラシを複製します。複製した散布ブラシの設定を変更し、【大きな星】ブラシをつくります。ブラシをダブルクリックして編集画面を開きましょう。散布ブラシオプションの値を変更。Color:白/White【大きな星】ブラシが完成しました。淡色で星を描く線色を淡い色に変更し、天の川を描くエリアを中心に星を描いていきましょう。線色は【スウォッチ:ソフト】あたりがオススメです。B=242ガッシガシと星を描きます。星空が出来上がりました。天の川を描くこのステップでは天の川を描きます。シンボル機能をうまく使って、天の川の星雲を表現していきましょう。天の川用のシンボルをつくる天の川用の新規レイヤーを作成。Layer塗りブラシツールで下図のようなボコボコしたオブジェクトをつくります。塗りブラシツールがない場合は、ペンツールや、【パスファインダー>合体】などを使って似たような形をつくってください。Brushボコボコオブジェクトの塗りにグラデーション(空19)を適用。グラデーション/Gradient:空19/Sky19【反転グラデーション】ボタンをクリックして、グラデーションを反転させて、黄色がグラデーションの中心になるようにします。B=178)のスライダーを左端に移動。>位置/Location:0%さらにグラデーションの角度と縦横比を変更。Ratio:50%さらに、アピアランスパネル左下の【新規効果を追加】から、新規効果を追加>スタイライズ>ぼかし、ぼかし効果を追加します。Radius:5pxちょっとウミウシっぽい。同じように、新規効果を追加>スタイライズ>光彩(外側)を追加。B=255最後に、描画モードと不透明度を変更。modes:スクリーン/Screen不透明度/Opacity:35%シンボルの元となるオブジェクトができあがりました。シンボルに登録しましょう。シンボルパネルにドラッグ・アンド・ドロップ。panel.名前を付けて、OK。無事天の川シンボルができあがりました。同じようにして、丸っこいシンボルも作成します。オブジェクトをつくって、グラデーション&効果をかけて......シンボルへ登録!シンボルの元になったオブジェクトはこの先使わないので、削除してしまいましょう。天の川を描くさぁ、いよいよ天の川。先ほどつくったシンボルを配置して、星雲を描いていきます。効果をかけた通常のパスでも同じようにできますが、シンボルを使ったほうが簡単だし、ファイルサイズが節約できたり、マシンへの負担が少なくてすむので、今回はこちらを採用しました。リフレクトなどをしてペタペタ貼りつけていきます。2種類、合わせて18個配置しました。無事、天の川の基本ができあがりました。天の川を加工していくこのステップでは天の川をよりそれらしく見せるために加工していきます。シンボルで焼き込む効果用の新しいレイヤーをつくります。Layer先ほどつくった天の川シンボルを新規シンボルボタンにドラッグ・アンド・ドロップ。button.複製できたら、シンボルをダブルクリックして、シンボルの編集を行います。Burn不透明度/Opacity:25%できあがったシンボルを、先ほどと同じ様に、配置していきます。今回は5つとちょっと少なめ。シンボルで影を描く先ほどと同じ要領で、天の川の暗い部分を描いていきます。新しいレイヤーをつくりましょう。Layer続いて、シンボルを【新規シンボルボタン】にドラッグ・アンド・ドロップして、複製。button.ダブルクリックして、シンボルの編集を行います。Burn不透明度/Opacity:25%塗りを白黒のグラデーションに変更。Ratio:100%できあがったシンボルを変形等を行いながら、配置していきます。サンプルでは13個配置してみました。天の川がいい感じになってきました。全体にグラデーションかけるこのステップでは全体にグラデーションをかけて、色を整えていきます。グラデーション用のレイヤーをつくります。Layerアートボードより少し大きいサイズの正方形をつくりましょう。長方形ツール/Rectangle幅/Width:525px高さ/Height:525pxできあがった正方形に、お好みのグラデーションを適用。グラデーションスウォッチ【空】や【水】がオススメ。オリジナルでもOKです。B=255(不透明度/Opacity:0%)描画モードを変更して、天の川に色を付けましょう。Burn不透明度/Opacity:100%どどーん。ちなみにグラデーション変えるとこんな感じ。あれ、こっちの方がいいかも......。地面を作るこのステップでは、地面を描いていきます。Layer適当に山を描きます。私は塗りブラシツールで描きました。できあがったオブジェクトにブラシ【木炭画−鉛筆】を適用。Charcoal線幅を変更。線幅/Weight:5pt光彩(外側)効果をかけて、ぼんやり光る山の稜線を表現します。modes:スクリーン/Screen不透明度/Opacity:30%ぼかし/Blur:3px無事山ができて、天の川の完成です。長い間お疲れ様でした。レイヤーパネルはこんな感じ。今回は低スペックのマシンでも描けるように、シンボルを多用して天の川を描いていきました。説明の手間を省くため、シンボルを使いまわしまくりましたが、もう少しシンボルの形にこだわったり、シンボル系のツールを使えばより天の川っぽくなると思います。ちなみに、シンボルを使わずパスをコピペしてグラデーションを調整すれば、よりそれっぽい天の川を描くことが出来ます。比にならないくらいマシンに負担をかけますし、ファイルサイズが重くなります。グラデーションメッシュを使えば、少ないパスでいけるのかもしれませんが、私には無理でした。スキルがあがったら挑戦してみます。それまでは諦めてPhotoshopを開きます。シンボルを使わずにパスをコピペして描いた天の川。