クリスタのiPad版、2017年の11月にリリースされていたようですね... ※この記事はAffinity Designer(主にデザイナーペルソナ)の個人的な備忘録です。 絵に関して調べてほしいことがあればできるだけ対応しますのでぜひ連絡をくださいm(_ _)m, 【クリスタ】線画に超便利！スプライン曲線(連続曲線)の使い方【CLIP STUDIO PAINT】, 【クリスタ】線画に超便利！3次ベジェ曲線のやり方・描き方・使い方【CLIP STUDIO PAINT】, Follow @matomerusagisan Copyright ©  創造ログ（絵の書き方、描き方まとめ） All rights reserved. それなら正直、Affinity DesignerやIllustratorをお勧めします・・ どこを繋いで、どこを繋がないかが明白なイラストだったので、作成時に後から線を繋ぐことがなかったんですね(´ω`；) 投稿日 : 1.【Adobe Illustrator】線幅ツールとパスのアウトライン まだまだ覚えている最中なので回... さい 【CLIP STUDIO PAINT】ベジェ曲線の話(改... ベジェはハンドルも出ないわ画面がマウスポインターの動きに合わせて動くわ強制終了もできないわ, Ctrlキー(⌘キー)で選択中に右クリック(ドロップダウンメニュー)から制御点の追加. あとでこの記事を下の記事にリンクします・・下の記事に検索から飛ばされてきた方、本当申し訳ない・・ シルクスクリーンで使うものを購入した個人的な記録です。 以前投稿した記事を書いた時、吹き出しアイコンで使っているイラストをクリスタのベジェ曲線を使って作りました。 後から線繋げるのに何でこんなステップ踏まなきゃいけないの？？？これっぽっちもわからんです！, これはきっと以前から変わらぬ仕様のはずですね。 疑問点については後述しますので、先に使いやすくなった点について書きます。 使いやすくなったとは言っても、以前もそう大して使ってないんですが・・ コラ！ 以前投稿した記事を書いた時、吹き出しアイコンで使っているイラストをクリスタのベジェ曲線を使って作りました。 ・・・じゃあこの記事には価値があるのか？！という気もしますが・・ で、以前は下絵もあったし、特に気にもならなかったんですが・・今回目的もなく触ってたらアップデートで使いやすくなった点やその他仕様による疑問点なども出てきました。 以前投稿した2つのクリスタのベジェ曲線の記事がガチで内容が無いよう！！！という状態だったので、 わたしなりのではありますが、ペンツールできれいな線を引くコツをシェアできたらいいなと思います。. 【クリスタ】線画に超便利！２次ベジェ曲線とは【CLIP STUDIO PAINT】, 【クリスタ】線をまっすぐ引く・まっすぐ消す方法(綺麗な直線・斜線)【CLIP STUDIO PAINT】, https://souzoulog.com/wp-content/uploads/2020/02/video13.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video23.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video24.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video14.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video15.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video16.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video25.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video19.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video20.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video21.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video22.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video26.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video27.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video17.mp4, https://souzoulog.com/wp-content/uploads/2020/02/video28.mp4, https://tips.clip-studio.com/ja-jp/articles/1029, 【クリスタ】おすすめの解像度(DPI)やキャンパスの設定【CLIP STUDIO PAINT】, 【クリスタ】スターバーストディフュージョンのやり方【CLIP STUDIO PAINT】, 【悪魔】サマエル(ヤルダバオト、デミウルゴス)とはなにか？意味、エピソード、イラスト、元ネタ紹介, 絵が上手くなるとはどういうことか。模写やデッサンで絵は上手くなるのか。意味はあるのか。全体像について。, 【クリスタ】塗りつぶしのときに発生する汚れ、塗り残しの対策方法を考える【フリンジ】, デジタルイラストにおける厚塗り(グリザイユ画法)とはなにか、基礎知識、意味、やり方, 【悪魔】レヴィアタン(リヴァイアサン)とはなにか？意味、エピソード、イラスト、元ネタ紹介, 【pixivの講座まとめ】厚塗り(インパスト,グラッシ,グリザイユ画法)についての講座・メイキング・やり方まとめ。, 【絵の練習・上達法】模写とデッサン、クロッキーの違いについて【模写とは何か、デッサンとは何か】. 使いやすくなったベジェ曲線 . ・・・そうはいかないと思いますけど・・(´ω`；), でもでも、Ctrlキーなどで操作できるのはすごい便利だったし、次のアップデートに期待！です！, 次回はIllustrator・Affinity Designer・CLIP STUDIOを含めたペンツールの総合的な使い方の記事にしたいと思います。 前回使った時は下絵があったのでわたしはこの点が分かりませんでした。, イラストもこんな単純なものでしたので。 年前, 更新日 : ベジェ曲線(英:Bezier curve.ベジエ曲線)：どれくらいのカーブを持つ曲線かを制御点と方向点を使って作成する曲線(クリスタ)。, 専門的な定義では「N個の制御点から得られるNー一次曲線」。開発者のピエール・ベジェの名前に由来している。, ですよね。学術的な理解はしなくていいと思います。重要なのは線を自由自在に引けるかどうかです。, この記事を作る前に３つの記事を作成しました。この３つの記事で紹介してる分でほとんどの線は作成できると思います。, ・１：【クリスタ】線をまっすぐ引く・まっすぐ消す方法(綺麗な直線・斜線)【CLIP STUDIO PAINT】, ・２：【クリスタ】線画に超便利！曲線ツールの使い方とは【CLIP STUDIO PAINT】, ・３：【クリスタ】線画に超便利！連続曲線の使い方【CLIP STUDIO PAINT】, 結局は「綺麗な直線と綺麗な曲線(２つの線)」を自由自在に扱いたいわけです。ベジェ曲線でできることは、スプライン曲線もできたりします。どのツールが自分に一番合っているか考えましょう。すべてのツールをマスターする必要はありません。, 「２次元に３次元の話をもってこないで」といったような言い方をよく聞きます。二次元はアニメや漫画、３次元は人間やマウスなどが当てはまります。絵は基本的に「二次元」です。三次元の物体を、二次元でどのように表すかが重要になりますよね。, ざっくりいえば漫画やアニメは幅と長さという２つの要素をもつから２次なのであり、人間やマウスは幅と長さに加えて高さをもつから３次元です。ちなみにドラえもんの四次元ポケットはさらに「時間」が加わります。, 二次元空間では幅と高さでした。二次ベジェ曲線の2つの要素はなんでしょうか。正直わかりません。, 学術的にはN－1次曲線なので、2次曲線の場合はN=３になります。つまり３個の制御点から構成されることになります。クリスタでは制御点と方向点を分けています。制御点２つと方向点１つの、合計３つの制御点から構成されているので2次ベジェ曲線というのです。３つだけど２次です。ややこしいですね。, もちろんラスターレイヤーでも作成できますが、ベクターレイヤーで作ったほうが制御点が確認できたり、編集できるので便利です。, 【クリスタ】ベクターレイヤーの使い方・やり方・方法【CLIP STUDIO PAINT】, おっと何度も使っていた曲線ツールはデフォルトで2次ベジェ曲線だったんですね。気づきませんでした。, クリスタは機能をサブツール詳細からチェックを入れないと表示できないし使用できないことがあるので見逃しやすいです。デフォルトでは曲線ツールで2次ベジェが使われてることすら表示されていません。ついでに角度の刻みもいれておきます。, 【クリスタ】線画に超便利！曲線ツールの使い方とは【CLIP STUDIO PAINT】, 方向点(英:direction point)：曲線をどちらに曲げるか、どれくらい曲げるかなどを決めるための点, 制御点(英:control point)：線を管理するための点。どのくらいの幅の線にするか、どのくらいの角度にするかなどを決める点。クリスタでは制御点によって直線を構成してから、方向点で線を曲げる。学術的には方向点も制御点の一種。, 学術的には”方向点も制御点も同じ制御点”として数えられます。つまり方向点と制御点２つの合計３つの制御点で構成されることになります。Nー１次曲線に当てはめると、3－1＝２次曲線ということなります。ベジェ曲線の由来がなんとなくわかりましたね。, 連続曲線ではALTkeyが重要になってきます。上の画像を見てください。ALTありの連続曲線と、ALTなしの連続曲線、どちらともクリックする位置は同じです。違うのはALTを押しながらクリックしたかどうかです。, ・連続曲線中のALTを押しながらクリックするとどうなるか：方向点ではなく制御点が作られる, 画像を見ればわかるのですが、方向点の場合は「↓(矢印)」で制御点の場合は「(カメラ？)」の記号です。, イメージとしては、ALTを押しながらクリックして曲線を終わらせると、前の曲線が次の曲線に影響を受けない感じですね。もっと具体的に言うと連続曲線ではなく、曲線単体を並べているイメージです。, 上の動画は両方の挙動を比較したものです。上の線は「前の曲線が次の曲線に影響を受けている」ことがわかります。, たとえば上のような曲線を描きたい場合も便利です。最初はすごく悩んだのですが、ALTを使えば簡単でした。, まずはうまく行かなかった例から紹介します。ALTを使わずに方向点ばかりを作ってしまった失敗例です。, 次にALTをうまく使った成功例です。違いがわかりにくいですよね。ポイントは最初と最後のALTクリックです。, 連続曲線は曲線の集まりです。直線を引いてみるとわかります。曲線を連続して描くのは得意ですが、曲線じゃない直線が途中で混じってくると苦手なのです。つまりクシ型の図形を形成しない部分は苦手なのです。, クシ型とクシ型以外の線を分けて、クシ型の以外の線はALTクリックで区切ってしまえばいいわけです。, こんな形もALTを利用すれば出来ます。左上からはじめてクリック→ALTクリック→ALTクリック→クリック(方向点)→クリック(左上に戻る)です。, 上の画像から分かる通り、制御点→方向点→制御点(ALT)で区切っていますね。基本的にこの吹き出しは連続曲線を使わなくても出来ます。曲線ツールを連続して使えばいいだけです。, ポイントは線の中央の高さの２倍の位置に方向点を設置することと、一つ一つの曲線ごとをALT＋クリックで終わらせることです。, ALT＋クリックではなく、エンターで区切ると曲線と同じ挙動になります。違いは全体を1つのオブジェクトとして扱うか、バラバラに扱うかです。, これもとくに説明することはないんですよね。要するに連続曲線が苦手な直線はALTを使って区切るだけのことです。, まずは直線のみから形成される星です。角ばってますよね。ちなみにこれは連続直線ツールで作りました。, 角だけ丸めるので、曲線は小さいものになります。直線→曲線→直線ですね。これをすべての角で繰り返すだけです。, 青がALTクリック(制御点)、赤がただのクリック(方向点)、黒がクリック(終始の制御点)です。, ちなみにベクターレイヤーの線画でもラスタライズすればきれいに塗りつぶしすることが出来ます。星の形(直線のみ)を描くのが難しいという人は適当な星の画像を探して連続曲線でトレースしましょう。, 先程は連続曲線ではなく曲線ツールで2次ベジェを確認しました。今度は連続曲線の2次ベジェを確認しましょう。, 今回はスプライン曲線ではなく、2次ベジェ曲線を扱います。2次ベジェ曲線への切り替え方はスプラインの隣りにある２次ベジェ曲線をクリックするだけです。, 曲線ツールでは「最初に第一と第二制御点を決めてから方向点を後で決める」のに対し、連続曲線ツールでは「第一制御点を決めて、次に方向店を決め、最後に第二制御点を決める」という順序になっています。, さきほどの線は、曲線ツールと同じように描けたと言いました。たしかに曲線ツールと同じように連続させなければ同じでした。, 今度は同じ線を連続させてみました。歪んでしまっているのがわかるでしょうか。先程の線は最後の制御点をエンターで終わらせましたが、次の線はエンターでは終わらせずにクリックして制御点をつけ、次の線へとつなげました。そうすると線が歪んでいたのです。, おそらくですが、始点の制御点と、終点の制御点以外はすべて方向点なのです。最初の始点とエンターで区切るときの点は制御点ですが、クリックで押すときの点は方向点になってしまっているのです。グリッド線がなくてもできますが、合ったほうがわかりやすいですよね。, さてそれではこのような線を描くためにはどのように方向点を考えたらいいでしょうか。ちなみに上の図は制御点２つに対して方向点１つになるようにして、一つの曲線ごとに区切りました。構造的には曲線ツールを使っているのと変わりありません。つまりオブジェクトが別々に作られている状況です。, 制御点や方向点の確認はベクターレイヤーで描くことで確認できます。ベクターレイヤーで作った制御点は操作ツールのオブジェクトで確認できます。ベクターレイヤーの使い方は以下の記事をどうぞ。, 上の図のように、別々にオブジェクトが作られることなく、１つのオブジェクトとして作ることが出来ました。, 余談ですが、方向点が複数あると、２次ベジェではなく、X次ベジェになってしまうのではないでしょうか。（無理やり解釈すれば）方向点がいくつあっても１つとして扱えば、合計３つの制御点から構成できますね。学術的な話には疎いので放っておきます。, ただしALTを押す場合と、押さない場合では見た目の差はありませんが、編集の面で違いが出てきます。ALTクリックをした曲線は中央に制御点ができています。この制御点が編集面で大きな変化を与えます。, ざっくりいえば、連続曲線で形成された線は制御点から制御点の間のすべての線が連動しています。ALTクリックを間に挟むということは、そうした連動を切断するということになります。, スプライン曲線は、方向点でコントロールするわけではないので、自分でうまくカーブを形成する必要があります。このカーブがなかなか難しく、コツが要ります。もっと簡単な方法があるかもしれないので今後の研究課題にします。, おそらく幾何学的な知識があればもっと自由自在にコントロールできるようになると思います。個人的にはスプラインのほうが臨機応変に対応できるので好きですね。, 単純な変形という意味ではやはり2次ベジェのほうが得意ですね。細かくて複雑な変形はスプラインのほうが得意なイメージです。, 公式ページでは「方向点」というワードがありますが、ソフト側では「方向点を追加する」というワードはないのです。ややこしいですよね。つまり「制御点を追加する」を押しても「方向点」が追加されることもあるのです。方向点ではないほうの制御点はどうやって追加するのか。それがわかりません。要研究課題です。, とりあえず直線と曲線(２次ベジェ)の「制御点の追加」の挙動の違いを見てもらいましょう。, そうなんですよね。ちなみに直線だからとかは関係ありません。どんな連続曲線を描いても直線のような制御点が追加されないのです。, よーく見ると方向点が追加されています。制御点とは全然形が違いますよね。2次ベジェ曲線では制御点を追加すると方向点が追加されるのです。広義では方向点も制御点に含まれるのでややこしくなるんですよね。, これは正直わかりません。とりあえず試行錯誤してみましょう。そもそも最初からALTクリックで制御点をつけていけば、制御点自体は連続曲線中に設定できるのです。後から制御点を付けるのが難しいというだけです。, 上の動画を見てください。ALTなしのほうは中間に制御点がついていないせいで、全体移動してしまっている状態です。どうにかして中央に制御点を設置する方法はないでしょうか。, 「制御点を追加」を押してもやはり「方向点」しか追加されません。しかも微細すぎて追加されているかどうか目視しづらいです。背景を黒くすると少し見やすくなります。, さて方向点が新たに追加されました。方向点を制御店のような働きをさせようとしてみましたが、微妙にずれるんですよね。, ちょっとちぐはぐな方法ですが、線修正ツールで切断してしまうのもありです。擬似的に制御点を設置できます。切断したあとで、ベクターつなぎをすればALTありと同じような線になります。, 他にも正規の方法があるかもしれませんが、今の所わからないので要研究課題にいれます。, 開いた曲線は制御点→方向点→制御点や制御点→方向点→方向点→制御点といったように方向点と制御点が重なっていません。, 閉じた曲線は制御点(a)→方向点→方向点→方向点→方向点(制御点a)のように最後は方向点で終わるのです。要するにすべての点が方向点になるということです。, もしもっと丸みのある楕円、正円の場合はもう少し複雑な調整が必要になります。グリッド線をいじったほうが早そうですね。というより楕円ツールを使ったほうが早いのであまり使わないでしょう。, 連続曲線は曲線の集まりに過ぎないので、線の中で曲線を見つけたら曲線を引き、直線を見つけたらALTクリックで対応していけばうまいくいくと思います。基本的に線は曲線か直線かの二択しかありません。ベクターレイヤーならずれても修正が可能ですが、2次ベジェの場合は全て描いた後の修正が少し難しいので、できるだけ描いている途中に修正しましょう。, 私は後の先が前の線に影響を与えるのが嫌なので、曲線の終わりごとにALTクリックで区切ります。, あまり長く線を連続してつないでいくと、最後に失敗したときに面倒なので丁度いいところで線を終わらせていいかもしれませんね。よくエンターやALTエンターを押した後に全体が少し歪むことがあるので気を配りましょう。原因についても調査します。後でつなげることも出来ますしそこまで神経質になることはありません。, 個人的な印象ですが、2次ベジェは描いている途中はスムーズに描けますが、描いた後の編集性・修正力が乏しい、あるいは難しく感じます。後から方向点を追加して線を変形させるのもコツがいりそうですね。, かといってスプライン曲線は描いた後の編集性・修正力は優れていますが、描いている途中にスムーズに描きにくい面があります。, どちらの線も”下書きがあれば”うまくいきそうなのでそこまで問題はなさそうですね。下書きない真っ白なキャンパスで絵を描き始めるとなると、どちらの線も相当熟練が必要になるかと思います。単純な絵ならグリッドを使えばうまくいきそうですね。, 熟練とは、具体的にいえば「後ろの線が前の線にどのくらい影響を与えるのか」、「どのくらいの方向点を打てばどのくらい曲がるのか」、「どのくらいの位置で線を区切るべきか」、「どのくらいの位置に制御点を打てばどのくらい曲がるか」などさまざまなポイントがあると思います。個人的にはおそらく幾何学的な知識が役立つと睨んでいます。, 多くの参考書ではスプラインや2次ベジェの説明がないので、参考になれば嬉しいです。また学んだものがあれば記事を更新します, １：https://tips.clip-studio.com/ja-jp/articles/1029, アーティストに役立つような情報をまとめ、人間関係の手段として芸術が寄与すればいいなと思っています。学んだもの、考えたものは自分だけが独占するのではなく、共有するべきものだと思っています。

Windows10 アナログ時計 常に表示 5, 名探偵コナン Youtube 無料 8, 恋愛 諦める 2ch 5, Windows Server 2019 Active Directory 移行の手引き 8, ヨルシカ ラジオ Suis 6, バイク タンデム ヘルメット 持ち運び 25, Sunshine 教科書 1年 本文 38, 黒い砂漠 全身 V 13, 三菱 エコキュート 電磁弁 6, ノーリツ 給湯器 音 11, 卒論 40 40 4,