この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、パワーポイントなどの表紙背景として使えそうなテクノロジー系のウェーブ背景を作っていきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/bf176d6e35104185eb6fd79d92927f6c-1024x576.jpg)
無料で完成素材をダウンロード↓
ウェーブテクノロジー背景(ブルー)イラスト – No: 22876453/無料イラストなら「イラストAC」をイラストACでチェック!
それでは、さっそく本編にいきましょう。
最背面の背景を配置する
まず、最背面の背景を作っておきます。
長方形ツールに切り換え、四角形を配置します。
塗りは「円形グラデーション」で、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/06/32bd3f7f1404f51f96682e720063e0eb-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/8fa54078fe14dde98e899979e2db6a2b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/5683c4ac60c6cdb99b30d3b1a1f74d4d-1024x576.jpg)
グラデーションの詳細設定は、下図の通りです。
![](https://irarecreate.com/wp-content/uploads/2022/06/e77cd757d31d39c74e97d788b9820c08-1024x576.jpg)
これは最後まで触らないので、選択ツールで選択した状態で、ctrl(⌘) + [ 2 ]でロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/4d2303655d8b0030682e4e65c372d0ed-1024x576.jpg)
ウェーブの素を作る
次に、ウェーブ状にする図形の素を用意します。
再度、長方形ツールで下図(2枚目)くらいのサイズで四角形を作ります。
塗りは字幕の通りで、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/06/7a4057e919be2dc73f39b8ee8d230b05-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/4bbb7298694de07c04a3d140ae59b43b-1024x576.jpg)
そうしたら今度は、この四角形を格子状に分割します。
四角形を選択した状態で、下図の手順で「グリッドに分割」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/983482eeb7913c3073bf4c17ae222b0e-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/068ab7e9bec6d94dbe73e08b147117b7-1024x576.jpg)
分割が完了したら、これらをモザイク配色にします。
まず、下図の矢印で示した四角形の塗りだけを字幕のように変えます。
![](https://irarecreate.com/wp-content/uploads/2022/06/d1dba529cb9839167991521bd29f79c4-1024x576.jpg)
次に、分割した四角形全てを選択した状態で、下図の手順で「前後にブレンド」を実行します。
![](https://irarecreate.com/wp-content/uploads/2022/06/010d799a0edab732f45235c3e5e2a34d-1024x576.jpg)
ここでいう「前後」とは、レイヤーパネルでの重ね順の前後のことです。
![](https://irarecreate.com/wp-content/uploads/2022/06/28a695bc2d41abc3d6fd79b6575026de-1024x576.jpg)
レイヤーパネルの中身を見てみると❶の四角形が最前前で、❷の四角形が最背面です(下図参照)。
![](https://irarecreate.com/wp-content/uploads/2022/06/8d5d043eb93a86461312c3013b987e5a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/ca3ba9e49e1dae4892abd359c54a4fd4-1024x576.jpg)
つまり「前後でブレンド」とは、❶と❷の間で色のブレンドをかけるということです。
![](https://irarecreate.com/wp-content/uploads/2022/06/229574dad04d936b04e9a54a0ad221b6-1024x576.jpg)
そうしたら、このままの状態で、「オブジェクトを再配色」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/80d54ad972bb4b256ee9ca77d9bfb2b2-1-1024x576.jpg)
すると下図のようなパネルが開くので、「カラー配列をランダムに変更」を押して、モザイク配色にします。
![](https://irarecreate.com/wp-content/uploads/2022/06/48e26dd9dfd00be49e2f719c49945ceb-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/e6b1231fc5a7864d30a454727d92ddf4-1024x576.jpg)
因みに、今までの記事では「詳細オプション」を押して、そこにある同じボタンからモザイク配色にしていました。
![](https://irarecreate.com/wp-content/uploads/2022/06/b186007e66ca1733b62e5b71f3d2faf0-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/7afb95746e2988f68b9ae3614bf89a7d-1024x576.jpg)
最近、下図のパネルからでもできることを発見したので、この場でお詫びしますm(_ _)m
![](https://irarecreate.com/wp-content/uploads/2022/06/1c4c4329385956770e47b13ad360d984-1024x576.jpg)
再配色が終わったら、パネル以外のところを左クリックして、パネルを閉じます。
このタイミングで、不透明度と描画モードを変えておきます。
透明パネルを開き、不透明度を字幕(下図参照)のように設定し、
![](https://irarecreate.com/wp-content/uploads/2022/06/626735b56ba7d71e38f488b0722d09ea-1024x576.jpg)
描画モードを「ハードライト」に変えます。
![](https://irarecreate.com/wp-content/uploads/2022/06/56e589acccf08390fbcafcf665800a4a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/b193b6516b3a3afc5e885b936e87e22f-1024x576.jpg)
そうしたら、今度はこれらのサイズをランダムに変えます。
下図の手順で「個別に変形」へと進んでいき、
![](https://irarecreate.com/wp-content/uploads/2022/06/39d55bcab179fc8369114f7a7ef5fc4f-1024x576.jpg)
字幕のように設定して、OKを押せば、簡単にランダムサイズ変更ができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/e94e3437c2297947ed28365ca2a08a4a-1024x576.jpg)
ここまできたら、これらはバラけないように、ctrl(⌘) + [ g ]でグループ化しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/ff18d9198c503aefedfbbe959c3485c4-1024x576.jpg)
これでウェーブの素は完了です。
図形をウェーブ状にする
では、これをウェーブ状に変形させます。
グループを選択した状態でアピアランスパネルを開き、「fx」から「ワープ」「旗」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/7c4b3036ae23d1db77d9ca62da8b0266-1024x576.jpg)
下図のようなウィンドウが開くので、プレビューにチェックを入れ、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/86307b3f427d9211853862a9a36aa27f-1024x576.jpg)
この変形は、アピアランスパネルから再編集することができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/882f9c49f7746e73a19da48f9d942e3b-1024x576.jpg)
そうしたら、この変形を確定させます。
このままでも良いように見えますが、ワープによる変形は、オブジェクトの角度が変わると形が崩れてしまいます。
なんか動きがちょっとアレですね。
![](https://irarecreate.com/wp-content/uploads/2022/06/08d2a9c36118bc315774cad3c52024cb.gif)
この現象を防ぐために形の確定が必要というわけです。
方法は簡単で、下図の手順で「アピアランスを分割」を実行するだけでOKです。
![](https://irarecreate.com/wp-content/uploads/2022/06/38cc02986f7cb08f0e2fe446cdf08d71-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/c079d2deda2fbf6128eb8d5b9282477f-1024x576.jpg)
これで回転させても形は崩れません。
図形の使い勝手が良くなります。
![](https://irarecreate.com/wp-content/uploads/2022/06/86ba47b25c9f12c7cb78c8cce9e8a707.gif)
また、アピアランスの分割と同時にアピアランスパネルからは「ワープ:旗」の項目は消え、再編集ができなくなります。
![](https://irarecreate.com/wp-content/uploads/2022/06/e7dceb65f482e6a459e6eb7e23644c06-1024x576.jpg)
あとから形を微調整する可能性がある場合は、アピアランス分割前のオブジェクトをコピーして、バックアップをとっておくと良いですね。
輝きを加える
最後はちょっとした装飾を加えて完成です。
![](https://irarecreate.com/wp-content/uploads/2022/06/b1268c514405b5599f0bb73d06035eba-1024x576.jpg)
フレアツールに切り換え、輝きを追加します。
![](https://irarecreate.com/wp-content/uploads/2022/06/ea0633bc29204611961d5ec20730e110-1024x576.jpg)
もし、フレアツールがない場合は❶ここ(下図参照)を押して、フレアツールを探します。
![](https://irarecreate.com/wp-content/uploads/2022/06/83f1d7f3e9264d72c6f49d4f4c97ce0b-1024x576.jpg)
見つけたら、それをツールバーにドラッグ&ドロップして追加します。
フレアツールの状態でドラッグすると、下図のようなオブジェクトができます。
大きさはドラッグで変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/06/96d7e67896fefea08e151ae124bb9c65-1024x576.jpg)
ドラッグを離すと大きさが確定します(あとから変更可)。
![](https://irarecreate.com/wp-content/uploads/2022/06/428913848e95ab0e416c3ef3989eecbc-1024x576.jpg)
自分の好みの大きさにしたら、選択ツールに切り換え、配置を微調整します。
![](https://irarecreate.com/wp-content/uploads/2022/06/81a5c334984c812ec00e977e2887e6e0-1024x576.jpg)
最後に、今までロックしていた最背面の四角形を、alt(option) + ctrl(⌘) + [ 2 ]でロック解除し、
![](https://irarecreate.com/wp-content/uploads/2022/06/225ec5b9ca93b0c0f7ef5e95cd7dc387-1024x576.jpg)
不要な部分をクリッピングマスクで隠せば、テクノロジー系ウェーブ背景の完成です。
![](https://irarecreate.com/wp-content/uploads/2022/06/1c37581e2e3a432d420fb48407e87076-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
ウェーブテクノロジー背景(ブルー)イラスト – No: 22876453/無料イラストなら「イラストAC」をイラストACでチェック!
コメント