こんにちは、イラレ常人です。
今回は図形の変形を繰り返して、バラの花を作っていきます。
無料で完成素材をダウンロード↓
薔薇セットイラスト – No: 22198569/無料イラストなら「イラストAC」をイラストACでチェック!
では、さっそく本編にいきましょう。
※解説画像の下に入っている字幕は、解説動画を作ったときに入れたものです。 この記事では動画のスクリーンショットを断片的に入れているので、字幕の文章が成り立っていないことがあります。 あらかじめご了承ください。
楕円形を作って色を塗る
まず、楕円形ツールで横長の楕円形を作ります。
![](https://irarecreate.com/wp-content/uploads/2022/08/0bc8da13c0eb066c4581c1398bcdaaff-1024x576.jpg)
塗りは字幕(下図参照)の通りで、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/08/93ff90b5c633032f479cad91f5d18123-1024x576.jpg)
そうしたら、これを「グラデーションメッシュ」という種類の塗りに切り換えます。
グラデーションメッシュは、ピンポイントで図形の一部の色を変えることができます。
選択ツールで楕円形を選択した状態で、下図(2枚目)の手順で「グラデーションメッシュを作成」を作成を押します。
![](https://irarecreate.com/wp-content/uploads/2022/08/a3c4d39402e5d195215d2745d9d2cabd-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/591e1037949bce39f8c75f1c58bfa061-1024x576.jpg)
すると下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/08/0fe77259885d6674395b13d458a50530-1024x576.jpg)
これでピンポイントで色を変えられるようになったので、
![](https://irarecreate.com/wp-content/uploads/2022/08/b22bcc439b9c8fd9e48c1b6b760f667d-1024x576.jpg)
ダイレクト選択ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/08/4e070b4ea603550747860b302b9c01a1-1024x576.jpg)
下図矢印のアンカーポイントを左クリックで選択し、そこの色を字幕(下図2枚目)のように設定します。
![](https://irarecreate.com/wp-content/uploads/2022/08/a8013e8666a855ddc06c4894bc4c3241-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/a3752a81cf0c0f8055955ff700358f9a-1024x576.jpg)
楕円形を変形させる
そうしたら、これをバラの花びらの形に近づけていきます。
まずはワープツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/08/5f750345e00c509ad57bf587f4d6bc82-1024x576.jpg)
alt(option)を押しながらドラッグで、ポインターサイズを調整し、
![](https://irarecreate.com/wp-content/uploads/2022/08/aecf72628cff16010b3f7f5bd906b125-1024x576.jpg)
絵具を指先で延ばすように、ドラッグして下図のように楕円形を変形させています。
![](https://irarecreate.com/wp-content/uploads/2022/08/aad5b7b5806e1cc854adc51c95118e92.gif)
![](https://irarecreate.com/wp-content/uploads/2022/08/91c63e2b6af5753a02045195d93b937c-1024x576.jpg)
次は、これをアーチ状にしていきます。
これを選択した状態で、アピアランスパネルを開き、
![](https://irarecreate.com/wp-content/uploads/2022/08/cc1b0dc4902e975932212a340a5aef54-1024x576.jpg)
「fx」から「ワープ」「円弧」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/fb5f207ecaf1f0a984404a04121590b1-1024x576.jpg)
すると下図のようなウィンドウが開くので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/08/235d63cf09dd59045741a8fdb838517b-1024x576.jpg)
これではまだ曲がり具合が足りないので、再度アピアランスパネルの「fx」から「ワープ」「円弧」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/8e105ee9d249204afcc061575a089280-1024x576.jpg)
下図のようなダイアログが出てきますが、これは「アピアランス加工を二重にかけても大丈夫ですか?」というメッセージなので、そのまま「新規効果を適用」を押します。
![](https://irarecreate.com/wp-content/uploads/2022/08/655bbcd1d44eb8daf10402b41c359b44-1024x576.jpg)
そして、先ほどと同じ設定でOKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/08/1a8f98a5baadd0cc00f1cc4fd6528625-1024x576.jpg)
曲がり具合はこれで十分なので、このアピアランス(円弧)加工を確定させます。
これを選択した状態で下図の手順で「アピアランスを分割」を実行します。
![](https://irarecreate.com/wp-content/uploads/2022/08/ac03b663ac5369e4ad6bda8627c89509-1024x576.jpg)
この操作(アピアランスを分割)により円弧の形は確定し、アピアランスパネルから設定を変えることはできなくなります。
![](https://irarecreate.com/wp-content/uploads/2022/08/bd8e1f853529989a65067f219ccd840c-1024x576.jpg)
変形してできた花びらを加工してバラの形にする
これで花びらの素ができたので、コピーと回転とサイズ変更を繰り返して、バラを形作っていきます。
コピーの簡単な方法ですが、選択ツールに切り換え、alt(option)を押しながらコピーしたいオブジェクトをドラッグし、コピーの場所が決まったら、そこでalt(option)を離してから、左クリックを離します。
![](https://irarecreate.com/wp-content/uploads/2022/08/b05fb6595062af78dd0a01e2c6b4b857.gif)
あとは回転ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/08/54cd438f8a70d31320dd0dce5a49e1d3-1024x576.jpg)
バラに見えるように回転させ、
![](https://irarecreate.com/wp-content/uploads/2022/08/acabdc9d9b697429a058e0c96f34da25-1024x576.jpg)
選択ツールでサイズ調整します。
![](https://irarecreate.com/wp-content/uploads/2022/08/bab8457bfb19d2318a07c8bb74089e85-1024x576.jpg)
今の「コピー」→「回転」→「サイズ変更」の工程を下図のように繰り返します。
![](https://irarecreate.com/wp-content/uploads/2022/08/2ac499583a19924fbda4b11f8f51947f-1024x576.jpg)
さすがに全ての花びらが同じ形では不自然なので、適当に花びらを選び、ワープツールで変形させます。
![](https://irarecreate.com/wp-content/uploads/2022/08/93744c7dd92947569d3ee50d2fc08009-1024x576.jpg)
これを数枚の花びらに行えば、自然に見えると思います。
![](https://irarecreate.com/wp-content/uploads/2022/08/43d56823df2534a2db2aa12247c9d6bd-1024x576.jpg)
因みに、今、アートボードの色は白なのでわかりづらいですが、花びらの間には細かい隙間が生じています。
![](https://irarecreate.com/wp-content/uploads/2022/08/7143194ea154a648b5475702663551bc-1024x576.jpg)
なので最背面に図形を敷いて、その隙間を埋めます。
楕円形ツールに切り換え、下図(2枚目)のように円を作ります。
![](https://irarecreate.com/wp-content/uploads/2022/08/7292fbf1240928d5685c3ea001d2061a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/fa2a7b0cf9fbabdb8cc1a813a2665acc-1024x576.jpg)
塗りは「白」で、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/08/15c5b1a19f2efc32732027e73f3b65cd-1024x576.jpg)
そして、その円を選択した状態で右クリックし、重ね順から「最背面」を選べば、
![](https://irarecreate.com/wp-content/uploads/2022/08/6d39f852217311d2e4ce2550bafb7a9d-1024x576.jpg)
円はバラの背面に移動します。
![](https://irarecreate.com/wp-content/uploads/2022/08/8b563ad1ac28232f6c5bcb68a8c2b1c0-1024x576.jpg)
これでバラの完成です。
これらはバラけないように、ctrl(⌘) + [ g ]でグループ化しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/6d4948423d89b0be28d7facfbb31c4b8-1024x576.jpg)
色味を変えたいときは選択ツールでバラを選択した状態で「オブジェクトを再配色」を押すと、
![](https://irarecreate.com/wp-content/uploads/2022/08/379eff1ad7482ccc7c5f760621113bc1-1024x576.jpg)
下図のようなウィンドウが出てくるので、カラーハンドルをいじれば、色味を変えることができます。
![](https://irarecreate.com/wp-content/uploads/2022/08/9cc09a6db056b97152751c1703a03932.gif)
因みに、彩度と明度の切り替えは、下図マーキング部分から行えます。
![](https://irarecreate.com/wp-content/uploads/2022/08/78c2acd7c5a0eb2fb9f3ceff3bf8c4c7-1024x576.jpg)
このパネルは、パネル以外の適当なところを左クリックすれば、閉じることができます。
おまけ:葉っぱを描く
ここからはおまけですが、バラの葉っぱの作り方もご紹介しておきます。
葉っぱは、ペンツールで曲線を引いて作っていきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/9e9154343cc3c0facb427dca171cf5b7-1024x576.jpg)
線幅を「50pt」程度にし、
![](https://irarecreate.com/wp-content/uploads/2022/08/9d8012f398f31732fded1a8e26e4217f-1024x576.jpg)
「可変線幅プロファイル」というところを「線幅プロファイル1」にします。
![](https://irarecreate.com/wp-content/uploads/2022/08/7b0096c3890b03f1a1841e449b0514e2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/77e7614f25c796f029336770d35bf902-1024x576.jpg)
線の色は「グラデーション」で、
![](https://irarecreate.com/wp-content/uploads/2022/08/08f031bb970db470594548c24737531c-1024x576.jpg)
グラデーションの詳細設定は、グラデーションパネルから字幕(下図参照)のようにします。
![](https://irarecreate.com/wp-content/uploads/2022/08/289a6393caf184a81f4bb9896ba0e126-1024x576.jpg)
続いて葉脈もペンツールで下図のように引いていき、字幕(下図2枚目)のように設定します。
![](https://irarecreate.com/wp-content/uploads/2022/08/511bff0f6163d9b648bccda2e293b004-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/f91bf31de2f9cd2bf5bf2b6ce4474d3e-1024x576.jpg)
これで葉っぱも完成ですが、線の太さが拡大・縮小に影響されないように、
![](https://irarecreate.com/wp-content/uploads/2022/08/fa946198162f58530f5c65ec3a0be3ec-1024x576.jpg)
葉っぱの全ての部品を選択して、下図の手順で「パスのアウトライン」を実行します。
![](https://irarecreate.com/wp-content/uploads/2022/08/83d313e25d251e149eab7eb6fdf12b2c-1-1024x576.jpg)
これで葉っぱは、拡大・縮小に影響されなくなります。
![](https://irarecreate.com/wp-content/uploads/2022/08/b8369cb137160329f70063608c54fbab-1024x576.jpg)
さらに、これらはバラけないように、ctrl(⌘) + [ g ]でグループ化しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/0d93becf842586cfd7e6a9a309054d20-1024x576.jpg)
最後は、葉っぱの重ね順を最背面に移動させ、
![](https://irarecreate.com/wp-content/uploads/2022/08/ca91f963b80383e68a9a9d667eaca384-1024x576.jpg)
バラになじむように配置すれば、OKです。
![](https://irarecreate.com/wp-content/uploads/2022/08/0437e8f9ebf78ea278400f619c9ce611-1024x576.jpg)
コピーして、2枚程度にするとちょうど良いかも。
![](https://irarecreate.com/wp-content/uploads/2022/08/93d3ec0faba39323434a487c49cdd6a9-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
薔薇セットイラスト – No: 22198569/無料イラストなら「イラストAC」をイラストACでチェック!
コメント