メインコンテンツまでスキップ

編集

編集 メニューは、現在の選択範囲やアクティブセルのピクセル内容を処理するための入口です。さらに、アウトライン色を調整 のように、より広い対象範囲へ適用できるダイアログもここにまとまっています。スプライト全体のリサイズ、トリミング、反転、回転を行いたい場合は スプライト を参照してください。

デスクトップ版では、編集 メニューの上部に 元に戻す / やり直し / 削除 / 名前の変更 / すべて選択 といった一般的な編集コマンドも並びます。ピクセル内容を直接触る項目は、その下にまとまっています。

次の 2 枚は、iOS 版とデスクトップ版の現在の 編集 メニューです。

/new-medias/drawing/drawing-edit-ios-menu.jpeg
iOS の編集メニュー
/new-medias/drawing/drawing-edit-desktop-menu.png
デスクトップ版の編集メニュー

切り取り・コピー・貼り付け

切り取り、コピー、貼り付けは メニュー ▸ 編集 から利用でき、選択ツールの流れの中から呼び出せる場面もあります。

  • 選択範囲があるとき:まず選択中のピクセル内容に対して動作します。
  • 選択範囲がないとき:現在のセル内容を基準に続けて処理します。
  • 別ドキュメントへの貼り付け:一般的な使い方では、コピーしたピクセル内容を別の作品へ貼り付けることもできます。

このページは、いま編集中の内容に対する編集を中心に扱います。タイムライン上の複数セル処理や、より大きな単位でのファイル間編集は、タイムライン側のページのほうが適しています。

塗りつぶし・ストローク・内容の挿入

このグループは、現在の内容にすぐ 1 回編集を加えたいときに向いています。

塗りつぶしとストローク

  • 塗りつぶし:選択範囲があればその中だけを塗りつぶし、なければ現在のセル全体を塗りつぶします。
  • ストローク:先に選択範囲が必要です。現在の選択範囲の縁に 1 ピクセルの輪郭を作ります。
  • 使い分け塗りつぶし はベース色を置くときや領域をまとめて更新したいときに向いています。ストローク は既存の輪郭を強調したいときに向いています。

次の GIF では、セル全体を塗りつぶす場合と、選択範囲だけにストロークをかける場合の違いを確認できます。

/new-medias/drawing/drawing-edit-fill-vs-stroke.gif
塗りつぶしとストロークの違い

画像を挿入 と テキストを挿入

  • 画像を挿入 は、外部画像を現在のドキュメントへ直接取り込むための入口です。
  • モバイル版 では、通常は先に取り込み元を選びます。iOS では 写真 / ファイル / クリップボード から選べます。
  • デスクトップ版 では、編集 ▸ 画像を挿入 から直接ローカルファイル選択へ進むことが一般的です。
  • 大きな画像 は、キャンバスよりかなり大きい場合、後から動かしたり編集したりするときに重くなりやすくなります。

テキストを挿入編集 メニューにありますが、文字機能そのものは独立したページがあります。続きは テキストを挿入 を参照してください。

反転・回転・変換

この一連の操作は、「先に内容を選んでから変形する」流れに属します。

  • 水平反転 / 垂直反転:選択範囲がある場合は、その選択内容を直接反転します。
  • 選択範囲がない場合:現在のセル内容を基準に処理します。タイムラインでセルを複数選択している場合は、その選択内容をまとめて反転できることもあります。
  • 90° 回転:変形可能な選択範囲が必要です。
  • 変換:まだ選択範囲がない場合に便利です。まず現在のセル内容を囲い、そのまま変形操作へ進めます。

スプライト全体のトリミング、反転、回転を行いたい場合は スプライト に戻ってください。そうした操作は スプライト メニュー側に属しており、ここで扱う局所編集とは別の流れです。

次の GIF は、選択範囲を作ってから回転や変換を続ける典型的な流れです。

/new-medias/drawing/drawing-edit-transform-selection.gif
選択範囲の回転と変換

高度なアウトライン

高度なアウトライン は、上で触れたシンプルな ストローク と同じ機能ではありません。

  • ストローク は、現在の選択範囲の縁に 1 ピクセルの輪郭を追加します。
  • 高度なアウトライン は、対象範囲を広く取り、より細かく輪郭を調整できる専用ダイアログです。

アウトラインダイアログでよく使う項目は次のとおりです。

  • ターゲット:現在のセル、現在のフレーム、現在のレイヤー、スプライト全体
  • 繰り返し時間:より太い輪郭を作りたいときに使います
  • :アウトラインの色
  • 内側:内側に描くか外側に広げるかを切り替えます
  • 丸 / 四角:角の形を変えます
  • 適用 / 確認:まず結果を見てから確定します

キャラクターの 1 レイヤー全体に輪郭を付けたいときや、太さを何通りか試したいときには、シンプルな ストローク よりこのダイアログのほうが向いています。

次の GIF では、アウトラインダイアログの主な項目と操作の流れを確認できます。

/new-medias/drawing/drawing-edit-outline.gif
高度なアウトラインの流れ

色を調整

色を調整 は、編集 メニューの中でも特に使いやすい一括変更ダイアログのひとつです。現在のセルだけに限らず、まず種類を選び、その後でどこまで影響させるかを決められます。

よくある流れは次のとおりです。

  1. タイプ を選ぶ
  2. ターゲット を選ぶ
  3. 選択範囲がある場合は、その中だけに限定するか決める
  4. 必要に応じて 適用 でプレビューし、最後に 確認

よく使うタイプ

明るさ / コントラスト

色相の印象を大きく変えずに、全体の明暗バランスを整えたいときに向いています。

そのほか、よく使うタイプは次のとおりです。

  • HSV:色相・彩度・明度をずらします
  • 不透明度:透明度をまとめて上下させます
  • 反転 / グレースケール:全体の印象を素早く変えたいときに便利です
  • 色の置換:1 色を別の色に置き換え、必要に応じて許容量も使えます
  • パレットに量子化:現在のパレットへ色を引き戻します
  • ぼかし:柔らかくしたいときや、簡単な発光っぽい効果に向いています

対象範囲

すべてのタイプが同じ対象を持つわけではありませんが、よく使う対象は次のとおりです。

  • 現在のセル
  • 現在のフレーム
  • 現在のレイヤー
  • スプライト全体
  • パレット

選択範囲がある場合は、選択のみ を有効にして変更をその中に限定できることもあります。

実際に使うときのポイント

  • HSV明るさ / コントラスト不透明度 は、調整しながらプレビューしたい場面に特に向いています。
  • 広い範囲を触る場合は、先に 適用 で確認し、結果がよければ 確認 するほうが安全です。
  • 対象がパレットの場合、ピクセル内容より使える調整タイプは少なくなります。たとえば ぼかしパレットに量子化 は、パレット自体には直接適用されません。

次の GIF は、色を調整 のよくある使い方を示しています。

/new-medias/drawing/drawing-edit-adjust-color.gif
色調整の流れ

続けて読む