T
transform-build-polaroid-collage-with-transloadit
transform-build-polaroid-collage-with-transloadit について
複数の画像をTransloadit CLIでポラロイド風のスタックコラージュにするスキルです。写真コラージュの作成向けで、キャンバス、背景、重なり具合、シードを指定してレイアウトを再現できます。
主な機能
- 01画像をポラロイド風にスタック合成
- 02キャンバスサイズと背景の設定
- 03写真の重なり具合の調整
- 04シードによるレイアウト再現
- 05入力画像の順序変更
活用シーン
- 01写真をポラロイド風コラージュに配置
- 02写真の重なり具合によるレイアウト調整
- 03同じシードでのコラージュ再生成
- 04透明背景のPNGまたはWebP出力
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ transloadit/ skills --skill transform-build-polaroid-collage-with-transloaditインストール後、Claude Code で/transform-build-polaroid-collage-with-transloaditを入力して読み込まれたか確認します。
詳細
入力
- ローカル入力画像の絶対パスを2つ以上
- 出力パスは任意です。既定では、現在の作業ディレクトリに明示的な
collage.pngが指定されます - キャンバスサイズは任意です(
--width、--height)。既定値は1920×1200です - 再現可能なレイアウトにする場合は、
--seedを指定します
手順
次の順序で認証情報を解決します。
- シェル環境変数
- 現在の作業ディレクトリの
.envのみ ~/.transloadit/credentials
.env が親ディレクトリにある場合は、まず変数をシェルにエクスポートしてください。
実行
npx -y @transloadit/node image merge \
--input ./photo-a.jpg \
--input ./photo-b.jpg \
--input ./photo-c.jpg \
--input ./photo-d.jpg \
--input ./photo-e.jpg \
--input ./photo-f.jpg \
--effect polaroid-stack \
--width 1920 \
--height 1200 \
--format png \
--output ./collage.png
コマンドの実行後、想定される出力パスに画像が存在することを確認してください。
調整
--background '#eee5d3'を指定すると、温かみのあるベージュのキャンバスになります(既定値)。16進数コードと色名のどちらも使用できます。--background noneを指定すると、透明なキャンバスが生成されます(--format pngまたは--format webpと併用)。--coverage 1.5が既定値です。重なりを大きくした写真を使う場合は2.0~2.5を、小さめで間隔を広くしたポラロイドにする場合は1.0以下を指定してください。--seed 42を指定すると、レイアウトが決定的になります。同じ入力で再実行すると、同じ出力を再現できます。--shuffleを指定すると、Robot がレイアウト前に入力を並べ替えます。
失敗時のデバッグ
npx -y @transloadit/node assemblies get <assemblyIdOrUrl> -j
注意:
- 繰り返し指定した
--inputの値は、単一の/image/mergeアセンブリにまとめられます。 - ポラロイドの積み重ね効果は、入力が4~12個の場合に最もよく機能します。4個未満ではまばらに見えやすく、12個を超えると大きく隠れ始めます。
- 各入力はポラロイドフレーム内で正方形にトリミングされます。元画像は縦長でも横長でも使用できます。
- 拡張子を確実に決めるため、ディレクトリではなく、明示的な出力ファイル名(例:
./collage.pngや./collage.jpg)を指定してください。
コメント
Markdown 対応