はじめに
今回はAffinity Designerで作ったカーブを作る方法を紹介します。
Blenderでこのようなモデルを作るためのカーブの原形を作ります。
![](https://signyamo.blog/wp-content/uploads/2022/02/eba1dd38858f39f846ea524f6b359b38-160x90.jpg)
こちらのラフ画の線をカーブで清書していく流れで紹介します。
![](https://signyamo.blog/wp-content/uploads/2022/01/41df80bdd1ae239137bbdc47966a98cd.jpg)
下準備
Affinity Designerを立ち上げ。
ラフの画像をドラッグ&ドロップで読み込み。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-01-21.jpg)
レイヤーの透明度を20%にします。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-02-19.jpg)
長方形ツールを選択。
画面を覆うように四角形を作成。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-03-17.jpg)
色を55%のグレーに変更。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-04-16.jpg)
長方形のレイヤーを下に移動。
作業しやすいように色味や透明度を調整。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-05-16.jpg)
Shift+クリックで2つのレイヤーを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-06-12.jpg)
Ctrl+Gでグループ化。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-07-13.jpg)
これで下準備が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-08-14.jpg)
カーブの作成
今回はカーブを『外側の三日月型』の形と『内側の装飾』に分けて作り方を紹介します。
三日月型カーブ作成
楕円ツールを選択。
Shift+クリック → ドラッグで円を作成。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-09-16.jpg)
塗りつぶしを無効化。
境界線の色を黒色に設定。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-10-26.jpg)
右側の線より幅を4ptなど使いやすい大きさにします。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-11-21.jpg)
下書きの絵に円の大きさを合わせます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-12-22.jpg)
Ctrl+C → Ctrl+Vで円を複製。
Shiftを押しながらShift+クリック → ドラッグで拡大縮小。
位置を下書きに合わせて調整。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-13-15.jpg)
右上のジオメトリより除外を選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-14-11.jpg)
表示されてない方はツールバーを右クリック。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-71.jpg)
ジオメトリをドラッグドロップでツールバーに入れて表示させます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-72.jpg)
すると三日月型のカーブができます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-15-8.jpg)
内側の装飾カーブ作成
ペンツールを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-16-9.jpg)
ベジェ曲線で装飾のカーブを描きます(人力)
![](https://signyamo.blog/wp-content/uploads/2022/01/image-17-9.jpg)
表示 → スタジオ → シンボルを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-18-8.jpg)
作成した装飾のカーブを選択。
シンボルの中の作成をクリック。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-19-6.jpg)
レイヤーよりシンボル化されたカーブを選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-20-9.jpg)
レイヤー → 変形 → 左右反転を選択。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-22-6.jpg)
すると左右反転したシンボルが作られます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-23-7.jpg)
複製された『シンボル』を移動して配置します
![](https://signyamo.blog/wp-content/uploads/2022/01/image-24-5.jpg)
最初に作ったシンボルを選択。
ペンツールでまっすぐな線を入れます。
自動でもう一つのシンボルにも線が引かれます。
これを使った傾きを見ます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-25-6.jpg)
長方形ツールで四角形を作成。
三日月型の一番上の部分と装飾のカーブの一番上をに合わせて四角形を作成。
これで高さを合わせる指標にします。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-26-6.jpg)
傾きをチェックする直線と高さをチェックする四角形で位置を合わせます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-27-4.jpg)
合わせ終わりましたらレイヤー → シンボルの中から長方形とカーブを選択。
Deleteキーで削除。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-27-5.jpg)
これで綺麗にカーブのシンボルを複製できます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-28-4.jpg)
円を作成して配置。
重なる位置に調整してより精度を上げます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-29-4.jpg)
ノードツールを選択。
円と三日月の形を見ながら形を調整。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-30-3.jpg)
シンボルの中の楕円を選択。
カーブの左側の所にドラッグ&ドロップ。
シンボルから出して普通のカーブ楕円にします。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-31-2.jpg)
右側に入れてしまうと三日月のレイヤーの子になってしまいます。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-32-2.jpg)
これでカーブの作成が完了です。
![](https://signyamo.blog/wp-content/uploads/2022/01/image-33-1.jpg)
まとめ
今回はAffinity Designerでカーブ形状を作る方法を紹介しました。
このカーブの書き出し方はこちらで解説。
![](https://signyamo.blog/wp-content/uploads/2022/02/d8a5b238304f05d9e351afe8ee41d6b5-1-160x90.jpg)
ぜひこちらもご覧ください。
コメント