イラストレーターのハセガワ(@h_hasegawa8)です。
Vectornatorで星が輝く夜空をつくる方法をご紹介します。
星が輝く夜空をつくる方法以外にもさまざまVectornatorの使い方をご紹介しているので、よろしければ下記もあわせてご覧ください。
タップできる目次
Vectornatorで星が輝く夜空をつくる方法
今回ご紹介するVectornatorで星が輝く夜空をつくる方法は、次の流れで作業を行います。
- 夜空となる黒色で塗りつぶしたオブジェクトを描く
- 星となるオブジェクトを描く
- 星となるオブジェクトに光のエフェクトを加える
実際に星空をつくりながらご説明します。
夜空となる黒色で塗りつぶしたオブジェクトを描く
まずは、夜空となる黒色で塗りつぶしたオブジェクトを描きます。
大きさや形は何でも良いです。
![夜空となる黒色で塗りつぶしたオブジェクト](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/2EDC8319-D0EA-4E04-A8A4-8E53FAF6EE16-1024x750.jpeg)
星となるオブジェクトを描く
次に星となるオブジェクトを描きます。
ツールバーより星型のシェイプツールを選択します。
星型のシェイプツールで描くオブジェクトの角の数を「4」つに設定します。
![ツールバーより星型のシェイプツールを選択](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/AD12C8E5-569D-49E7-9B95-A922DA96A772-1024x663.jpeg)
色の設定を行います。スタイルタブより塗りつぶしの色を「白色」に、線は「なし」を設定します。
![スタイルタブより塗りつぶしの色を「白色」](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/E8B2357D-8F04-4077-B959-80290287DE37-1024x764.jpeg)
以上の設定を行った星型のシェイプツールで、アートボードに星を1つ描きます。
![](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/9AB42DD8-D5A2-44B7-B694-86B03AA28B19-1024x585.jpeg)
アートボードに星を描いたらツールバーよりノードツールを選択し、内側のアンカーポイントを選択してスタイルタブよりノードのスタイルを「ミラー」にします。
![スタイルタブよりノードのスタイルを「ミラー」](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/56A08DBE-620C-4339-BC0E-74ED2F7E7B18-1024x750.jpeg)
内側にある他の3つのアンカーポイントも、同じ用にスタイルタブよりノードのスタイルを「ミラー」にします。
4つともノードのスタイルを「ミラー」にしたら形を整えます。
![スタイルタブよりノードのスタイルを「ミラー」](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/70582847-733C-4D9A-BE87-C862DF47114F-1024x750.jpeg)
以上で星となるオブジェクトが描けました。
星となるオブジェクトに光のエフェクトを加える
最後に星となるオブジェクトに光のエフェクトを加えます。
先程描いた星となるオブジェクトを複製して、2つを重ねて同じ位置に置きます。
![オブジェクトを複製](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/2E92D870-1F34-45B9-9D0E-D0262E9D456B-1024x750.jpeg)
複製と配置ができたら、それぞれ次のようにスタイルの設定を行います。
背面の星 | 白線 |
強めぼかし | |
前面の星 | 弱めぼかし |
![オブジェクトをぼかす](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/BED8BE51-A38F-461A-91A0-C89842613C88-1024x750.jpeg)
2つともスタイルの設定ができたら、それらをグループ化して更に複製を繰り返します。
![オブジェクトを複製](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/CC429A11-2731-4FAA-8F5A-AD9383FE54A7-1024x750.jpeg)
以上で星が輝く夜空の完成です。
![](https://h-hasegawa8.com/wp/wp-content/uploads/2022/05/969B383D-EE87-44DF-8A94-525019261A57-1024x595.jpeg)
まとめ
以上がVectornatorで星が輝く夜空をつくる方法です。
ぜひ試してみてください。