マニュアル · 02 — エディター · Editor
スクリーンショットのあと、注釈・レイアウト・コラージュまで一式そろう
4 領域のインターフェースと、12 種の注釈ツール × プロパティ。伝えたいメッセージを自由に組み立て、prototype も作れます。
EDITOR · 各ツールと領域をクリックすると、機能の概要が表示されます。
このツールはキャンバス/レイアウト操作のため、調整できるプロパティはありません
太さpx
線
角丸%
起點終點
不透明度%
ズーム
OCR 範囲をドラッグして選択
マスクモード:ブロック:K = 全体スキャン ドラッグ = 範囲指定
範囲をドラッグして選択
カスタムスタイル
操作方法
- 注釈オブジェクトをクリックして選択;空白部分をクリックで選択解除
- 空白部分をドラッグすると複数のオブジェクトを範囲選択できます
- Shift+クリックでオブジェクトを一つずつ追加選択/解除できます
- 右クリックメニューでレイヤー順序を調整できます(最前面へ/最背面へ/一つ上へ/一つ下へ)
- 描画が完了すると自動的に選択ツールへ戻ります
単一オブジェクトを選択したとき
そのオブジェクトのすべてのサブプロパティ(オブジェクトの種類に応じて)を表示します。色・線幅・不透明度・サイズ・影などのプロパティを含みます。
スナップ(スマートガイド)
\ でスナップのオン/オフを素早く切り替え- 青い線:オブジェクトの端/中心の整列ガイド
- 赤い線:等間隔ガイド。オブジェクト間の間隔が等しいかを表示
- Alt+ドラッグ:一時的にスナップを無視して、オブジェクトを自由に配置
複数オブジェクトを選択したとき(複数選択モード)
整列ツールバーを表示:
左揃え最も左のオブジェクトの左端に揃える
水平中央水平方向に中央揃え
右揃え最も右のオブジェクトの右端に揃える
上揃え最も上のオブジェクトの上端に揃える
垂直中央垂直方向に中央揃え
下揃え最も下のオブジェクトの下端に揃える
水平等間隔水平方向に間隔を均等配分
垂直等間隔垂直方向に間隔を均等配分
中心線に揃えるキャンバスの中心線に揃える
↔左右反転
↕上下反転
操作方法
- ドラッグでピクセル領域を範囲選択
- 範囲選択後、その領域の画像内容をコピー&ペーストして新しいオブジェクトにできます
操作方法
キャンバス上をドラッグして、なめらかな曲線を自由に手描きします。
プロパティ
色線幅(px)線のスタイル(実線/破線)端点スタイル(なし/矢印/丸/四角)筆画の縁取り色不透明度影
操作方法
- ドラッグで直線を描画;Shift+ドラッグで 90° 直角に固定
- 選択後、中間のコントロールポイントをドラッグすると Bézier 曲線に変わります
- 折れ線モードでは、ダブルクリックで描画を終了
プロパティ
色線幅線のスタイル(実線/破線)始端スタイル(なし/矢印/丸)終端スタイル(なし/矢印/丸)直角折れ線モード左右反転上下反転筆画の縁取り色不透明度影
操作方法
- ドラッグで枠を描画
- Shift+ドラッグで正方形/円に固定(楕円も対応)
プロパティ
色線幅角丸半径(矩形に適用、0–100%)線のスタイル(実線/破線)縁取り色オフセット左右反転上下反転不透明度影
操作方法
- ドラッグで塗りつぶし図形を描画
- Shift+ドラッグで正方形/円に固定
プロパティ
塗り(単色/グラデーション)グラデーション両端の色グラデーション角度ダイヤル(0–360°)透明色に対応角丸半径(矩形に適用、0–100%)枠線の幅枠線の色線のスタイル(実線/破線)不透明度影
操作方法
- キャンバスをクリックしてテキストボックスを配置
- Enter で改行;Shift+Enter で確定
- 既存のテキストをダブルクリックで再編集
プロパティ
色フォントサイズ(8–400 px)太字 / 斜体 / 下線 / 取り消し線揃え(左/中/右)テキストの縁取り(数値入力可、クイックドロップダウンあり)テキスト背景色+不透明度影
操作方法
キャンバスをクリックして、自動で連番になる数字マーカーを配置します。
プロパティ
サイズ(小/標準/大)色スタイル(丸/白丸/黒丸/ローマ数字/漢数字括弧/漢数字丸囲み)縁取りの太さ縁取りの色影番号をリセット
操作方法
キャンバスをクリックして記号を配置;フローティングパネルから記号のカテゴリと図案を選びます。
記号のカテゴリ
図形テキスト(丸囲み/全角/太字/太字斜体/筆記体)矢印その他(マーク/通貨/数学/技術記号)
操作方法
- ドラッグで範囲を選択すると、すぐにマスク効果を適用
- 適用後は選択ツールに切り替えて範囲の大きさを調整したり、オブジェクトを削除したりでき、自動検出マスクの不足を補えます
プロパティ
モード(モザイク/ぼかし)モザイクのブロックサイズ(4 / 8 / 16 / 32 px)ぼかし半径(4 / 8 / 16 / 24 px)
操作方法
- ドラッグでソース枠を作成すると、隣に拡大プレビュー枠が自動生成されます
- プレビュー枠はソース枠の内容をリアルタイムに反映し、複数作成しても互いに干渉しません
- 移動、handle での拡縮に対応
操作方法
- ドラッグで吹き出しを作成。しっぽの向きは位置に応じて自動判定(上/下/左/右)
- 吹き出しをダブルクリックでテキスト編集モードに入る
- 回転と拡縮に対応;拡縮するとテキストも同じ比率で調整されます
プロパティ
フォントサイズフォントの色背景色枠線の色角丸太字斜体下線取り消し線影
操作方法
- ドラッグで範囲を選択すると、範囲内のテキストを自動認識します(日本語・英語・中国語に対応)
- 認識結果はフローティングパネルに表示され、「テキストをコピー」ボタンを備えています
全バージョンElectron は Vision Framework を使用、Tauri はさらに五層検出に対応します
操作方法
- K で全体をスキャン;またはドラッグで範囲を指定してスキャン
- 自動検出してマスク:マイナンバー、郵便番号、電話番号(携帯・固定)、クレジットカード番号、Email、IPv4/IPv6、API トークン、および氏名・担当者・パスワード・暗証番号などのラベル項目
- 適用後は選択ツールに切り替えて微調整したり、マスクオブジェクトを削除したりできます
プロパティ
モード(モザイク/ぼかし)モザイクのブロックサイズ(8 / 16 / 24 / 32 px)ぼかし半径(4 / 8 / 16 / 24 px)
操作方法
カーソルを中心に画面を拡大します。範囲は 10%–400%。
ズーム倍率クイックメニュー
10%25%50%75%100%150%200%300%400%
キャンバスナビ
- Space+ドラッグ:キャンバスをパン
- トラックパッドの二本指ズーム:カーソルを中心に拡縮
- ⌘0:ウィンドウに合わせてリセット
操作方法
カーソルを中心に画面を縮小します。範囲は 10%–400%。
キャンバスナビ
- Space+ドラッグ:キャンバスをパン
- ⌘0:ウィンドウに合わせてリセット
操作方法
押すとすぐに画面をウィンドウに合わせて拡縮します。
キャンバスナビ
- Space+ドラッグ:キャンバスをパン
- トラックパッドの二本指ズーム:カーソルを中心に拡縮
操作方法
- ドラッグでトリミング枠を作成。8 つのコントロールポイントで範囲を調整
- 矢印キーで 1 px 微調整;Shift+矢印キーで 10 px
- キャンバスをダブルクリック、または確定ボタンでトリミングを完了
操作方法
- popup ウィンドウを開き、目標の幅を入力
- 高さは比率に応じて自動計算され、すべての注釈オブジェクトも同じ比率で拡縮されます
- 範囲:1–8192 px
操作方法
- popup ウィンドウを開き、拡張方向を選択(九マスの方向パッド)
- 拡張距離(px)を入力。背景は白で固定
- ウィンドウ下部に拡張後のサイズプレビューを表示
操作方法
- クリックするとファイル選択画面が開き、選んだ画像をキャンバスに重ねます
- ドラッグで位置を移動、8 つのコントロールポイントで拡縮
- フローティングオブジェクトとして保持され、ドラッグして書き出す際に自動でベース画像に統合されます
対応形式
JPGPNGWebPGIF(最初のフレーム)SVG
操作方法
- テンプレートパネルを開き、グラデーション背景スタイルを選んで適用
- 6 種類を用意:Apple レッド/オレンジ/イエロー/グリーン/ブルー/パープル
- 元に戻す操作に対応
プロパティ
余白(2–30%)角丸(0–10)影(0–10)
SNS サイズプリセット
LinkedIn(1200×627)Instagram 1:1(1080×1080)Instagram 4:5(1080×1350)X(1600×900)
⌘Z元に戻す:一つ前の操作に戻る
⌘⇧Zやり直し:元に戻した操作をやり直す
ドラッグして書き出し
メイン機能メニュー左側の縦型ツールバー。ツールをクリックで切り替え、使用中のツールは青くハイライトされます。
サブプロパティ調整メニュー上部のツールバー。選んだツールに応じて動的に切り替わり、色・太さ・不透明度・線のスタイルなどのプロパティを調整できます。
ダイナミック書き出しボタン右下のフローティングボタン。ドラッグで位置を移動でき(左利き・右利きに対応)、完成したら目標の App へドラッグすれば書き出せます。
ステータスバーとスナップ切替左下:現在のズーム倍率、キャンバスサイズ、スナップ整列のスマートガイド切替。
錬金レシピ
VAS はツールをとても小さく分けています。一つ一つは一つのことだけをします——でもプロパティは重ねられます。
- テキスト × 下地色 → 蛍光ペン
- テキスト × 透明 + 枠線 → 透明テキスト
- 枠線 × 破線 + 太さ → 校正の赤枠
- 線 × 直角 + 破線 → フロー接続
- 塗りつぶし × グラデーション + 低不透明度 → フェードマスク
- 吹き出し × モザイク → マンガ風ミーム
組み合わせて生まれたレシピは、あなただけの表現の語彙です。
→ それは、あなたと VAS の Inside Language でもあります
Tauri 専用カスタムスタイル · レシピを保存する
レシピは、この一度のスクリーンショットだけに閉じ込めておく必要はありません。完璧に仕上がったその瞬間——あなたの棚にしまえば、次は右クリック一つで呼び戻せます。
- 追加——調整済みの注釈を右クリックして「カスタムスタイルとして保存」を選ぶと、一押しで保存され、自動で「スタイルX」と名付けられます。あなたの今を止めず、名前は後から決められます。
- 適用——キャンバス上の既存の注釈を右クリックして、保存済みのスタイルをそのまま適用します。
- 置き換え——逆に、今の注釈をその場で満足いくまで調整し、保存済みのスタイルをそのまま上書きします——スタイルの中身を変えるのはこの方法で:別の編集画面を開かず、調整したらそのまま差し替え、レシピをあなたと共に進化させます。
- 編集——カスタムスタイルのドロップダウンで「スタイルを編集」を選ぶと、名前変更と削除だけができ、あなたの棚を整理できます。
✦ 新しい要素をリクエスト