Lucidchart で図形を追加、カスタマイズ

著者:  Morgan T
最終更新日:  

Lucidchart のドラッグ&ドロップインターフェースとシンプルなスタイル設定ツールを使えば、図形を使ってプロフェッショナルな図をゼロから簡単に作成できます。図形のスタイル設定の基本から、より高度なヒントやコツまで、この記事では Lucidchart エディターで図形を操作してニーズに合ったビジュアルを作成する方法を紹介します。

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

動画: Lucidchart を使い始める

文書への図形の追加

図に図形を追加する方法はいくつかあります。 できます:

  • 図形メニューから図形をワークスペースの左側にドラッグし、キャンバスにドロップします。
  • 既にキャンバス上にある図形から線をドラッグし、自動プロンプトメニューから新しい図形を選択します。
  • canvas上の図形にカーソルを合わせるか選択し、図形上または周囲に表示される丸い赤いノードの 1 つをクリックします。
    • 使用可能なスペースがある場合は、クリックした丸いノードの方向に新しい形状が追加されます。 その方向に図形が既に存在する場合は、新しいブランチが作成されます。
  • Command-Shiftキー(Mac)またはCtrl-Shiftキー(Windows)を押しながら、キャンバス上の既存の図形をクリックしてドラッグし、複製します。

上記のオプションを繰り返して、1 つの図形から分岐する図形をさらに追加します。

add-shapes-to-Lucidchart-diagram-using-different-optionsを実行します.gif

詳細情報:canvas上の図形を変更する手順については、この記事の「図形を変更する」セクションを参照してください。[図形] メニューからさまざまな図形にアクセスする方法については、 Lucidchart の図形ライブラリ の記事をご覧ください。

図形の書式設定と変更

図形のオプション

キャンバス上またはキャンバス上で図形を直接移動、サイズ変更、回転できます。図形オプションアイコン.pngワークスペース上部の書式設定バーの図形オプションメニュー。 このメニューでは、影を追加したり、図形の角を丸めたりするオプションも利用できます。

図形を移動
図形を移動するには、カーソルで図形をドラッグするか、図形を選択してキーボードの矢印キーで移動します。キーボードの [Shift] キーを押しながら矢印キーを使用して、図形を少しずつ移動します。[図形のオプション] メニューの [X 位置] と [Y 位置] 矢印を使用することもできます。

図形のサイズ変更
図形のサイズを変更し、選択して青い四角を境界線に沿ってドラッグします。サイズ調整中に図形のサイズを維持するために、キーボードの「シフト」を押し続けてください。また、図形オプションメニューの「幅」と「高さ」矢印を使って特定の寸法を設定することもできます。ロックアイコンを使って寸法を比例的に指定してください。

幅と高さを指定すると、単位は文書の設定に合わせて調整されます。 文書が使用する単位を変更するには、文書 とホワイトボード設定の調整 記事をご覧ください。

図形を回転させる
図形を回転させ、選択して境界線の左上隅にあるハンドルを使って時計回りまたは反時計回りにドラッグします。図形オプションメニューの「回転」矢印も使えます。

図形に影を加える
図形オプションメニューの一番下にある 「影 」をクリックし、影のオプションをオンに切り替えてください。その後、影の距離、ぼかし、色、角度を調整できます。

図形の角を丸める
図形の角を丸めるには、図形を選択して矢印をクリックするか、[図形のオプション] メニュー下部の [角丸] ボックスにピクセル値を入力します。

図形のスタイル

塗りつぶしの色
図形に塗りつぶしの色を追加するには以下の手順に従います。

  1. 色で塗りつぶす図形を選択します。
  2. ワークスペースの上部にある書式設定バーから [塗りつぶしの色] アイコンをクリックします 塗りつぶしの色-icon.png
  3. 色を選択します。
    • カスタムカラーを作成するには、色見本ウィンドウの下部にあるプラスアイコン lucidのカスタムカラー用プラスアイコン.png をクリックします。
    • 図形の色をキャンバス上の既存の色に合わせるには、カラースポイトのアイコン ページの背景色に合わせてキャンバス上の色を調整するカラースポイトアイコン.png を選択し、合わせたいオブジェクトをクリックします。

