やってみよう!ベクター画像

ベジェ曲線でいろいろ描きます

Inkscapeで描くカヌレ

f:id:kurokishiy:20210618105500j:plain



Inkscapeカヌレを描いていみます。

f:id:kurokishiy:20210618105522j:plain

星型ツールでこのような図形を描きます。

設定数値はこのようにしました。

角:12 スポーク比:089 丸め:0 ランダム化:0

 

 

f:id:kurokishiy:20210618112040j:plain

描いた図形を複製して縮小していきます。

一番外から、カヌレの底、上側面の頂点、内側の頂点、上面の底、となっています。
大きさはそのイメージで何となくです。

 

 

f:id:kurokishiy:20210618112111j:plain
f:id:kurokishiy:20210618112122j:plain
f:id:kurokishiy:20210618112133j:plain

一番外と二番目の間に頂点に沿って四角形を描いていきます。

これがカヌレの側面になります。

複製しながら1/4埋めます。

 

 

f:id:kurokishiy:20210618112234j:plain

あとはそれをまとめて複製して一周埋めます。

線と若干ズレが生じることもありますが、気にしなくて大丈夫。

 

 

f:id:kurokishiy:20210618112258j:plain

光の当たっているところと、陰になるところを表現するために、交互になるよう色を変えます。

ここで一番外の線と二番目の線は消します。

 

 

f:id:kurokishiy:20210618112321j:plain
f:id:kurokishiy:20210618112336j:plain

レイヤーを新規作成して、内側を同じように描いていきます。

一周したら三番目の線も消します。

 

 

f:id:kurokishiy:20210618112416j:plain
f:id:kurokishiy:20210618112427j:plain

さらにその内側も、同様に新規レイヤーを作成して描いていきます。

 

 

 

f:id:kurokishiy:20210618112453j:plain

一番中央の図形を塗りつぶします。

これも新規レイヤーに。

 

 

f:id:kurokishiy:20210618112515j:plain
f:id:kurokishiy:20210618112538j:plain
f:id:kurokishiy:20210618112551j:plain

全てを選択して変形させます。

厳密でなくていいのですが、今回はアイソメトリックの方法に基づいて変形させました。
幅:81.65% 高さ:70.71%

シアー:右30度

回転:右30度

詳しくはこちらにて。

kurokishiy.hatenablog.com

 

 

f:id:kurokishiy:20210618112639j:plain

ここからは面が重なってきて、面の順番が重要になってくるので、画像の位置の図形を選択して最前面に移動させます。

 

 

f:id:kurokishiy:20210618112700j:plain
f:id:kurokishiy:20210618112711j:plain

次は先ほど選択した位置の下の図形を2つ選択して最前面に。

あとは同様にシンメの2つの画像を選択して最前面に移動させていって、一番下の2つまで繰り返します。

内側のリングに関しては、今回は面が重なることはないので行いませんでした。

角度によっては必要になるかもしれません。

 

 

f:id:kurokishiy:20210618112809j:plain

一番外のリングのレイヤーだけ残してあとは非表示に。

ノードーツールにして、このリングの内側のノードを全部選択します。

 

 

f:id:kurokishiy:20210618112834j:plain

Ctrlを押しながら上に移動。

ここでカヌレの側面の高さを決めます。

 

 

f:id:kurokishiy:20210618112915j:plain

非表示にしたレイヤーを表示させ、図形を選択して位置を合わせます。

もうほぼカヌレ

 

 

f:id:kurokishiy:20210618112950j:plain

次に2番目のリング以外すべて非表示にして、先ほどと同様、内側のノードを全部選択して上に持ち上げます。

 

 

f:id:kurokishiy:20210618113012j:plain

1番目を表示させるとこんな感じになってます。

 

 

f:id:kurokishiy:20210618113031j:plain



3番目と中心部分を表示させて位置合わせ。

 

 

f:id:kurokishiy:20210618113058j:plain

3番目のリング以外非表示にして、内側のノードを今度は下に移動。

 

 

f:id:kurokishiy:20210618113117j:plain

中央部分を表示させ移動。

全部表示させるとカヌレの形状が完成。

 

 

f:id:kurokishiy:20210618105500j:plain

あとは光沢をつけたり、テクスチャをつけてみたり、陰影を際立たせたり、アレンジしてみてください。

 
これらを使ったスマホケースも作ったので、ぜひ下記のリンクから覗いてみてください。

[クリケ|公式サイト オリジナルスマホケース]

 

最後までご覧いただき、ありがとうございました。