この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、「カラーハーフトーン」という機能を応用して、ドットでできたフレームを作っていきます。
それでは、さっそく本編にいきましょう。
円形グラデーションを作って、カラーハーフトーンを適用
まず楕円形ツールに切り換え、円を描きます。
塗りを円形のグラデーション、線をなしに設定します。
![](https://irarecreate.com/wp-content/uploads/2022/06/63778e776706fbd585fcb954b269eca0-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/9b4c8a19e5c64afc5d07bc0c07e7b764-1024x576.jpg)
円形グラデーションはここ(下図参照)から設定できます。
![](https://irarecreate.com/wp-content/uploads/2022/06/8e4c80a4159898e869ba1ae79b89ffc0-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/1ddbf6d423a87e19441479176b88160b-1024x576.jpg)
次に、この円を選択した状態で、下図の手順で「カラーハーフトーン」という機能を適用させます。
![](https://irarecreate.com/wp-content/uploads/2022/06/8affe3035f63fc8ccabe8cfc81901e36-1024x576.jpg)
下図のようなウィンドウが開くので、マーキング部分のように数値を設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/92e7a20293bb7bbd471a32a08c403187-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/e910a5990d38728fdb43e693645375e6-1024x576.jpg)
ここまできたら次のステップです。
カラーハーフトーンをパス化する
カラーハーフトーンを選択した状態で、下図の手順で「ラスタライズ」処理を実行します。
ラスタライズとは、画像をピクセル(画素)の集合体で表現する処理のことです。
イラレは主にベクターデータという「数式」で構成されていますが、対するラスターデータはピクセル(画素)という「点の集合体」で構成されています。
![](https://irarecreate.com/wp-content/uploads/2022/06/0c5ddd723afa84df46adc9b4afbc03f3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/f7ce4aa9578f38d78b57da0a016aadf2-1024x576.jpg)
この処理が終わったら「ライブトレース」というところを押し、
![](https://irarecreate.com/wp-content/uploads/2022/06/8496f656b3692c872da691a209b7e338-1024x576.jpg)
さらに拡張を押します。
![](https://irarecreate.com/wp-content/uploads/2022/06/560348c2dbfdb76940bed1712cf23931-1024x576.jpg)
これでカラーハーフトーンがパスに変換されました。
![](https://irarecreate.com/wp-content/uploads/2022/06/c5b86855bd5692e14e27c084fd6a7915-1024x576.jpg)
そうしたら、これを、ctrl(⌘) + shift + [ g ]でグループ化解除します。
![](https://irarecreate.com/wp-content/uploads/2022/06/a5d537f25f8c4694aa28af56efdb0967-1024x576.jpg)
次に、塗りが白の部分を選択し、下図(2枚目)の手順で他の白塗りの部分も選択して削除します。
![](https://irarecreate.com/wp-content/uploads/2022/06/e5c2f7492ef487ea30b948a91dfd3eb0-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/54ca501e6d8829711a903becbc1762ae-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/2c70e3aa5d0aa0f34c55b17d32330b6f-1024x576.jpg)
そして、カラーハーフトーン中央の黒塗りが固まっているところも削除します。
![](https://irarecreate.com/wp-content/uploads/2022/06/88c5efbaf4b4cd9db1ac7c376f54ca3f-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/17fdca79b841e2acf814300f11946bfa-1024x576.jpg)
ここまできたら最終ステップです。
ドットをランダム配置させて、色を再配色する
カラーハーフトーンをランダム配置させます。
下図の手順で個別に変形へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/a80c5e14ddb1ae61d9354d34fcd88719-1024x576.jpg)
下図マーキング部分のように数値を設定して、OKを押したらランダム配置は完了です。
![](https://irarecreate.com/wp-content/uploads/2022/06/f7af5bda59d814af5ca72ac601df81ae-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/ab2d52624a0063e2eefd74d8ee3cfaae-1024x576.jpg)
次にレイヤーパネルを開き、レイヤーの一番上に来ているオブジェクトだけを選択します。
![](https://irarecreate.com/wp-content/uploads/2022/06/324d8667065c6e10a9aea82e65d0d5fe-1024x576.jpg)
そして、選択のオブジェクトの塗りを字幕(下図参照)のように設定します。
![](https://irarecreate.com/wp-content/uploads/2022/06/e59f0066fef02474aa23f2742a8c5db9-1024x576.jpg)
そうしたらこれらを全選択し、下図の手順で「前後にブレンド」を実行します。
ここの前後とは、オブジェクト(今回の場合は、細かい点々)の並び順のことを指しています。
![](https://irarecreate.com/wp-content/uploads/2022/06/b71af0b9c4fee0f781b4f8e715bdf767-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/90bd3bda318436e15478e225070c673b-1024x576.jpg)
この処理を実行したら、ここ(下図参照)を押してオブジェクトを再配色します。
![](https://irarecreate.com/wp-content/uploads/2022/06/2b4218659f45b3dfb2725ff7f6b63755-1024x576.jpg)
下図のようなウィンドウが開くので、カラーグループを「ビビット」にして、OKを押します。
※バージョンCCでは下図のウィンドウが開く前に別のパネルが開くので、「詳細オプション」を押して、下図のウィンドウへ進みます。
![](https://irarecreate.com/wp-content/uploads/2022/06/5f4c26561349df03e29fbc61235c72ea-1024x576.jpg)
これらを、ctrl(⌘) + [ g ]でグループ化して、
![](https://irarecreate.com/wp-content/uploads/2022/06/89e0dcfc9eef45f7a6513c0c93c78227-1024x576.jpg)
さらにctrl(⌘) + [ c ]でコピー、続けてctrl(⌘) + [ f ]で真上にペーストします。
![](https://irarecreate.com/wp-content/uploads/2022/06/7e5ef1288d933808e9599e327373bba2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/356fa9a821ca6d1a68daaeb5872a6831-1024x576.jpg)
そして回転ツールに切り換え、コピーした方のグループを適当に回転させます。
![](https://irarecreate.com/wp-content/uploads/2022/06/788b3394ccb76a7ccba130931bc1e21f-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/ef908c1cc3dbcde51dd0f7d21e1de8ca-1024x576.jpg)
最後に楕円形ツールに切り換え、shiftを押しながらドラッグで中央に正円を配置したら、ドットフレームの完成です。
![](https://irarecreate.com/wp-content/uploads/2022/06/25324614a7bfa51a09fe144e00764b6c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/6af801e4561c16a5426ddb9f95599104-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/a097b7725015e3a3de8364a2fde58ed7-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
コメント