Lucidchart のドラッグ&ドロップインターフェースとシンプルなスタイル設定ツールを使えば、図形を使ってプロフェッショナルな図をゼロから簡単に作成できます。図形のスタイル設定の基本から、より高度なヒントやコツまで、この記事では Lucidchart エディターで図形を操作してニーズに合ったビジュアルを作成する方法を紹介します。
プランの利用可能: 無料、個人、チーム、エンタープライズ。
- FedRAMPアカウントで利用可能です。
- アカウントで利用可能な内容については Lucid Plans の記事をご覧ください。
動画: Lucidchart を使い始める
文書への図形の追加
図に図形を追加する方法はいくつかあります。 できます:
- 図形アイコン
をクリックして、図形をキャンバスにドラッグします。
- 左パネルのドキュメントツールセクションから図形をドラッグしてキャンバスに置きます。
- 既にキャンバス上にある図形から線をドラッグし、自動プロンプトメニューから新しい図形を選択します。
- カーソルを合わせるキャンバスの図形の上か選択し、図形の上や周囲にある丸いノードの一つをクリックしてください。
- 使用可能なスペースがある場合は、クリックした丸いノードの方向に新しい形状が追加されます。 その方向に図形が既に存在する場合は、新しいブランチが作成されます。
- Command+シフト(Mac)、Ctrl+シフト(PC)を押し続け、既存の図形をクリックしてキャンバスにドラッグすると複製できます。
クラシックな Lucidchart エディターで図形を追加する方法については、下のドロップダウンから展開してください。
クラシック Lucidchart エディターの情報はこちらをクリックしてください。
図に図形を追加する方法はいくつかあります。 できます:
- 図形メニューから図形をワークスペースの左側にドラッグし、キャンバスにドロップします。
- 既にキャンバス上にある図形から線をドラッグし、自動プロンプトメニューから新しい図形を選択します。
- canvas上の図形にカーソルを合わせるか選択し、図形上または周囲に表示される丸い赤いノードの 1 つをクリックします。
- 使用可能なスペースがある場合は、クリックした丸いノードの方向に新しい形状が追加されます。 その方向に図形が既に存在する場合は、新しいブランチが作成されます。
- Command-Shiftキー(Mac)またはCtrl-Shiftキー(Windows)を押しながら、キャンバス上の既存の図形をクリックしてドラッグし、複製します。
上記のオプションを繰り返して、1 つの図形から分岐する図形をさらに追加します。
詳細情報:canvas上の図形を変更する手順については、この記事の「図形を変更する」セクションを参照してください。[図形] メニューからさまざまな図形にアクセスする方法については、 Lucidchart の図形ライブラリ の記事をご覧ください。
図形の書式設定と変更
図形のフォーマットや修正を行うには、図形を選択し、ワークスペース右上の右パネルアイコン クリックしてください。
また、右パネルを閉じると選択した図形の隣に表示される図形編集バーを使って、図形のタイプ、塗りつぶし、境界線などをカスタマイズできます。 図形編集バーのツールについて詳しく知りたい方は、私たちの「Lucidchartへようこそ」記事をお読みください。
クラシックな Lucidchart エディターの図形オプションメニューを開く詳細の手順については、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
キャンバス上で直接図形を移動、サイズ変更、回転させることもできますし、ワークスペース上部の書式設定バーの図形オプションメニュー から操作できます。 このメニューでは、図形の角を丸くしたり影を追加したりするオプションも用意されています。
図形を移動する
図形を移行し、カーソルでドラッグするか、選択してキーボードの矢印キーで移動させることができます。 矢印キーを使いながらキーボードの「シフト」を押し続けて図形を小さく移行するか、右パネルの「アレンジ」でXとYの位置値を切り替えてください。
クラシックな Lucidchart エディターで移行する詳細手順については、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
図形を移行し、カーソルでドラッグするか、選択してキーボードの矢印キーで移動させることができます。 矢印キーを使いながらキーボードの「シフト」を押し続け、図形を少しずつ移行してください。 また、図形オプションメニューの「X位置」と「Y位置」の矢印を使うこともできます。
図形のサイズ変更
サイズ変更図形を選び、青い四角を境界線に沿ってドラッグします。 サイズ調整中に図形のサイズを維持するために、キーボードの「シフト」を押し続けてください。 右側のパネルにある「オブジェクト」の下の幅と高さのアイコンの横にある矢印を切り替えることもできます。
詳細な手順については、クラシックな Lucidchart エディターのサイズ変更図形を展開してください。下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
図形のサイズを変更するには、選択したところ、境界線に沿って青い四角をドラッグします。サイズ変更中に図形の寸法をキープするために、キーボードの「シフト」を押し続けることができます。また、図形オプションメニューの「幅」と「高さ」矢印を使って特定の寸法を設定することもできます。ロックアイコンを使って寸法を比例的に指定してください。
幅と高さを指定すると、単位はドキュメントの設定に合わせて調整されます。ドキュメントで使われる単位を変更するには、 Adjust ドキュメントとホワイトボード設定 の記事をご覧ください。
図形を回転させる
図形を回転させ、選択して境界線の左上隅にあるハンドルを使って時計回りまたは反時計回りにドラッグします。 右側のパネルで、オブジェクトを特定の角度だけ回転させることもできます。方法は以下のとおりです。
- 図形を選択します。
-
ワークスペースの右上にある右パネルアイコンをクリックします。
- クリック
「オブジェクト」セクションの右下隅にある「オブジェクト設定」の3点アイコン。
- 横の矢印を切り替える
回転アイコン。
クラシックな Lucidchart エディターで 回転図形の完全な手順は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
図形を回転させ、選択して境界線の左上隅にあるハンドルを使って時計回りまたは反時計回りにドラッグします。 図形オプションメニューの「回転」矢印も使えます。
塗りつぶしの色
図形に塗りつぶしの色を加えるには:
- 色で塗りつぶす図形を選択します。
- ワークスペースの右上にある右側パネルアイコン
クリックしてください。
- 右パネル上部の「塗りつぶし」の色アイコンを
してください。
- あるいは、図形を選択し、図形編集バーから塗りつぶしの色アイコンをクリックしてください。
- 色見本ウィンドウの下部にあるプラスアイコン
クリックして色を選ぶかカスタムカラーを作成できます。
- 図形の色をキャンバス上の既存の色に合わせるには、カラースポイトのアイコン
を選択し、合わせたいオブジェクトをクリックします。
塗りつぶしの色メニューの上部には、図形を線形や放射状グラデーション、または画像で埋めるオプションがあるドロップダウンメニューがあります。 画像オプションを使って、トリミングの画像を特定の図形に変換してください。
クラシックな Lucidchart エディターで塗りつぶしの色図形を追加する方法については、下のドロップダウンから展開してください。
クラシック Lucidchart エディターの情報はこちらをクリックしてください
図形に塗りつぶしの色を加えるには:
- 色で塗りつぶす図形を選択します。
- ワークスペースの上部にある書式設定バーから [塗りつぶしの色] アイコンをクリックします
。
- 色を選択します。
- カスタムカラーを作成するには、色見本ウィンドウの下部にあるプラスアイコン
をクリックします。
- 図形の色をキャンバス上の既存の色に合わせるには、カラースポイトのアイコン
を選択し、合わせたいオブジェクトをクリックします。
- カスタムカラーを作成するには、色見本ウィンドウの下部にあるプラスアイコン
先端: 塗りつぶしの色メニューの上部には、図形を線形または放射状のグラデーションまたは画像で埋めるオプションを含むドロップダウンメニューがあります。 画像オプションを使用して、画像を特定の図形に切り抜きます。
不透明度
図形の不透明度を調整するには:
- キャンバス上の図形を選択します。
- ワークスペースの上部にある書式設定バーから [塗りつぶしの色] アイコンをクリックします
。
- 図形の現在の色を選択します。
- 表示されるパネルの不透明度バーに沿って青い点をスライドします。
- 右側のドロップダウンを使用して値を手動で調整することもできます。
境界線
図形の境界線の色を変更するには以下の手順に従います。
- 変更する図形を選択します。
- ワークスペースの上部にある書式設定バーの線 Color アイコン
をクリックしてください。
- 色を選択します。
- [線のスタイル] メニューと [線幅] メニューを使用して境界線のスタイルと太さを変更します。
- [線のスタイル] メニューと [線幅] メニューを使用して境界線のスタイルと太さを変更します。
ヒント: Lucidchart のテーマを使用して、プリセットのスタイルを図形に適用したり、カスタマイズして独自のプリセットを作成したりできます。 詳細については、 Lucidchartでのプリセット テーマ スタイル調整 図形の適用」の記事をご覧ください。
不透明度
図形の不透明度を調整するには:
- 図形を選択してください。
- ワークスペースの右上の
パネルアイコンをクリックします。
- クリック
「オブジェクト」セクションの右下隅にある「オブジェクト設定」の3点アイコン。
- 「不透明度」の横にある矢印を切り替えます。
Mirror a 図形
図形をミラーリングするには、以下の手順をフォローしてください:
- 図形を選択します。
- ワークスペースの右上の
パネルアイコンをクリックします。
- 「オブジェクト」セクションで、図形を左から右にミラーリングするには水平にフリップアイコンを
し、図形を上下にミラーリングするには縦方向にフリップを
クリックしてください。
図形に影を加える
図形に影を追加するには:
- 図形を選択します。
- ワークスペースの右上にある右側パネルアイコン
クリックしてください。
- クリック
「オブジェクト」セクションの右下隅にある「オブジェクト設定」の3点アイコン。
- 一度有効化すると、影の距離、ぼかし、色、角度をカスタマイズできます。
クラシックな Lucidchart エディターで図形に影を追加する詳細手順は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
図形オプションメニューの一番下にある 「影 」をクリックし、影のオプションをオンに切り替えてください。 その後、影の距離、ぼかし、色、角度を調整できます。
図形の角を回って
図形の角を丸めるには:
- 図形を選択します。
- ワークスペースの右上にある右側パネルアイコン
クリックしてください。
- 「オブジェクト」セクションで、丸いアイコンの右側にある矢印を切り替えます。
クラシックな Lucidchart エディターで図形の角を丸める完全な手順は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
図形の角を丸めるには、図形を選択して矢印をクリックするか、図形オプションメニュー下部の「丸め」ボックスにピクセル値を入力してください。
図形 境界線を修正する
図形の境界線の色を変更するには:
- 変更する図形を選択します。
- ワークスペースの右上にある右側パネルアイコン
クリックしてください。
- 右側パネルの「境界線」で線の色アイコン
をクリックします。
- あるいは、図形を選択し、表示された図形編集バーから線のカラーアイコンをクリックしてください。
- 色を選択します。
- 線スタイルと線の幅メニューを使って境界線のスタイルと厚さを修正してください。
スタイルをデフォルトに設定
キャンバスに追加される新しい図形に適用するデフォルトのスタイルを変更するには以下の手順に従います。
- 選択したオブジェクトの選択を解除するには、キャンバス上の任意の場所をクリックします。
- ワークスペースの右上の右パネル
クリックしてください。
- 塗りつぶしの色、線の色、線のスタイル、フォントなどのスタイル設定を更新します。
クラシック Lucidchart エディターでデフォルトの図形スタイルを設定する詳細の手順は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
キャンバスに追加される新しい図形に適用するデフォルトのスタイルを変更するには以下の手順に従います。
- 選択したオブジェクトの選択を解除するには、キャンバス上の任意の場所をクリックします。
- 塗りつぶしの色、線の色、線のスタイル、フォントなどのスタイル設定を更新します。
文書に追加される新しい図形がこの更新されたスタイルで表示されるようになります。
注:プリセット テーマを選択した場合は、これらの手順を使用してすべての図形に安全スタイルを設定する前に、テーマ パネルの下部にある [デフォルトにリセット]を選択する必要があります。
図形のスタイルのコピー
図形のスタイルをキャンバス上の他の図形にコピーするには以下の手順に従います。
- コピーするスタイルの図形を選択します。
- ワークスペースの右上の右パネル
クリックしてください。
- ワークスペースの左上にある書式設定バーからPaint Formatアイコンを
してください。
- スタイルを適用したいオブジェクトを選択します。
- シングルクリックすると、1回選択した変更内容に対して書式のコピーが有効になります。ダブルクリックすると、再度ボタンをクリックするか、キーボードの ESC キーを押すまで、書式のコピーが有効になります。
クラシック Lucidchart エディターで図形スタイルをコピーする詳細手順は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
図形のスタイルをキャンバス上の他の図形にコピーするには以下の手順に従います。
- コピーするスタイルの図形を選択します。
- ワークスペースの左上にある書式設定バーの [書式をコピー] アイコン
をクリックします。
- スタイルを適用したいオブジェクトを選択します。
- シングルクリックすると、1回選択した変更内容に対して書式のコピーが有効になります。ダブルクリックすると、再度ボタンをクリックするか、キーボードの ESC キーを押すまで、書式のコピーが有効になります。
オブジェクトのレイアウトの管理
アレンジ
キャンバス上のオブジェクトの順序を整理するために:
- 移動するオブジェクトを右クリックします。
-
カーソルを合わせるメニューの「アレンジ」にカーソルを合わせ、以下のオプションから選びます。
- 最前面へ移動: オブジェクトの重なりの最前面へオブジェクトを移動する。
- 最背面へ移動: オブジェクトの重なりの最背面へオブジェクトを移動する。
- 項目を前方に移動: オブジェクトの重なりの順序でオブジェクトを1つ前のオブジェクトの前面へ移動する。
- 項目を背面へ移動: オブジェクトの重なりの順序でオブジェクトを1つ後のオブジェクトの背面へ移動する。
右側のパネルからオブジェクトの順序を並べ替えることもできます。方法は以下のとおりです。
- 並べ替えたい図形を選択してください。
- ワークスペースの右上のアイコンをクリックして右側のパネルを開きます。
- 「アレンジ」で図形の配置方法に対応するアイコンをクリックしてください。
方針を定める
キャンバス上の物体を整列させる方法:
- 整列させるオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
- 選択範囲を右クリックします。
- [整列] の上にマウスポインターを合わせます。
- リストから位置合わせオプションを選択します。
配置
キャンバス上の物体を均等に分散させる:
- 配置するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
- ワークスペースの右上にある右側パネルアイコン
クリックしてください。
- 「アレンジ」セクションで、カーソルを合わせるカーソルを以下のいずれかのオプションに合わせます
- アライメント:選択した図形を上下左右のエッジを位置付けたり、共通軸に沿って垂直または水平に中央に配置することで、選択した図形を互いにまたはキャンバスに対して調整します。
- 水平または垂直に分布:スペースは最も外側のオブジェクト間で左から右、または上から下へ均等に図形を選択してください。
-
整理:オブジェクトをグリッド状に整理しつつ、キャンバス上の元の位置にできるだけ近づけます。
-
クラスタリング:オブジェクトをグリッド状に配置し、互いに近い場所に集まるように移動します。
-
グリッドレイアウトを適用:LucidchartやLucidsparkのコンテンツをワンクリックでスイムレーン、コンテナ、フレームに整理できます。
キャンバスで複数の図形を選択している場合、右パネルの「アレンジ」に図形の分散方法を選択できる追加オプションが表示されます。
クラシックな Lucidchart エディターの詳細な説明を知りたい方は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
キャンバス上の物体を均等に分散させる:
- 配置するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
- 選択範囲を右クリックします。
- [配置] の上にマウスポインターを合わせ、オブジェクトを水平と垂直のどちらに配置するかを選択します。
グループ
2つ以上の図形を1つのグループに結合するには以下の手順に従います。
- グループ化するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
- 選択範囲を右クリックします。
- [グループ化] をクリックします。
ロック
ロック 図形の位置、サイズ、スタイル:
- ロックする図形を選択します。
- ワークスペースの右上にある右側パネルアイコン
クリックしてください。
- パネル上部の図形名の右側にあるロックアイコン
クリックしてください。
- あるいは、図形を選択して図形編集バーからロックアイコンをクリックしてください。
クラシック Lucidchart エディターのロックとオブジェクトの完全な手順は、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
ロック 図形の位置、サイズ、スタイル:
- ロックする図形を選択します。
書式設定バーの右上にあるロックアイコンをクリックします。
- ロックする各プロパティのチェックボックスをオンにします。
ヒント : ロックされていない親オブジェクト内の個々のロックされたオブジェクト (コンテナーやグループなど) は、親オブジェクトを移動すると一緒に移動します。これを防ぐには、親オブジェクトもロックします。
図形を変更
キャンバス上の既存の図形を同じ図形ライブラリ内の別の図形に変更するには:
- キャンバス上の図形を選択します。
-
ワークスペースの右上にある右パネルアイコンをクリックします。
-
パネル上部の「Change 図形アイコン」
クリックしてください。
- あるいは、図形を選択し、図形編集バーから「Change 図形アイコン」をクリックしてください。
- 新しい図形オプションを選択します。
クラシックな Lucidchart エディターで図形を変更する詳細の手順については、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
キャンバス上の既存の図形を同じ図形ライブラリ内の別の図形に変更するには:
- キャンバス上の図形を選択します。
- 図形アイコンの上部にある「Change 図形アイコン」をクリックして
してください。
- 新しい図形オプションを選択します。
手記: キャンバス上の既存の図形を変更するオプションは、基本図形とフローチャート図形でのみ使用できます。
図形上のテキストを修正する
Lucidchartのほとんどの図形では、図形をダブルクリックして追加したいテキストを入力することでテキストを追加できます。フローチャート図形ライブラリの「Or」や「Summing junction」図形のような図形にはテキストを追加できません。
図形の中には、図形の外側にテキストがあるものもあります。 テキストをダブルクリックして編集し、図形に対して新しい位置に移動させると、図形の上、下、左、右に移動できます。
カスタム図形の作成
Lucidchart では、フレキシブルな多角形を使用する方法、複数の図形を1つにグループ化する方法、独自の画像をアップロードして図形として使用する方法の3つでカスタム図形を作成できます。
フレキシブルな多角形の使用
- クリック
左側のパネル上部にある検索アイコン。
- 「フレックスポリゴン」を検索してください。
- リストからフレックスポリゴンアイコン
選択し、キャンバスにドラッグします。
- フレックスポリゴンの図形を調整し、ノードを図形の端に沿ってドラッグします。
クラシックな Lucidchart エディターでflexポリゴン図形の使い方については、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
- ワークスペースの左側にある図形メニューから、「図形」ライブラリを見つけます。
フレキシブルな多角形をキャンバス上にドラッグします。
- 図形の縁に沿って紫色の四角形をドラッグし、フレキシブルな多角形の図形を調整します。
複数の図形を1つにグループ化
- 1つにグループ化するオブジェクトを選択するには、オブジェクト周辺のボックスをクリックしてドラッグします。
- 選択範囲を右クリックします。
- メニューから [グループ] をクリックします。
- グループ化された図形を右クリックします。
- メニューから [カスタム図形ライブラリに追加] をクリックします。
- 図形ライブラリを選択します。
- カスタム図形の名前を変更します。
- [完了] をクリックします。
画像のアップロード
- キャンバスの左上からファイルメニュー
をクリックします。
- カーソルを合わせる "Insert" の上にカーソルを置きます。
- [画像] をクリックします。
- デバイスから画像を選択してアップロードします。
- 画像を右クリックします。
- メニューから [カスタム図形ライブラリに追加] をクリックします。
- 図形ライブラリを選択します。
- カスタム図形の名前を変更します。
- [完了] をクリックします。
詳細情報 : 画像のアップロードで問題が発生した場合は、記事「トラブルシューティング : 画像」で解決手順をご覧ください。
図形の削除
図形を削除するには以下の手順に従います。
- 削除する図形を選択します。
- キーボードの [Backspace] または [Delete] キーを押します。
画像、アイコン、または GIF を追加する
Lucidの検索・インポートツールを使えば、必要な図形や画像を簡単に見つけることができます。 私たちはサードパーティのウェブサイト、サービス、リソースと連携し、GIF(Giphy搭載)、画像(Bing Image Search、Microsoft搭載)、アイコン( Iconfinder提供)(総称して「Non-Lucid アプリケーション」)などのサードパーティコンテンツへのアクセスを提供しています。 Non-Lucid アプリケーションの使用に適用される第三者サイトやサービスの利用規約およびプライバシーポリシーを必ずご確認ください。
画像、アイコン、または GIF を追加するには、 次の手順に従います。
- ツールバーからワークスペースの一番左にある画像アイコンを
してください。
- 開いた右側のパネル上部にあるオプションから、追加したいメディアの種類を選択してください。
- 検索バーにキーワードを入力します。
- 検索バーの横にある虫眼鏡アイコンをクリックします。
-
画像アイコンやGIFをキャンバスにドラッグします。
画像アイコンやクラシックな Lucidchart エディターでのGIFの追加手順については、下のドロップダウンから展開してください。
クラシックな Lucidchart エディターの手順はこちらをクリックしてください
画像、アイコン、または GIF を追加するには、 次の手順に従います。
- ワークスペースの左端にある主ツールバーの画像パネルアイコンをクリックします。
- 画像 、 ストリームライン 、 アイコン 、GIF を選択し てください。
- 検索バーにキーワードを入力します。
- 検索バーの横にある虫眼鏡アイコンをクリックします。
-
画像アイコンやGIFをキャンバスにドラッグします。
先端: 検索バーの右側にある[画像のインポート]アイコンをクリックして、デバイスから画像とGIFをアップロードします。
リソース
この機能の詳細については、以下の追加リソースを参照してください。これらのリソースは英語でのみご利用いただけます。
動画
この記事へのフィードバックをお寄せください
この記事に関するフィードバックはありますか?体験の内容についてこちらから教えてください。