ツール95

編集 / 実践的な画像ガイド

フォトコラージュを作成して画像を結合する方法

個別の写真に明確な構成を与えます。

「画像を結合」は複数の写真を1つのキャンバスにまとめます。重要な決定事項は、レイアウト、各写真の表示範囲、最終的なピクセルサイズです。このガイドでは、AIを使用せずに3枚の画像の構成を作成します。

ガイドに従う
実際の入力とダウンロードされた結果
変更前 湖、海岸のアーチ、植物のソース写真を、コラージュに配置する前に完成させます。

3枚のオリジナルの1200 x 900 JPG写真が、コンタクトシートとして一緒に表示されています。

変更後 実際のコラージュ:左側に大きな山の湖の写真、右側に2つの小さなフレームに海岸のアーチと紫の花が配置されています。

collage.png: 2000 x 2000 px, 5,280,725 バイト。

前:3枚のソース写真全体を示すコンタクトシート。後:Feature leftでエクスポートされた実際の2000 x 2000 PNG。写真はコラージュフレーム内で切り抜かれています。両方のパネルは読みやすくするために小さく表示されています。
広告
クイックビデオチュートリアル How to make a photo collage and reframe each image Add photos, choose the Feature left layout, drag a photo to reframe it, select Start and download one PNG collage. 英語のナレーション ビデオを見る

How to make a photo collage and reframe each image

広告

この例に従って3枚の写真を1つの正方形のキャンバスに配置し、自分のコレクションに合わせてレイアウトとサイズを調整してください。 画像を結合を開く.

01

写真とレイアウトを選択する

「画像を結合」を開き、配置したい写真をアップロードします。各 25 MB までのサポートされているファイルを最大 20 個まで使用できます。コラージュの上のサムネイルは入力順序を示しています。矢印を使用して写真を別の位置に移動してください。

バランスの取れたグループには「グリッド」、横一列には「横並び」、垂直シーケンスには「積み重ね」から始めてください。「左を強調」と「上を強調」は、最初の写真により多くのスペースを確保します。「フィルムストリップ」はグループに広いキャンバスを与えます。

この例では collage-lake.jpg、collage-coast.jpg、collage-botanical.jpg をその順序で使用し、「左を強調」を選択しています。各ソースは 1200 x 900 ピクセルです。湖がメイン画像となり、海岸と花が2つの小さなフレームを占めます。

最初にメインの写真を選択します。縦長のフレームに横長の写真を配置すると、左右の端が大幅に切り取られる可能性があります。

02

写真とキャンバスをフレームに収める

キャンバスサイズを例の 2000 x 2000 出力に設定します。他のプリセットには「ポートレート」、「ストーリー」、「ランドスケープ」、「ワイドスクリーン」があります。カスタム寸法では、幅 (px) と高さ (px) を直接制御でき、各辺 100 から 8000 ピクセルまで、合計 32 メガピクセルまで設定可能です。

フレーム内の写真には「各フレームを埋める」と「写真全体を表示」があります。「各フレームを埋める」はフレームを覆い、余分な端を切り取ります。「写真全体を表示」は 100% の写真ズームで画像全体を収め、周囲に未使用の背景が残る可能性があります。

キャンバス上またはサムネイル行で写真を選択します。ドラッグしてフレーミングを調整し、写真ズームを変更するか、左および右を使用して 90 度の回転を行います。「写真をリセット」は、回転なし、100% ズームで中央揃えのフレーミングに戻します。この例では、3枚すべての写真を 100% で中央揃えにし、「各フレームを埋める」を使用しています。

キャンバスサイズは出力サイズであり、解像度エンハンサーではありません。小さな写真を拡大しても、欠けている詳細を作成することはできません。

このガイドの例

Feature left; 正方形 2000 x 2000 px; 各フレームを埋める; 間隔 16 px; 外側の余白 24 px; 角丸 20 px; 白い背景; すべての写真を100%ズームで中央揃え; PNG。

ソース写真
3枚の画像、各1200 x 900 px
キャンバス
2000 x 2000 px
レイアウト
左側メインのレイアウト
ダウンロード済み PNG
5,280,725 バイト
03

間隔と背景を設定する

この構成では、間隔を 16 px、外側の余白を 24 px に設定します。「角と背景」の下で、20 px の角丸と白い背景色を使用します。これにより、写真の周囲に一貫した境界線が残ります。

透明な背景は PNG および WebP で機能します。JPG は代わりに不透明な塗りつぶしを使用します。「写真全体を表示」でフレーム内に目に見えるスペースが残る場合は特に、保存先に適した背景を選択してください。

写真の配置を変えたい場合は「シャッフル」を試してください。「元に戻す」と「やり直し」で最近の構成変更を比較できます。ファイルを追加または削除すると、新しいソース画像セットのために履歴がリセットされます。

間隔と角は出力ピクセルで測定されます。非常に大きな値を設定すると、写真が密集したり、小さなキャンバス上でフレーム用のスペースがなくなったりする可能性があります。

04

完成した画像をエクスポートする

「保存形式」で PNG を選択し、「開始」を選択します。最終的な構成はアップロードされたオリジナルからレンダリングされます。この例では、collage.png を正確に 2000 x 2000 ピクセル、5,280,725 バイトでダウンロードします。これは1つの結合された画像であるため、解凍するZIPファイルはありません。

JPGとWebPには、画質スライダーもあります。保存先が対応しており、PNGが必要以上に大きい場合は、これらを使用してください。PNGはロスレス出力エンコーディングを使用しますが、リサイズや切り抜きを行うと画像ピクセルは変化します。

保存したファイルを開き、フレームの端と寸法を確認してください。更新する前にダウンロードしてください。エディタやダウンロードの更新を行うと、ツールページに戻ります。結合されたコラージュは編集可能なソースレイヤーを保持しないため、元の写真は残しておいてください。

記事の比較では、実際の入力画像と結果の小さなWebPプレビューを使用しています。実際にダウンロードされるファイルは、2000 x 2000のPNGのままです。

便利な詳細

よくある質問

2枚の写真だけを結合できますか?

はい。2枚の画像をアップロードし、「Side by side(並べて表示)」、「Stacked(積み重ね)」、または別のレイアウトを選択してください。大きなコラージュと同様に、キャンバス、間隔、フレーミングを調整できます。

ソースの端をすべて残せますか?

「Show the whole photo(写真全体を表示)」を100%ズームで使用してください。フレームの形状が写真と異なる場合、選択した背景が残りのスペースを埋めます。

出力はアニメーションやカメラのメタデータを保持しますか?

いいえ。このツールは最初の静止フレームを使用し、向きを適用してソースのメタデータを削除します。アニメーションやソースレイヤーを含まない、フラット化された画像を作成します。

最終的なコラージュはブラウザで作られますか?

ブラウザにはライブ構成が表示されます。「Start(開始)」ボタンで元の画像とレイアウトをアップロードし、サーバー上で最終ファイルをレンダリングします。一部の形式では、編集前にサーバープレビューが必要になることもあります。

あなたの番です

各写真に場所を与えるコラージュを作成する

サンプルを試すか、独自のファイルを使用して、共有前に結果を確認します。

画像を結合を開く

画像の詳細

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。