画像に文字や効果を重ねた後で、元の写真まで変更してしまい、修正しづらくなることがあるで。素材と調整を分けるレイヤー編集は、作り直しを減らすための基本的な考え方やで。
robbietilton/Compositor はmacOS向けの画像編集アプリで、レイヤー、マスク、調整レイヤーなどを備えてるで。この記事は公式READMEとライセンスを確認した紹介で、実機での性能評価やないで。
Compositorでできること
Macでブログ画像やバナー、写真合成を作りたい人に向いてるで。READMEではレイヤーとフォルダー、各種マスク、色調整、変形などを紹介してるで。元の素材と調整を分ける作業ができるで。
確認時点の要件はApple silicon搭載MacとmacOS 26.0以上やで。ソースからビルドするときはXcode 26以上が必要やで。WindowsやLinuxの非公式移植は、本家とは別プロジェクトとして扱うで。
今回のゴールと環境
自分の写真に文字を1つ加え、PNGに書き出して開き直す。まず最小の編集を試し、マスクはその次に進めるで。
確認した範囲：2026年10月24日に公式READMEや導入資料を読み直して、以下の手順を具体化したで。この改訂でアプリのインストールから最終結果までを実機で通したわけやない。成功の目安は、手元で試すときのチェックとして使ってな。
準備
公式要件はApple siliconのMac・macOS 26.0以上や。Windows用の同名・移植版とは別のプロジェクトやで。今回はHomebrewやXcodeを使わず、配布アプリを入れる方法にするで。
使い方
- 公式ReleasesからMac用のDMGをダウンロードし、開いてアプリをApplicationsへ入れてな。起動やインストールの案内は配布元の説明に従うで。
- 自分で撮った写真をFinderで複製して、練習用に使うで。元ファイルは別に残してな。
- Compositorで写真を開いてな。メニューの項目を探すときは、公式READMEにある⌘FのSearch Commandsでコマンド名を検索できるで。
- TでType toolを選び、キャンバスに文字枠を作って「サンプル」と入力してな。上部のツール設定で文字サイズと色を選び、写真の上で読める位置へ移すんや。
- ⇧⌘EでExport PNGを開き、元画像とは別の
sample-caption.pngとして保存してな。FinderでそのPNGを開き直し、文字と写真を確認するで。
成功の目安：自分の写真に追加した文字が、書き出したPNGにも残ることや。編集を続けるときは、画像の書き出しとは別にアプリのプロジェクト保存も行ってな。調整レイヤーやマスクは、この基本操作ができてから試すで。
素材から編集データとPNGへ
トラブルシューティング
| 困ったこと | 確認すること |
|---|---|
| アプリが対応しない | Macの「このMacについて」でチップとmacOSを確認してな。公式要件を満たさへん環境へ無理に入れんようにするで。 |
| 文字が見えない | Type toolの色・大きさ、レイヤーの順序と不透明度を確認してな。 |
終了と再開
編集内容を保存してから⌘Qで終了できるで。PNGだけでは元の編集レイヤーを保てへんから、プロジェクトも残しておいてな。
公式READMEと最新の導入案内も確認してな。配布版や外部サービスの変更で、手順が変わることがあるで。
編集データと画像
比較は「きれいになったか」だけでなく、「後から調整を戻せるか」でも考えられるで。レイヤーを分けた保存と、配信用画像の書き出しを混同しないことが重要やで。
| これまでの作業 | 導入後に目指せる進め方 |
|---|---|
| 完成画像だけを残し、文字や色を変更するたびにやり直す。 | 編集データを保存し、必要な部分を調整して配信用に再出力する。 |
マスクと調整の仕組み
同じ風景を模式的に描き、空の部分だけに色の調整をかけるで。元画像を消すのやなくて、調整する範囲を分ける考え方が見える例やで。
▶ 動作イメージを再生（閉じるとリセット）
白い点線で調整範囲を示した後、空だけが青く変わるで。右は調整レイヤーと元画像を分けて持つ模式図やで。実際の写真加工結果やないで。
この記事の独自制作による無音の概念アニメーションやで。製品画面・実行結果・処理速度の再現やないで。再生は1回で止まるで。もう一度見るときは閉じてから開いてな。動きを減らす設定では完成状態を静止表示するで。
互換性の確認
READMEはPSD・PSBの読み込みで8-bit RGBなどの条件や、要素によってはラスタライズされる制約を説明してるで。複雑な既存ファイルがそのまま往復できると考えず、コピーで確認してな。
実務で使うなら、必要なマスクや文字、色、書き出し形式を含む小さなサンプルで確認してな。元データのバックアップ、画像素材やフォントの利用権も点検してな。本記事はMac上での動作テストやないで。
公式資料と利用条件
本体はMITライセンスやで。編集する画像、フォント、外部素材の権利とは別やで。
確認日：2026年10月23日。本文は公式情報をもとに独自に構成し、図解・HTMLアニメーションは本記事用に制作したで。公式の画像・動画やREADMEの長文転載は使ってへんで。記事中の利用例・改善の比較は想定例であり、性能や成果の保証やないで。