先端: 塗りつぶしの色メニューの上部には、図形を線形または放射状のグラデーションまたは画像で埋めるオプションを含むドロップダウンメニューがあります。 画像オプションを使用して、画像を特定の図形に切り抜きます。

不透明度

図形の不透明度を調整するには:

  1. キャンバス上の図形を選択します。
  2. ワークスペースの上部にある書式設定バーから [塗りつぶしの色] アイコンをクリックします 塗りつぶしの色-icon.png
  3. 図形の現在の色を選択します。
  4. 表示されるパネルの不透明度バーに沿って青い点をスライドします。
    • 右側のドロップダウンを使用して値を手動で調整することもできます。

境界線
図形の境界線の色を変更するには以下の手順に従います。

  1. 変更する図形を選択します。
  2. ワークスペースの上部にある書式設定バーの線 Color アイコン線の色アイコン.png をクリックしてください。
  3. 色を選択します。
    • [線のスタイル] メニューと [線幅] メニューを使用して境界線のスタイルと太さを変更します。
      線スタイル-and-線の幅-menu-icons-in- Lucidchart -書式設定バー.png

ヒント: Lucidchart のテーマを使用して、プリセットのスタイルを図形に適用したり、カスタマイズして独自のプリセットを作成したりできます。 詳細については、 Lucidchartでのプリセット テーマ スタイル調整 図形の適用」の記事をご覧ください。

スタイルをデフォルトに設定

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

  1. 選択したオブジェクトの選択を解除するには、キャンバス上の任意の場所をクリックします。
  2. 塗りつぶしの色、線の色、線のスタイル、フォントなどのスタイル設定を更新します。

文書に追加される新しい図形がこの更新されたスタイルで表示されるようになります。

注:プリセット テーマを選択した場合は、これらの手順を使用してすべての図形に安全スタイルを設定する前に、テーマ パネルの下部にある [デフォルトにリセット]を選択する必要があります。

図形のスタイルのコピー

図形のスタイルをキャンバス上の他の図形にコピーするには以下の手順に従います。

  1. コピーするスタイルの図形を選択します。
  2. ワークスペースの左上にある書式設定バーの [書式をコピー] アイコン ペイントフォーマットアイコン(Lucidchart内).png をクリックします。
  3. スタイルを適用したいオブジェクトを選択します。
    • シングルクリックすると、1回選択した変更内容に対して書式のコピーが有効になります。ダブルクリックすると、再度ボタンをクリックするか、キーボードの ESC キーを押すまで、書式のコピーが有効になります。

オブジェクトのレイアウトの管理

アレンジ
キャンバス上のオブジェクトの順序を調整するには以下の手順に従います。 

  1. 移動するオブジェクトを右クリックします。
  2. [アレンジ] の上にマウスポインターを置き、次のオプションから選択します。
    • 最前面へ移動: オブジェクトの重なりの最前面へオブジェクトを移動する。
    • 最背面へ移動: オブジェクトの重なりの最背面へオブジェクトを移動する。
    • 項目を前方に移動: オブジェクトの重なりの順序でオブジェクトを1つ前のオブジェクトの前面へ移動する。 
    • 項目を背面へ移動: オブジェクトの重なりの順序でオブジェクトを1つ後のオブジェクトの背面へ移動する。

整列
キャンバス上でオブジェクトを整列させるには以下の手順に従います。 

  1. 整列させるオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
  2. 選択範囲を右クリックします。
  3. [整列] の上にマウスポインターを合わせます。
  4. リストから位置合わせオプションを選択します。

配置
キャンバス上にオブジェクトを均等に配置するには以下の手順に従います。

  1. 配置するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
  2. 選択範囲を右クリックします。
  3. [配置] の上にマウスポインターを合わせ、オブジェクトを水平と垂直のどちらに配置するかを選択します。

グループ
2つ以上の図形を1つのグループに結合するには以下の手順に従います。

  1. グループ化するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
  2. 選択範囲を右クリックします。
  3. [グループ化] をクリックします。 

ロック
ロック 図形の位置、サイズ、スタイル:

  1. ロックする図形を選択します。
  2. クリックロックアイコン-in-Lucid-書式設定バー.png書式設定バーの右上にあるロックアイコン。
  3. ロックする各プロパティのチェックボックスをオンにします。

