Figmaでお絵描き、1分で出来る簡単朝顔
Figmaをいじってから1ヵ月経ち、最近アイコン作成を黙々とやっているmocoです。
Figmaのパスでいろんなことができるようになったので、朝顔も、もしかしたら1分以内で作れるんじゃないか、ということで、朝顔を作ってみました!
作り方も画像付きで解説していきます!
下準備
まず先に、正方形のフレームを用意してください。
※現段階ではフレームの色は何色でもいいです!
では本題に移っていきます!
朝顔の土台作り
①星型を作っていくよ!
画像には写っていませんが、上の「□」から「星」を選んで適当な場所に置きます。
大きさは小さすぎない程度に、適当な大きさにしましょう!
②適当に色をつけるよ!
いい感じに朝顔っぽい色にしていきます!
右側のメニューから「塗り」を選択して塗っていきます。
私はこの色にしてみました↓
③星型を角を広げていくよ!
次に、鋭くなっている星型を丸っこい形にしていきます!
角度を和らげることによってより朝顔っぽさが増します!
先ほど作った星型を選択して、右側の角度の部分で度数を変更します。
私は60度にしてみました↓
④朝顔の形にしていく!
ここで早速朝顔の形にしていきます!
星型を選択したまま、今度は角の丸みを変更していきます。
先ほどいじった角度調整の1個上にあるところで調整していきます。
とにかくこれでもか!ってぐらい大きめの数字にしてみてください!
私は結構極端な数字にしていますが、画像の下のような形になれば問題ないです◎
また、朝顔が小さすぎる場合は、適度に大きくしていきましょう!
これで、朝顔の土台作りは完了です!
朝顔の白っぽい部分づくり
⑤同じく星型を作っていくよ!
①で作った時と同じように、星型を適当な大きさで、
先ほど作った朝顔の土台の真ん中に置いていきます!
⑥星型をより鋭利にしていく!
先ほどは星型の角の部分を広げていましたが、今度は逆でより鋭利にしていきます!
これをすることで一気に朝顔っぽさがでます。
③で作った時と同じ場所で角度を調整します。
私は20度にしました↓
⑦星の中心部分の角を丸くする!
先ほど作った星の色を白に変更し、星型を2回クリックします。
そうすると編集画面になるので、その編集画面から、星型の中心部分(現在の画面だと青丸がついているあたりですね)その部分のみを選択します。
選択したあとは、右側の「ベクター」あたりの角の丸っこいアイコン部分で、数字の調節をします。
私は40にしました↓
あとは、白の部分の大きさを調節して完成です👏
筆者よりひとこと
いかがでしたでしょうか?
おもいつきでやった1分クオリティの朝顔ですが、皆さんの参考になれれば幸いです!
今回、この記事をお読みいただきありがとうございました!
この記事が気に入ったらサポートをしてみませんか?