![見出し画像](https://assets.st-note.com/production/uploads/images/82674622/rectangle_large_type_2_b2361d030ea2fb85fa76093b76b03488.jpeg?width=1200)
黄金比を使った巴を作りたい!#Figma
今回はFigmaを使って、巴を作りたいと思います!
手順📝
1、フレーム作成(F)。800x800。
![](https://assets.st-note.com/img/1657813579011-29C6PtWsxu.jpg?width=1200)
2、フレームに色を付ける
![](https://assets.st-note.com/img/1657813694761-u8wmaaRjKX.jpg?width=1200)
3、正円を作成(624x624)。
ショートカットO、シフトを押しながらドラックすると正円ができます。
![](https://assets.st-note.com/img/1657813743703-omAI9eIP1z.jpg?width=1200)
4、小さい正円を作成(240x240)。
![](https://assets.st-note.com/img/1657814028734-uFGiWsiJkJ.jpg?width=1200)
5、4の円を合計4つ作る。
![](https://assets.st-note.com/img/1657837218922-3PSHjckuTL.jpg?width=1200)
6、中くらいの大きさの円(384x384)を描く。
![](https://assets.st-note.com/img/1657837350904-vTWsAdrK8S.jpg?width=1200)
7 、中くらいの円をさらに3つ増やし、上下左右に配置する。
![](https://assets.st-note.com/img/1657837558186-WNiksDcJ2F.jpg?width=1200)
8、円を全て選択しFlatten(ctrl +E)。一つのオブジェクトにする。
![](https://assets.st-note.com/img/1657837687387-L1MIxK3P3D.jpg?width=1200)
9、画面上部のEdit Obgject をクリック
![](https://assets.st-note.com/img/1657837860923-gEOJxpCwwh.png?width=1200)
10、画面左上のPaint bucket をクリック。
![](https://assets.st-note.com/img/1657837969824-c0Clp1dVOA.jpg?width=1200)
11、抜きたい箇所をどんどんクリックする。
![](https://assets.st-note.com/img/1657838201712-kkt30ZaCUE.jpg?width=1200)
![](https://assets.st-note.com/img/1657838200050-sJHTaPKZUs.jpg?width=1200)
12、不要な線を消す。Shiftを押すと複数選択ができます。
![](https://assets.st-note.com/img/1657838301657-0KjsmcxzBa.jpg?width=1200)
![](https://assets.st-note.com/img/1657838583757-Bnz5XWb32Y.jpg?width=1200)
13、オブジェクトが消えたらPaint backetで色を付ける。
![](https://assets.st-note.com/img/1657838860267-kbkt8sSbO6.jpg?width=1200)
完成です😊
![](https://assets.st-note.com/img/1657841469413-xLVogtHzIY.jpg?width=1200)
今回のファイルはこちらです👇ぜひご利用ください!
今回はここまでです!また次の記事でお会いしましょう~😉
Resource🎨
Follow me here😊
Figma │Instagram | Twitter │Dribbble │Behance│ Linkedin | Notion | Portfolio
いいなと思ったら応援しよう!
![Seika_USA](https://assets.st-note.com/production/uploads/images/95815341/profile_344b2ade2b13a112cf26f0a558ac9261.png?width=600&crop=1:1,smart)