ドキュメント操作ガイド

章ごとに読めます。左の案内で章を切り替え、1 ページに 1 章です。小見出しはページ内のジャンプです。画面は製品の操作画面から撮影しています。

04 / 214分で読めます

無限キャンバス

キャンバスは Sumi Studio のメインステージです。無限にパンやズームができるホワイトボードで、その上にノードを置き、ノード同士の接続線がデータの流れを表します。この章では、キャンバスの画面構成と、移動・ズーム・パンの方法を説明します。

キャンバスの画面構成

キャンバス(/canvas/キャンバスID)を開くと、画面はおおよそ次の部分に分かれます。

  • 上部バー:左側にはキャンバスのタイトル(ダブルクリックで名前の変更、シングルクリックで「ホームに戻る」「プロジェクトの素材」「共有」「公開」「バージョン履歴」「新規キャンバス」「キャンバスを削除」のメニュー)、保存状態(「保存済み」「保存中」「未保存」など)、所属するプロジェクトがあります。右側には「アセット」(アセットライブラリを開く)、「共有」(メニューに「コミュニティに公開」と「リンクで共有」、チームキャンバスではさらに「コラボに招待」)、外観の切り替え、クレジット残高、アバターが並びます。チームキャンバスでは上部中央に「N 人オンライン」のバッジも表示されます。
  • キャンバス本体:無限にパン・ズームできるホワイトボードで、ノードを置き、接続線でデータの流れを表します。
  • 左側の縦ツールバー:上から「追加」「要素」「素材」「テンプレート」(公式テンプレート + 保存したワークフロー)「付箋」「コメント」、その下に「ショートカット」(早見表を開く)と「ヘルプ」があります。幅の狭い画面では、これらは「その他」メニューにまとめられます。
Empty canvas: top bar, left toolbar, the double-click hint and three quick-start cards
Empty canvas: top bar, left toolbar, the double-click hint and three quick-start cards

クイックスタートカード

新しい空のキャンバスの中央には「キャンバスをダブルクリック / ノードを自由に生成」というヒントと、三枚のクイックスタートカード「キャラクター三面図」「画像から動画」「音声から動画」が表示されます。どれかをクリックすると、用意されたサンプルのノードと接続線が一度に挿入され、学習やスタートのひな形として使えます。

移動、ズーム、パン

  • 範囲選択 / ハンド:V で範囲選択モード(ドラッグで囲んでノードをまとめて選択)、H でハンドモード(キャンバス自体をドラッグ)に切り替えます。P でペン注釈になります。
  • ズーム:トラックパッドでピンチするか、⌘/Ctrl を押しながらスクロールします。⌘/Ctrl + = で拡大、⌘/Ctrl + - で縮小もできます。
  • 全体表示:⌘/Ctrl + 0 または ⇧1 で、すべての内容が見えるようにキャンバスを自動でズームして中央に表示します。
  • パン:スペースキーを押しながらドラッグするか、マウスの中ボタンまたは右ボタンでドラッグします。

バージョン履歴

キャンバスのタイトルをクリックして「バージョン履歴」を選ぶと、このキャンバスの以前に保存されたバージョンをプレビューし、必要に応じてそのいずれかに復元できます。

V で範囲選択 / H でハンド、⌘/Ctrl+0 で全体表示 · 空のキャンバスのクイックスタートカードがいちばん早い入り口 · 上部バーの「共有」からコミュニティへの公開も閲覧専用リンクの作成もできる

· Sumi Studio チームが管理 · いまの製品機能に合わせてあります。キャンバスの操作と一致します