<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>ベクター描画 on KnightLiブログ</title>
        <link>https://www.knightli.com/ja/tags/%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E6%8F%8F%E7%94%BB/</link>
        <description>Recent content in ベクター描画 on KnightLiブログ</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja</language>
        <lastBuildDate>Fri, 08 May 2026 09:18:53 +0800</lastBuildDate><atom:link href="https://www.knightli.com/ja/tags/%E3%83%99%E3%82%AF%E3%82%BF%E3%83%BC%E6%8F%8F%E7%94%BB/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>AIで点線・矢印・曲線を描く方法、キャンバスサイズを変更する方法</title>
        <link>https://www.knightli.com/ja/2026/05/08/ai-dashed-line-arrow-curve-artboard/</link>
        <pubDate>Fri, 08 May 2026 09:18:53 +0800</pubDate>
        
        <guid>https://www.knightli.com/ja/2026/05/08/ai-dashed-line-arrow-curve-artboard/</guid>
        <description>&lt;p&gt;ここでの &lt;code&gt;AI&lt;/code&gt; は一般的なベクターデザインソフトを指し、人工知能による画像生成ではない。&lt;/p&gt;
&lt;p&gt;AIソフトを使い始めた人がよく検索するのは、AIで点線を描く方法、矢印を描く方法、曲線を描く方法、キャンバスサイズを変更する方法だ。どれも基本操作だが、入口は線、ペンツール、線分ツール、アートボードツールに分かれている。&lt;/p&gt;
&lt;p&gt;実際の使用順に整理する。&lt;/p&gt;
&lt;h2 id=&#34;aiで点線を描く方法&#34;&gt;AIで点線を描く方法
&lt;/h2&gt;&lt;p&gt;AIソフトでは、点線は単独のツールではなく、通常は「線」パネルで設定する。&lt;/p&gt;
&lt;p&gt;手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;線分ツール&lt;/code&gt;、&lt;code&gt;ペンツール&lt;/code&gt;、または &lt;code&gt;図形ツール&lt;/code&gt; で線やパスを描く。&lt;/li&gt;
&lt;li&gt;その線を選択する。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ウィンドウ&lt;/code&gt; -&amp;gt; &lt;code&gt;線&lt;/code&gt; を開く。&lt;/li&gt;
&lt;li&gt;線パネルで &lt;code&gt;破線&lt;/code&gt; をオンにする。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;線分&lt;/code&gt; と &lt;code&gt;間隔&lt;/code&gt; の数値を設定する。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;よく使う考え方：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;線分&lt;/code&gt;：実線部分の長さ。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;間隔&lt;/code&gt;：実線同士の空き。&lt;/li&gt;
&lt;li&gt;線幅：点線全体の太さ。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;均等な点線にしたい場合は、まず次を試す。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;線分：8
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;間隔：8
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;丸いドットのようにしたい場合は、線端を丸型にし、線分を小さくする。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;線分：0
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;間隔：8
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;線端：丸型
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;これで丸い点が並んだように見える。&lt;/p&gt;
&lt;h2 id=&#34;点線が表示されないとき&#34;&gt;点線が表示されないとき
&lt;/h2&gt;&lt;p&gt;破線をオンにしても変化が見えない場合は、次を確認する。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;オブジェクトに線色があるか。&lt;/li&gt;
&lt;li&gt;線幅が小さすぎないか。&lt;/li&gt;
&lt;li&gt;正しいオブジェクトを選択しているか。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;線分&lt;/code&gt; と &lt;code&gt;間隔&lt;/code&gt; の数値が小さすぎないか。&lt;/li&gt;
&lt;li&gt;塗りだけで、線がないオブジェクトではないか。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;多くの線の問題は、「パスはあるが線がない」ことが原因だ。&lt;/p&gt;
&lt;h2 id=&#34;aiで矢印を描く方法&#34;&gt;AIで矢印を描く方法
&lt;/h2&gt;&lt;p&gt;矢印も通常は単独で描くのではなく、パスの線に矢印スタイルを追加する。&lt;/p&gt;
&lt;p&gt;手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;線分ツール&lt;/code&gt; で直線を描く。&lt;/li&gt;
&lt;li&gt;直線を選択する。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ウィンドウ&lt;/code&gt; -&amp;gt; &lt;code&gt;線&lt;/code&gt; を開く。&lt;/li&gt;
&lt;li&gt;線パネル下部の &lt;code&gt;矢印&lt;/code&gt; を探す。&lt;/li&gt;
&lt;li&gt;始点または終点に矢印スタイルを選ぶ。&lt;/li&gt;
&lt;li&gt;矢印の倍率を調整する。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;矢印の向きが逆の場合は、次のどちらかで処理する。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;線パネルで矢印を始点から終点へ移す。&lt;/li&gt;
&lt;li&gt;パス方向を反転するコマンドを使う。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;もっと簡単なのは、線を描き直すことだ。矢印の尾から先端へドラッグすれば、終点が矢印方向になる。&lt;/p&gt;
&lt;h2 id=&#34;両矢印を描く方法&#34;&gt;両矢印を描く方法
&lt;/h2&gt;&lt;p&gt;両矢印は、始点と終点の両方に矢印を設定するだけでよい。&lt;/p&gt;
&lt;p&gt;手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;線分を選択する。&lt;/li&gt;
&lt;li&gt;線パネルを開く。&lt;/li&gt;
&lt;li&gt;1つ目の矢印位置に矢印を選ぶ。&lt;/li&gt;
&lt;li&gt;2つ目の矢印位置にも矢印を選ぶ。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;矢印が大きすぎる、または小さすぎる場合は、&lt;code&gt;倍率&lt;/code&gt; を調整する。&lt;/p&gt;
&lt;p&gt;一般に、矢印の大きさは線幅に合わせる。細い線に大きすぎる矢印は不自然で、太い線に小さすぎる矢印は見づらい。&lt;/p&gt;
&lt;h2 id=&#34;aiで曲線を描く方法&#34;&gt;AIで曲線を描く方法
&lt;/h2&gt;&lt;p&gt;AIで曲線を描くとき、最もよく使うのは &lt;code&gt;ペンツール&lt;/code&gt; だ。&lt;/p&gt;
&lt;p&gt;基本手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;ペンツール&lt;/code&gt; を選ぶ。&lt;/li&gt;
&lt;li&gt;キャンバス上で一度クリックし、最初のアンカーポイントを作る。&lt;/li&gt;
&lt;li&gt;2つ目の位置では、クリックだけでなく押したままドラッグする。&lt;/li&gt;
&lt;li&gt;ドラッグすると方向ハンドルが出て、曲線ができる。&lt;/li&gt;
&lt;li&gt;さらにクリックとドラッグを続け、連続した曲線を作る。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;ポイントは単純だ。直線はクリック、曲線はクリックしてドラッグする。&lt;/p&gt;
&lt;p&gt;初心者が曲線を描けない原因は、多くの場合、毎回クリックだけして方向ハンドルをドラッグしていないことだ。&lt;/p&gt;
&lt;h2 id=&#34;曲線をなめらかに調整する&#34;&gt;曲線をなめらかに調整する
&lt;/h2&gt;&lt;p&gt;曲線を描いた後は、次のツールで調整できる。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;ダイレクト選択ツール&lt;/code&gt;：アンカーポイントを選び、点やハンドルを動かす。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;アンカーポイントツール&lt;/code&gt;：角点とスムーズポイントを切り替える。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;スムーズツール&lt;/code&gt;：パスをより滑らかにする。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;曲率ツール&lt;/code&gt;：より簡単に滑らかな曲線を作る。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;自然な曲線を描きたいだけなら、&lt;code&gt;曲率ツール&lt;/code&gt; はペンツールより初心者向きだ。多くの方向ハンドルを手で引かなくても、いくつかの点をクリックするだけで滑らかなパスが作れる。&lt;/p&gt;
&lt;h2 id=&#34;曲率ツールで曲線を描く&#34;&gt;曲率ツールで曲線を描く
&lt;/h2&gt;&lt;p&gt;曲率ツールは「点を置くと、曲線が自動でついてくる」感覚に近い。&lt;/p&gt;
&lt;p&gt;手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;曲率ツール&lt;/code&gt; を選ぶ。&lt;/li&gt;
&lt;li&gt;キャンバス上で最初の点をクリックする。&lt;/li&gt;
&lt;li&gt;2つ目の点をクリックする。&lt;/li&gt;
&lt;li&gt;3つ目の点をクリックすると、ソフトが自動的に曲線を作る。&lt;/li&gt;
&lt;li&gt;既存の点をドラッグして曲線の形を変える。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;角を作りたい場合は、点をダブルクリックして、スムーズポイントと角点を切り替える。&lt;/p&gt;
&lt;p&gt;初心者は、まず曲率ツールで大まかな形を作り、後からダイレクト選択ツールで微調整するほうがやりやすい。&lt;/p&gt;
&lt;h2 id=&#34;aiでキャンバスサイズを変更する方法&#34;&gt;AIでキャンバスサイズを変更する方法
&lt;/h2&gt;&lt;p&gt;AIでいう「キャンバスサイズ」は、多くの場合 &lt;code&gt;アートボードサイズ&lt;/code&gt; を指す。書き出し範囲、デザインサイズ、ページサイズを変えたい場合は、アートボードを変更する。&lt;/p&gt;
&lt;p&gt;手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;左のツールバーから &lt;code&gt;アートボードツール&lt;/code&gt; を選ぶ。&lt;/li&gt;
&lt;li&gt;現在のアートボードをクリックする。&lt;/li&gt;
&lt;li&gt;上部のプロパティバーに幅と高さを入力する。&lt;/li&gt;
&lt;li&gt;アートボードの端をドラッグして手動調整することもできる。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;よく使うサイズ例：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;WeChatカバー：900 x 383 px
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;小紅書カバー：1242 x 1660 px
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;Instagram正方形：1080 x 1080 px
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;A4用紙：210 x 297 mm
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;単位が px でない場合は、ドキュメントまたはプロパティパネルで単位を切り替える。&lt;/p&gt;
&lt;h2 id=&#34;アートボードパネルでサイズを変える&#34;&gt;アートボードパネルでサイズを変える
&lt;/h2&gt;&lt;p&gt;アートボードツール以外にも、アートボードパネルで複数のアートボードを管理できる。&lt;/p&gt;
&lt;p&gt;手順：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;ウィンドウ&lt;/code&gt; -&amp;gt; &lt;code&gt;アートボード&lt;/code&gt; を開く。&lt;/li&gt;
&lt;li&gt;変更したいアートボードを選ぶ。&lt;/li&gt;
&lt;li&gt;アートボードオプションを開く。&lt;/li&gt;
&lt;li&gt;幅、高さ、位置を入力する。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;1つのファイルに複数ページ、複数のポスターサイズ、複数の書き出し画像がある場合は、直接ドラッグするよりアートボードパネルのほうが分かりやすい。&lt;/p&gt;
&lt;h2 id=&#34;アートボードサイズを変えると図形も変わるか&#34;&gt;アートボードサイズを変えると図形も変わるか
&lt;/h2&gt;&lt;p&gt;アートボードサイズだけを変更しても、中の図形は通常自動では拡大縮小されない。&lt;/p&gt;
&lt;p&gt;つまり：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;アートボードを大きくしても、図形サイズは変わらない。&lt;/li&gt;
&lt;li&gt;アートボードを小さくしても、図形サイズは変わらないが、範囲外にはみ出すことがある。&lt;/li&gt;
&lt;li&gt;書き出し時は通常、アートボード範囲内の内容だけが出力される。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;図形も一緒に拡大縮小したい場合は、図形を選択して手動で拡大縮小するか、拡大縮小ツールや変形パネルを使う。&lt;/p&gt;
&lt;h2 id=&#34;よく使う入口&#34;&gt;よく使う入口
&lt;/h2&gt;&lt;p&gt;覚えておくと便利な入口：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;線パネル：ウィンドウ -&amp;gt; 線
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;アートボードパネル：ウィンドウ -&amp;gt; アートボード
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;アートボードツール：Shift + O
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;ペンツール：P
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;ダイレクト選択ツール：A
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;バージョンによって画面は少し違うことがあるが、基本ロジックは同じだ。点線と矢印は線パネル、曲線はパスツール、キャンバスサイズはアートボードで調整する。&lt;/p&gt;
&lt;h2 id=&#34;まとめ&#34;&gt;まとめ
&lt;/h2&gt;&lt;p&gt;AIで点線を描く：パスを選択し、&lt;code&gt;線&lt;/code&gt; パネルで &lt;code&gt;破線&lt;/code&gt; をオンにし、線分と間隔を設定する。&lt;/p&gt;
&lt;p&gt;AIで矢印を描く：線を描き、&lt;code&gt;線&lt;/code&gt; パネルで始点または終点に矢印を追加する。&lt;/p&gt;
&lt;p&gt;AIで曲線を描く：&lt;code&gt;ペンツール&lt;/code&gt; でクリックしてドラッグする。初心者は &lt;code&gt;曲率ツール&lt;/code&gt; を使うと滑らかな曲線を作りやすい。&lt;/p&gt;
&lt;p&gt;AIでキャンバスサイズを変更する：&lt;code&gt;アートボードツール&lt;/code&gt; または &lt;code&gt;アートボード&lt;/code&gt; パネルでアートボードの幅と高さを変える。&lt;/p&gt;
&lt;p&gt;これらを覚えると、基本的な線、フローチャート、注釈図、ページサイズ調整の多くを扱えるようになる。&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
