こんにちは、mito(@mito_works)です。
デザインの4原則、「揃える、まとめる、繰り返す、メリハリをつける、」は大事です。
ただ、少し整いすぎている、動きをつけたい..と思うことありませんか?
momo
そんな時に便利なのがあえてランダムに配置するオブジェクトのランダム配置です
mito
敢えて崩す..上級者ですね!
さっそくみていきましょう!
Contents
ランダム配置でオブジェクトを書く方法
完成イメージ
![](https://mito-lab.com/wp-content/uploads/2021/03/変形9-1024x589.png)
オブジェクトを書く
mito
今回は長方形をランダムに配置します。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形1-1.png)
オブジェクトを複製する
水平方向に複製する
momo
option+shiftを押しながら右方向にドラックし水平複製できるよ!
![](https://mito-lab.com/wp-content/uploads/2021/03/変形2-1024x272.png)
垂直方向に複製する
mito
グループにはせず、複製していきましょう!
![](https://mito-lab.com/wp-content/uploads/2021/03/変形3-1024x602.png)
個別に変形を行う
全てのオブジェクトを選択した状態で、の「オブジェクト」>「変形」>「個別に変形」をクリックします。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形4-409x1024.jpg)
個別に変形ウィンドウが表示されるので数値を編集します。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形5-1024x453.png)
momo
プレビューにチェックを入れると反映内容を確認できるよ
mito
今回は、オブジェクトを変形させ、ランダムに配置させたいので、オプションの「オブジェクトの変形」「ランダム」のチェックは必須です。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形6-749x1024.png)
一度目の変形は以下のようになりました。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形7-1024x602.png)
個別に変形を何度か行う
個別に変形を何度か行い、また位置についても個別に動かすことで微調整します。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形8-1024x626.png)
完成
mito
背景にグラデーションを敷いたり、オブジェクトを少し透過し、背景と馴染ませるような微調整をして完成です!
応用編
momo
背景に敷き詰める..ではないけれど、要素として使える紙吹雪を作ってみよう!
オブジェクトを書き、色をランダムにつける
正方形をたくさん作ります。
再配色などでランダムに色付けしておきます。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形10-1024x863.png)
mito
再配色の方法は以下を参考にしてください。
![](https://mito-lab.com/wp-content/uploads/2020/05/illustratorcolor-51-320x180.jpg)
【Illustrator】カラー決めに迷ったときの救世主、カラーガイドの使い方 デザインをする際、色で迷うことありませんか? カラー設定の基本
塗りと線のカラースウォッチを確認 ...
アーチで変形させる
正方形を全選択した状態で、効果>ワープ>アーチでアーチウィンドウを開きます。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形11-781x1024.png)
水平方向に50%のアーチを描きます。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形12-905x1024.png)
アピアランスの分割を行う
正方形を全選択した状態で、オブジェクト>アピアランスの分割をクリックします。
![](https://mito-lab.com/wp-content/uploads/2021/03/変形13-330x1024.png)
momo
アピアランスを分割することで、オブジェクトの形が正方形からアーチを描いた形に変更されたよ!
個別に変形を行う
momo
先ほどと同じように、全てのオブジェクトを選択した状態で、の「オブジェクト」>「変形」>「個別に変形」をクリックするよ
![](https://mito-lab.com/wp-content/uploads/2021/03/変形14-1024x707.png)
完成
![](https://mito-lab.com/wp-content/uploads/2021/03/変形15.png)
まとめ
オブジェクトのランダム配置は背景が少しさみしな..という時に使えます。
色々なオブジェクトで試してみてください。
おまけ
mito
こちらのグラデーションツール、視覚的に色を確認でき、おすすめです
–End–
ABOUT ME