Lucidchart で線を追加してスタイルを設定

著者:  Shanna S
最終更新日:  

線は作図に欠かせない要素です。そのため、Lucidchart では、できる限りシンプルで直感的な方法で線を操作できるようにしています。この記事では、線の追加、書式設定、カスタマイズの方法について詳しく説明します。

プランの利用可能: 無料、個人、チーム、エンタープライズ。
  • FedRAMPアカウントで利用可能です。
  • アカウントで利用可能な内容については Lucid Plans の記事、またはアップグレードの手順については Lucid Plans の記事をご覧ください。

図に線を追加

行を追加するには、次の 4 つの方法があります。

  • オブジェクトから手動でクリック&ドラッグする
  • オブジェクトから線と図形をすばやく追加する
  • [図形] メニューから線の図形をドラッグします
  • 右クリックしてcanvasに直接追加

オブジェクトから線を手動で追加する

  1. カーソルを図形に合わせます。
  2. オブジェクトの側面から丸い青いノードをクリックし、カーソルをオブジェクトから離してドラッグします。
    create-線-from-existing-図形-on-Lucidchart-キャンバス.gif
     

空白のキャンバス上でマウスを離すと表示されるメニューから、同じオブジェクトや別のオブジェクトに線を接続し直したり、新しいオブジェクトを追加したりすることができます。

add-線-from-図形-to-create-new-図形-on-Lucidchart-キャンバス.gif

新しいオブジェクトを線に追加したくない場合は、キャンバス上の任意の場所をクリックして、図形の自動プロンプトウィンドウを終了してください。

図形の自動プロンプトウィンドウを無効にするには、以下の手順に従います。

  1. 右上のプロフィール画像またはイニシャルを選択して [アカウントの設定] を開きます。
  2. 画面左のメニューから [文書の設定] をクリックします。
  3. Lucidchart タブを選択します。
  4. [線の描画後の動作] を見つけます。
  5. [何もしない] を選択します。

オブジェクトから線と図形をすばやく追加する

  1. 図形上の丸い赤いノードの上にカーソルを置きます。
  2. 表示されるプレビューで線と図形が追加される場所を確認します。
  3. 図形の周囲や上にある丸い青いノードをクリックすると、プレビュー線と図形を追加できます。

    クイック追加を使用して、線と形状の作成に.gif

先端: 使用可能なスペースがある場合、クリックした丸いノードの方向に新しい線と形状が追加されます。 その方向に図形が既に存在する場合は、新しいブランチが作成されます。

図形メニューから線を追加

  1. 図形メニューのline_and_arrow_icon_from_the_Standard_shape_library.png[標準] セクションから線と矢印のアイコンをクリックしてドラッグします。
  2. 体を引きずって線を動かし、片端を引きずって線を伸ばします。
    drag-線-onto-キャンバス-from-Standard-図形ライブラリ.gif
     

キャンバスに直接線を追加

  • キャンバス上で右クリックします。
  • 表示されたメニューから線を描く」を選択します。
    create-線-from-existing-図形-on-Lucidchart-キャンバス.gif
     

その他のヒント :

  • 別のオブジェクトに線で接続されたオブジェクトを移動すると、オブジェクト間の接続が保持された状態で線も移動します。
  • 線の描画時にキーボードの [Shift] キーを長押しすると、45度刻みの直線を描画することができます。
  • 図形から独立して移動する線を作成するには、ドキュメント設定の「線の接続」をオフに切り替えます
    • 線の接続をオフにすると、新しい線を個別に移動できるようになり、図形に自動的に接続されなくなります。 ただし、線の接続をオフにする前にすでに図形に接続されていた線は接続されたままになり、個別に移動することはできません。

線の書式設定と修正

Lucidchart では、線の外観を自在にコントロールできる線の書式設定オプションを多数揃えています。一重線に変更を加えるには、対象の線を選択してキャンバス上部の書式設定ツールバーから加えたい変更内容に対応するセクションを表示します。文書のデフォルトの線を設定するには、書式設定ツールバーからデフォルトの線を設定する前に線が選択されていないことを確認します。

線の図形

Lucidchart には、線図形の 4 つのオプションが用意されています。

  • 直線
  • 曲線
  • 折れ線
  • 双方向接続

新規文書に適用されるデフォルトの線の形状は折れ線に設定されています。つまり、線の方向は背景となるキャンバスのグリッドに対応しており、90度の角度でのみ折ることが可能です。

