![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト_黄色-1024x724.jpg)
今回は、Adobe Illustrator(イラストレータ)で、ランダムな配色のサンバーストを作る方法をご紹介します。イラストレータには「ランダムに配色する」機能が備わっているため、一見手間がかかりそうな上記のようなデザインも、簡単に作ることが出来ます。
それでは、やり方をご紹介します。
まずはじめに、楕円形ツールで正円を1つ作ってください。
サイズは適当で良いですが、これがサンバーストの中心になる円となります。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト1-1024x583.jpg)
次に、先程作った円を選択した状態で、「右クリック」→「変形」→「拡大・縮小」を選択してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト2-1024x583.jpg)
「拡大・縮小」のメニューから、「縦横比を固定」の欄に「150%」と入力し、「コピー」を選択してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト3-1024x583.jpg)
最初に作った円の外側に、150%拡大された円が表示されます。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト4-1024x583.jpg)
次に、「Ctrlボタン」+「Dボタン」を押します。
※MACの場合は「commandボタン」+「Dボタン」
これは、直前の作業を繰り返すというショートカットキーで、今回の場合は押すたびに150%拡大された円が複製されます。下記では5回繰り返しましたが、自分が作りたいサンバーストのサイズをイメージしながら円を複製してみてください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト5-1024x583.jpg)
次に、直線ツールで一番外側の円より少し大きい程度の直線を1本引いてください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト6-1024x583.jpg)
すべての円と直線を選択した状態で、「整列ツール」の「水平方向中央に整列」と「垂直方向中央に整列」をそれぞれクリックします。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト7-1024x583.jpg)
次に、直線のみを選択して、「右クリック」→「変形」→「回転」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト8-1024x583.jpg)
「回転」のメニューから、「角度」の欄に「10度」と入力し、「コピー」を選択してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト9-1024x583.jpg)
最初に作った直線から、10度傾いた直線が表示されます。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト10-1024x583.jpg)
ここで、先程の円の時と同じように、「Ctrlボタン」+「Dボタン」を押します。
※MACの場合は「commandボタン」+「Dボタン」
10度傾いた直線が複製されていくので、円を1周するまで複製してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト11-1024x583.jpg)
次に、すべての円と直線を選択した状態で、「パスファインダー」→「分割」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト12-1024x583.jpg)
これで、サンバーストの元となる図形が出来ました。
これから色を付けていくので、「右クリック」→「グループ解除」をしておきましょう。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト13-1024x583.jpg)
色をつける前に、一番内側の円と直線は不要なので、削除してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト14-1024x583.jpg)
下記の状態になったら、いよいよ配色です。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト15-1024x583.jpg)
すべての図形を選択した状態で、「塗り」に「Y=100%」と設定してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト16-1024x583.jpg)
次に一番外側のどれか1つの図形を選択して「塗り」を「CMYK=0%」とします。つまり白です。
そして、白にした図形を選択した状態で「右クリック」→「重ね順」→「最前面へ」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト17-1024x583.jpg)
再び、すべての図形を選択した状態で、上部メニューから「編集」→「カラーを編集」→「前後にブレンド」を選択してください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト18-1024x583.jpg)
これで、最前面に設定した「白のオブジェクト」を基準に、最背面になっている「黄色のオブジェクト」の色になるまでグラデーションのように自動で色分けをすることが出来ました。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト19-1024x583.jpg)
最後に、上部メニューから「カラーを編集」→「オブジェクトを再配色」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト20-1024x583.jpg)
再配色のメニューが開くので、「カラー配列をランダムに変更」のアイコンをクリックします。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト21-1024x583.jpg)
これで、配色がランダムになりました。「カラー配列をランダムに変更」のアイコンは、クリックする事に色の配列を変えることが出来るので、自分好みの配色になるまでクリックしてみてください。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト22-1024x583.jpg)
最後に、グリッピングマスクで不要な箇所を消しましょう。
長方形ツールで、サンバーストを使いたいサイズのオブジェクトを作成します。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト23-1024x583.jpg)
すべてのオブジェクト選択した状態で、「右クリック」→「グリッピングマスクを作成」を選択します。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト24-1024x583.jpg)
これで完成です。
基本的な機能だけで作れますので、1度覚えてしまえば、色々と応用が効く作り方ですので、自分好みのサンバーストを作ってみてください。
下記では、色を変更したVerも参考までにご紹介しておきます。
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト25-1024x583.jpg)
▼青いサンバースト
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト_青-1024x724.jpg)
▼ピンクのサンバースト
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト_赤-1024x724.jpg)
▼グレーのサンバースト
![](https://comecoblog.com/wp-content/uploads/2024/02/ランダム配色_サンバースト_グレー-1024x724.jpg)
コメント