画像を重ねる — レイヤーエディタ
ブラウザで直接複数の画像とテキストを結合する
UtiliAppのメリット
- ✓100% 無料
- ✓ブラウザで動作します
- ✓未登録
- ✓削除済みファイル
使い方
-
1.
ファイルを送信
「画像を追加」をクリックするか、グリッドエリアに複数の画像をドラッグ&ドロップします。
-
2.
レイヤーを整理する
移動、リサイズ、回転。前/後/上/下を使用して並べ替え、サイドパネルを使用して名前を変更、非表示、またはブロックします。
-
3.
テキストを追加
テキスト ボタンを使用してテキストレイヤーを挿入します。プロパティで不透明度と角度を調整します。
-
4.
フレームを調整
フレームの幅 × 高さ(最終サイズ)を設定します。比率を維持するにはアスペクト比を選択し、背景または透明を選択してください。
-
5.
出力スケールを設定
スケールは、エクスポートされたファイルのフレームのサイズを乗算します(例:2 = 200%)。
-
6.
エクスポートまたは保存
PNG形式でエクスポート(透明性をサポート)またはJPEG形式でエクスポート(背景色を使用)。後で続けるために、.json 形式でプロジェクトを保存または読み込んでください。
よくある質問
最初の画像はサイズを定義しますか?
はい。最初の画像を追加すると、枠はその画像のサイズになります。後でサイズ(幅×高さ)で変更できます。
PNGは透明性を保ちますか?
はい。PNGの場合、透明をオンにしておくことができます。JPEGの場合、透過はサポートされていません — 背景色が使用されます。
私のプロジェクトをどうやって保存しますか?
レイヤーを含む .json をダウンロードするには、プロジェクトを保存してください。その後、編集を続けるには、それを読み込んでください。
サイズの制限はありますか?
パフォーマンスのため、キャンバスは1辺あたり64〜8000pxを受け付けます。サイズが大きいものやレイヤーが多い場合、ブラウザのメモリをより多く消費します。
元に戻せますか/やり直せますか?
はい。元に戻す/やり直すボタンを使うか、Ctrl+Z / Ctrl+Y のショートカットを使います(Shift+Ctrl+Z)。
処理はファイルをサーバーに送信しますか?
いいえ。すべてはあなたのブラウザ内でローカルに処理されます。
あなたのファイルはローカルで処理され、削除されます。
編集のコツ
- リサイズ時にオブジェクトに“Travar proporção”を適用して歪みを避ける。
- 準備済みのレイヤーをロックして、誤って移動しないようにします(パネルの「ロック」オプション)。
- レイヤーに名前を付けて、リストで見つけやすくします。
レイヤーと履歴
履歴には追加、変更、削除が記録されます。何かが元の場所からずれてしまった場合は、元に戻す機能を使って以前の状態に戻してください。
輸出
- PNGはロゴや透明な要素に最適です。
- JPEG は写真のファイルサイズを小さくします。背景色を選択してください。
- 「Escala」はエクスポート時のみフレームのサイズを拡大します。高解像度の画像を生成するのに役立ちます。
便利なショートカット
Ctrl+Z 元に戻す • Ctrl+Y やり直す • Del 削除 • Shift 矢印キーで10px動かす