線の図形の変更は以下の手順で行います。

  1. 線を選択するか、キャンバスの背景上をクリックします。
  2. 書式設定ツールバーの「オプション」アイコンをクリックします。
    線-options-in-lucid.png
  3. 使用可能な線図形を 1 つ選択します。
    • 折れ線図形を使用している場合は、線オプションウィンドウの「丸め」 Box でピクセルを上下の矢印を切り替えることで、線の角度に丸みを加えることができます。

線の色

線の色の変更は以下の手順で行います。

  1. 線を選択します (デフォルトに設定する場合はキャンバス上の任意の場所をクリックします) 。
  2. 書式設定ツールバーから線の色アイコン.png線の色アイコンをクリックします。
  3. 現れる色見本ウィンドウから色を選びます。
     

カスタムの色を使用するには、色見本ウィンドウの下部にあるlucidのカスタムカラー用プラスアイコン.pngプラスアイコンをクリックします。ここから、色見本内のスペースを選択するか、カラースライダーを使用して、手動で色を選択できます。また、ドロップダウンメニューからHex、HSB、RGBを選択することもできます。選択すると、HSBまたはRGBの値を調整したり、Hexコードを入力したりすることができます。

ヒント:条件付き書式設定を適用して、事前定義された基準に基づいて特定の色を線に割り当てます。 たとえば、条件付き書式設定ルールをカスタマイズして、値「はい」に関連付けられた行を緑色で表示し、値「いいえ」に関連付けられた行を赤色で表示するように設定することで、明確な視覚的な区別を強化できます。

線の幅

線の幅の変更は以下の手順で行います。

  1. 線を選択します (デフォルトに設定する場合はキャンバス上の任意の場所をクリックします) 。
  2. 書式設定ツールバーの「線の幅」ボックスで上下の矢印を切り替えます。
    カスタマイズ線の幅-using-arrows-to-adjust-pixels.gif

注 : Lucidchart では、0.5~10ピクセル (px) の線幅設定が可能です。入力された値は小数第2位で四捨五入されます。

線のスタイル

線のスタイルの変更は以下の手順で行います。

  1. 線を選択します (デフォルトに設定する場合はキャンバス上の任意の場所をクリックします) 。
  2. フォーマットツールバーの「線スタイル」ボックスをクリックすると、利用可能な線スタイルのオプションが表示されます。
    線スタイル-Box-in-lucid.png
  3. カーソルをさまざまな線スタイルに合わせると、図上でどのように表示されるかを確認できます。線種をクリックすると、変更が適用されます。

カスタム線パターンを追加するには、以下の手順を踏んでください:

  1. 線を選択します (デフォルトに設定する場合はキャンバス上の任意の場所をクリックします) 。
  2. フォーマットツールバーの「線スタイル」ボックスをクリックすると、利用可能な線スタイルのオプションが表示されます。
  3. クリックドロップダウン矢印からカスタム線を追加-pattern.pngドロップダウン矢印アイコン。
  4. 「カスタム」の右側に、ダッシュとギャップのサイズをカンマで区切って入力してください。
    • 例:「5、5」

      add-a-custom-線-pattern-in-lucid.png

  5. キャンバス上のどこかをクリックすると変更を適用できます。

線のスタイルのオプションを追加するには以下の手順に従います。

  • 個人線を改造する場合は、このウィンドウの下部で「DOUBLE」を選択して線を2本の平行線に変えます。
    select_double_to_add_parallel_line_to_selected_line_on_diagram.png
     
  • キャンバス上で選択した線が別の線を横切った場合、「ジャンプ」を選択することで別の線を飛び越えさせることができます。
    select_jump_to_show_a_curved_jump_where_lines_intersect.png
     
  • 線にテキストがある場合は、「TEXT PILL」を選択してテキストの周りにピルを作成できます。
    input_text_pill_around_text_on_a_line_in_Lucidchart_diagram.png
  • 線にマーカーを追加するには、「マーカー」を選択して線の中央に円を付け、その上にテキストをラベル付けできます。
    line-with-marker-stating-updating-process-in-flow.jpg

スタイル 線 endpoints

