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

著者:  Shanna S
最終更新日:  

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

プランの利用可能: 無料、個人、チーム、エンタープライズ。

図に線を追加

行を追加するには、次の 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. クリック右パネルアイコン.pngワークスペースの右上にある右パネルアイコンです。
    • または、線を選択し、表示された図形編集バーから線 図形アイコンをクリックしてください
  3. オプションから線 図形を選択します。
     

クラシック Lucidchart エディターで線図形を変更する詳細手順は、展開下のドロップダウンをご覧ください。

クラシックな Lucidchart エディターの手順はこちらをクリックしてください

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

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

 

線の色

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

  1. 線を選択します。
  2. 右パネルアイコン.pngワークスペース右上の右パネルアイコンをright-panel-icon.pngしてください。
  3. クリック 線の色アイコン.png 「ストローク」の下にある線の色アイコンをクリックしてください。
    • あるいは、線を選択して図形編集バーから線のカラーアイコンをクリックしてください。
  4. 現れる色見本ウィンドウから色を選びます。 

クラシックな Lucidchart エディターで線の色を変える詳細手順については、下のドロップダウンから展開してください。

クラシックな Lucidchart エディターの手順はこちらをクリックしてください

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

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

 

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

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

線の幅

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

  1. 線を選択します。
  2. ワークスペース右上の右パネルアイコン 右パネルアイコン.png クリックしてください。
  3. 線の幅アイコンを 線の幅-icon.png るところで、「線」の下の上下矢印を切り替えます。
  4. あるいは、線を選択して図形編集バーの上下矢印を切り替える方法もあります。
     change-線の幅-example.gif

クラシックな Lucidchart エディターで線の幅を変更する詳細手順は、下のドロップダウンから展開してください。

クラシックな Lucidchart エディターの手順はこちらをクリックしてください

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

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

 

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

線のスタイル

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

  1. 線を選択します。
  2. ワークスペースの右上にある右パネルアイコン.png右パネルアイコンをクリックします。
  3. 図形編集バーの線スタイルアイコンをクリックしてください。
    • あるいは、線を選択して図形編集バーの線スタイルアイコンをクリックしてください。
  4. オプションから線のスタイルを選択します。
  5. カーソルをさまざまな線スタイルに合わせると、図上でどのように表示されるかを確認できます。線種をクリックすると、変更が適用されます。

    線の太さ-in-lucid.png

クラシックな Lucidchart エディターで線のスタイルを変更する詳細説明は、下のドロップダウンから展開してください。

クラシックな Lucidchart エディターの手順はこちらをクリックしてください

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

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

 

線パターン、接続タイプ、矢印ラベル、端点サイズ、角半径を調整するには、ストローク設定メニューにアクセスしてください。方法は以下のとおりです。

  1. キャンバス上の線を選びます。
  2. ワークスペース右上の右パネルアイコン 右パネルアイコン.png クリックしてください。
  3. 「線」の「線」の横にある三点 ルシッドの3点アイコン.png アイコンをクリックするとストローク設定が開かれます。
  4. ストローク設定を編集してください。

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

  • 個人線を改造する場合は、選択ダブルアイコンを選べます。
    select_double_to_add_parallel_line_to_selected_line_on_diagram.png
     
  • 線にテキストがある場合は、選択テキストの周りにピルを作成するテキストピルアイコンを選べます。
    input_text_pill_around_text_on_a_line_in_Lucidchart_diagram.png
  • 選択した線がキャンバス上の別の線を越えた場合、 を選択して別の線を飛び越えさせることができます 。ジャンプアイコン。
    select_jump_to_show_a_curved_jump_where_lines_intersect.png

  • 線にマーカーを追加するには、選択マーカーアイコンを選んで、線の中央に円を付け、その上にテキストでラベル付けできます。
    line-with-marker-stating-updating-process-in-flow.jpg

線のパターン、接続タイプ、矢印ラベル、端点サイズ、角半径の調整や、クラシック Lucidchart エディターのストローク設定メニューへのアクセスに関する詳細説明は、下のドロップダウンから展開してください。

クラシックな Lucidchart エディターの手順はこちらをクリックしてください

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

  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

 

デフォルトの線スタイルを設定する

キャンバスに追加される新しい図形に適用するデフォルトのスタイルを変更するには以下の手順に従います。

  1. キャンバス上の任意の場所をクリックします。
  2. ワークスペース右上の右パネルアイコン 右パネルアイコン.png クリックしてください。
  3. 「ストローク」で線の性質を調整してください。

ドキュメントに新たに追加された図形は更新されたスタイルを表示します。
 

スタイル 線 endpoints

線の端点変更

新しいドキュメントのデフォルト線エンドポイント設定には実線(片矢印)が含まれています。 エンドポイントを変更するには、以下のステップをフォローしてください:

  1. 線を選択します。
  2. ワークスペース右上の右パネルアイコン 右パネルアイコン.png クリックしてください。
  3. 「線」の下から、左右の「Endpoint」ドロップダウンをクリックすると利用可能なオプションが表示されます。
    • あるいは、線を選択して図形編集バーの左右の「Endpoint」ドロップダウンをクリックしてください。
  4. ドロップダウンからエンドポイントスタイルを選択します。

    クラシック Lucidchart エディターで線の端点を変更する詳細手順については、下のドロップダウンから展開してください。

    クラシックな Lucidchart エディターの手順はこちらをクリックしてください

    スタイル 線 endpoints

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

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

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

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

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

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

  1. 線を選択します。
  2. ワークスペース右上の右パネルアイコン 右パネルアイコン.png クリックしてください。
  3. 「線」の下で、左端または右端点のドロップダウンをクリックし、その下の「もっと」をクリックします。
  4. 希望するエンドポイントスタイルの隣にあるチェックボックスを選択してください。
  5. [適用] をクリックします。
  6. フォーマットツールバーの左右の「エンドポイント」ドロップダウンをクリックして、スタイルを選択してください。

クラシック Lucidchart エディターにもう一つのエンドポイントスタイルを追加する詳細手順は、展開下のドロップダウンをご覧ください。

クラシックな Lucidchart エディターの手順はこちらをクリックしてください

クラシックな Lucidchart エディターでもう一つのエンドポイントスタイルを追加するには:

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

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

 

エンドポイントを交換する

選択した線の端点を入れ替えるには、右パネルの端点ドロップダウンメニューの右側にある線の Swap 線の終了アイコン、または図形編集バーをクリックしてください。

エンドポイントのサイズを調整する

線端のサイズを調整するには、以下の手順に従ってください:

  1. 線を選択します。
  2. ワークスペース右上の右パネルアイコン 右パネルアイコン.png クリックしてください。
  3. 「線」の下、右側の三点アイコン ルシッドの3点アイコン.png をクリックします。
  4. 「エンドポイントサイズ」の横にある上下の矢印を切り替えます。

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

線へのテキストの追加

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

  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

 

クラシックな Lucidchart エディターで線にテキストを追加する詳細手順については、下のドロップダウンから展開してください。

クラシックな 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

 

ヒント: テキストをダブルクリックして右パネルで編集することでフォーマットできます。テキストのフォーマットについてもっと知りたい方は、「 Lucidchartでテキストを追加・スタイル 」という記事をご覧ください。

線からテキストを削除する

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

  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. ハイライトが消える前にカーソルを離してください。

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

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

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

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