ヒント : ロックされていない親オブジェクト内の個々のロックされたオブジェクト (コンテナーやグループなど) は、親オブジェクトを移動すると一緒に移動します。これを防ぐには、親オブジェクトもロックします。

図形を変更

キャンバス上の既存の図形を同じ図形ライブラリ内の別の図形に変更するには:

  1. キャンバス上の図形を選択します。
  2. クリック変更-図形アイコン-in-lucid.png図形の上部にある図形の変更アイコン。
  3. 新しい図形オプションを選択します。

手記: キャンバス上の既存の図形を変更するオプションは、基本図形とフローチャート図形でのみ使用できます。

図形上のテキストを修正する

Lucidchartのほとんどの図形では、図形をダブルクリックして追加したいテキストを入力することでテキストを追加できます。フローチャート図形ライブラリの「Or」や「Summing junction」図形のような図形にはテキストを追加できません。

図形の中には、図形の外側にテキストがあるものもあります。 テキストをダブルクリックして編集し、図形に対して新しい位置に移動させると、図形の上、下、左、右に移動できます。

テキストを新しい位置に図形にドラッグ-in-Lucidchart.gif

カスタム図形の作成

Lucidchart では、フレキシブルな多角形を使用する方法、複数の図形を1つにグループ化する方法、独自の画像をアップロードして図形として使用する方法の3つでカスタム図形を作成できます。

フレキシブルな多角形の使用

  1. ワークスペースの左側にある図形メニューから、「図形」ライブラリを見つけます。
  2. ドラッグLucidchart のフレックスポリゴンアイコン.pngフレキシブルポリゴンをキャンバス上に配置します。
  3. 図形の縁に沿って紫色の四角形をドラッグし、フレキシブルな多角形の図形を調整します。

複数の図形を1つにグループ化

  1. 1つにグループ化するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
  2. 選択範囲を右クリックします。
  3. メニューから [グループ] をクリックします。 
  4. グループ化された図形を右クリックします。
  5. メニューから [カスタム図形ライブラリに追加] をクリックします。
  6. 図形ライブラリを選択します。
  7. カスタム図形の名前を変更します。
  8. [完了] をクリックします。

画像のアップロード

  1. キャンバスの左上から、その他のメニュー その他のメニューアイコン をクリックします。
  2. カーソルを合わせる "Insert" の上にカーソルを置きます。
  3. [画像] をクリックします。
  4. デバイスから画像を選択してアップロードします。
  5. 画像を右クリックします。
  6. メニューから [カスタム図形ライブラリに追加] をクリックします。
  7. 図形ライブラリを選択します。
  8. カスタム図形の名前を変更します。
  9. [完了] をクリックします。

詳細情報 : 画像のアップロードで問題が発生した場合は、記事「トラブルシューティング : 画像」で解決手順をご覧ください。

図形の削除

図形を削除するには以下の手順に従います。

  1. 削除する図形を選択します。
  2. キーボードの [Backspace] または [Delete] キーを押します。

画像、アイコン、または GIF を追加する

Lucid の検索ツールとインポートツールを使えば、必要な図形や画像を簡単に見つけることができます。 マイクロソフトは、第三者の Web サイト、サービス、またはリソースと統合して、GIF (Giphy を使用)、画像 (Bing Image Search、Microsoft 提供)、アイコン ( Iconfinderを使用) などの第三者のコンテンツへのアクセスを提供します (総称して「非Lucid アプリケーション」)。 お客様による Non-Lucid アプリケーションの使用に適用される第三者のサイトまたはサービスの利用規約およびプライバシーポリシーをご確認ください。

画像、アイコン、または GIF を追加するには、 次の手順に従います。

  1. ワークスペースの左端にある主ツールバーの画像パネルアイコンをクリックします。
  2. 画像 ストリームライン 、 アイコン 、GIF を選択し てください。
  3. 検索バーにキーワードを入力します。
  4. 検索バーの横にある虫眼鏡アイコンをクリックします。
  5. 画像、アイコン、またはGIFをキャンバスにドラッグします。
    画像パネル(lucid内).png

先端: 検索バーの右側にある[画像のインポート]アイコンをクリックして、デバイスから画像とGIFをアップロードします。

リソース

この機能の詳細については、以下の追加リソースを参照してください。これらのリソースは英語でのみご利用いただけます。

動画

ルシッドチャートのカスタムデータ

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

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

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

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