新規文書では、デフォルトの線の終点として実線の片矢印が含まれています。終点を変更するには、以下の手順に従います。

  1. 線を選択します (デフォルトに設定する場合はキャンバス上の任意の場所をクリックします) 。
  2. フォーマットツールバーの左または右の「エンドポイント」ドロップダウンをクリックすると、利用可能なオプションが表示されます。
    select-from-endpoint-options-for-線-including-arrows-or-図形.gif
  3. スタイルを選択します。

別のエンドポイントスタイルを追加すると:

  1. 線を選択します (デフォルトに設定する場合はキャンバス上の任意の場所をクリックします) 。
  2. フォーマットツールバーの左または右の「エンドポイント」ドロップダウンをクリックし、リストの一番下の「その他」をクリックしてください。
  3. 希望するエンドポイントスタイルのチェックボックスを選択します。
  4. [適用] をクリックします。
  5. フォーマットツールバーの左右の「エンドポイント」ドロップダウンをクリックして、スタイルを選択してください。

選択した線の端点を入れ替えるには、フォーマットツールバーの端点ドロップダウンメニューの横にあるダブル矢印アイコンをクリックしてください。
Swap-線-endpoints-by-clicking-the-double-arrow-icon-in-book式設定バー.png
 

線の端点のサイズは、フォーマットツールバーの線スタイルオプションで調整できます。
エンドポイントサイズ調整オプションのコピー.png

詳しくはこちら:ER図やUMLで線を書式化する方法については、「ER図を作成Lucidchart記事をご覧ください。

線へのテキストの追加と修正

線にテキストを追加するには、以下の手順に従います。

  1. 線をダブルクリックします。
  2. 表示される「テキスト」ボックスを入力してください。
    add_text_by_double_clicking_on_a_line.gif
    • テキストボックスをクリックしてドラッグすると、テキストを線の上下など、別の場所に移動できます。
      click_and_drag_text_on_a_line_to_move_it_above_or_below_the_line.gif

線からテキストを削除するには、以下の手順に従います。

  1. 削除したいテキストをダブルクリックします。
  2. テキストの末尾をハイライトするかカーソルを置きます。
  3. キーボードの Delete (Macの場合) または Backspace (Windows の場合) キーを押してください。

線の経路の変更

折れ線のスタイルのオプションを追加するには以下の手順に従います。

  1. 線を選択します。
    • 選択した線の各区間の中央にノードが表示されます。
    • 選択された線の区間にカーソルを合わせると、その区間の4分の1地点に追加のノードが表示されます。
  2. ノードをクリックしてドラッグすると、線の経路を変更することができます。
    修正された線は、Lucid で塗りつぶされたノードで示されます。gif
  3. クリックしてドラッグした箇所がアンカーポイントとなり、ライン上に塗りつぶしの色で表現されます。
    • このアンカー ポイントは移動しません。個々のアンカー ポイントをリセットする必要がある場合は、右クリックして[ジョイントの削除]を選択します。

ヒント:線全体をリセットして、すべてのアンカー ポイントを削除できます。 これを行うには、線を右クリックして「線をリセット」を選択します。

直線や曲線の経路を修正するには、以下の手順に従います。

  1. 線を選択します。
    • 線の中央にノードが表示されます。
  2. ノードをクリックしてドラッグすると、線に接続部が作成され、経路が変更されます。
    • 線は2つの区間に分離され、両方の区間の中央にノードが追加されます。
      click_and_drag_a_node_on_a_curved_line_to_change_path.gif

線を修正して接続部を追加した後、接続部を右クリックして [接続部を削除] を選択すると、接続部を削除できます。

線端点の位置を変更する:

  1. 線エンドポイントを選択します。
  2. 線の端点にノードが現れます。
    • ノードをクリックしてドラッグして図形上で位置を変えてください。

      reposition-a-線-endpoint-on-a-図形.gif

スマートラインの作成

スマートラインでは、2つのオブジェクト間の最も効率的な経路となるよう接続ポイントを自動的に調整します。ここでは、その作成方法を説明します。

  1. オブジェクトから他のオブジェクトへ線をドラッグします。
  2. 対象のオブジェクトの境界線に到達したら、オブジェクトがハイライトされるまでカーソルをそのまま保ちます。
  3. ハイライトが消える前にカーソルを離してください。

この記事へのフィードバックをお寄せください

この記事に関するフィードバックはありますか?体験の内容についてこちらから教えてください。

お探しの内容は見つかりましたか?

他に質問がある場合や、学んだことを共有したい場合は、当社の コミュニティ   でサポートを得て、他のユーザーと協力しましょう。