矢印テキストの説明を含むチュートリアルのスクリーンショット
特定のボタンを指す矢印を操作スクリーンショットに追加し、手順の短いテキスト説明を追加すると、チュートリアルやヘルプ ドキュメントが理解しやすくなります。
画面上の要素をクリックしてスタイルを編集するか、最初に新しい要素を追加します
はじめる
ソフトウェアをインストールする必要はなく、プロセス全体が Web ページ上で完了し、表示されているものがそのまま得られます。
画像をクリックして選択するか、Web ページに直接ドラッグします。 JPG、PNG、WebP、GIF がサポートされています。各画像は 20MB を超えてはなりません。一度に処理される画像は 1 つだけです。
クリックしてテキスト、矢印、四角形、円を追加するか、絵文字ステッカー ボタンをクリックすると、調整を待つ新しい要素が画像の中央に表示されます。
要素をドラッグして位置を移動し、右下隅の点をドラッグしてズームし、右上隅の点をドラッグして回転し、下部パネルのテキストの内容と色を変更します。
効果が満足できることを確認したら、ダウンロードをクリックします。すべての要素は現在のスタイルに従って画像に合成され、ローカルに保存されます。
トラブルシューティング
サポートされていません。テキスト、矢印、ステッカーの配置は、各画像の特定の構成に基づいて手動で決定する必要があります。たとえば、矢印が指す特定の位置は、写真ごとにまったく異なります。同じ座標セットを異なる画像に適用する方法はないため、単一の画像に正確な注釈を付けるためのツールとして設計されています。同様の構成の複数の画像に同じテキストやウォーターマークを追加する必要がある場合は、「ウォーターマーク追加」ツールのバッチ モードを使用することをお勧めします。
できる。ダウンロードする前に、いつでも追加された要素をクリックして再選択できます。要素自体をドラッグして位置を調整し、右下隅のドットをドラッグしてサイズを調整し、右上隅のドットをドラッグして回転角度を調整します。テキストの内容と色は下部パネルで変更することもできます。クリックしてダウンロードした後でのみ、画像が実際に画像に合成されます。ダウンロード前の調整は元の画像には影響しません。
スタンプにはシステム独自の絵文字(Emoji)が使用されています。異なるオペレーティング システムやブラウザによって表示される絵文字の特定のスタイルは若干異なります (たとえば、Apple デバイスと Android デバイスでは同じ絵文字がまったく同じに見えるわけではありません) が、意味と全体的な外観は一貫しています。エクスポートされた画像は、ダウンロード時に使用したデバイスによってレンダリングされた絵文字スタイルに従って生成されます。他のデバイスで開いた場合、表示はエクスポートしたものと同じになり、変更されません。
現在のバージョンのテキストでは、システムのデフォルト フォントが使用されており、太字とカスタムの色およびサイズの切り替えがサポートされています。現在、フォントの変更や複数行のテキストの入力はサポートされていません (改行は無視されます)。短いタイトル、プロンプト、またはラベル テキストを追加するのに適しています。より複雑な組版手順が必要な場合は、複数のテキスト要素を追加して個別に配置することをお勧めします。
現在お使いの端末のブラウザ上で完全に完結します。編集プロセス中のリアルタイム プレビューは、Web ページによって直接レンダリングされます。クリックしてダウンロードすると、ブラウザーのキャンバス描画インターフェイスが使用され、現在の位置、サイズ、回転角度に従って、すべての要素が画像に再描画および合成されます。元の画像は、プロセス全体を通じてどのサーバーにもアップロードされません。
アノテーションの本質は再描画とエンコードです。PNG の透明チャネルは保持されます。ただし、元の画像に透明な領域があり、JPG エンコードが必要であると認識された場合、透明な部分は白い背景で塗りつぶされます。元の画像の EXIF 撮影パラメータ、位置情報、その他のメタデータは、再エンコード後は保持されません。特に EXIF を表示または消去する必要がある場合は、「EXIF Cleaner」ツールを使用できます。
編集と合成のプロセス全体はブラウザ内でローカルに完了し、画像はサーバーを経由しません。
テキスト、絵文字ステッカー、矢印、四角形、円、説明注釈のニーズのほとんどをカバー
ドラッグして位置を移動したり、ドットをドラッグして角度をズームしたり回転したり、間違いを恐れることなくいつでも変更できます。
登録や支払いは必要なく、エクスポートされた結果にはウォーターマークはありません。
該当する状況
機能リストではありませんが、「画像をドラッグする価値があるのはどのような場合か?」うまくいかない場合は、無理に使用せず、ツールを変更してください。
特定のボタンを指す矢印を操作スクリーンショットに追加し、手順の短いテキスト説明を追加すると、チュートリアルやヘルプ ドキュメントが理解しやすくなります。
モーメンツや小紅書に投稿された写真にタイトル テキストや絵文字ステッカーを追加すると、写真がより個人的なものになり、クリックが集まりやすくなります。
長方形または円形のマーキング ボックスを使用して、製品画像上の主要なセールス ポイントまたは詳細を丸で囲み、テキストによる説明を使用してプロモーション画像情報をより明確かつ直感的にします。
要素の種類
さまざまなタイプの要素がさまざまなイラストのニーズに適しており、追加後に自由にドラッグ、拡大縮小、回転できます。
| 要素の種類 | 調整可能なプロパティ | シーンに合わせて |
|---|---|---|
| 言葉 | 内容、色、太字、サイズ、位置、回転角度 | タイトル、プロンプト、短い説明テキスト |
| 絵文字ステッカー | サイズ、位置、回転角度(表現そのものに色がつきます) | 装飾、感情の表現、重要なリマインダー |
| 矢印 | 色、線の太さ、サイズ、位置、回転角度 | スクリーンショット内の特定のボタン、領域、または詳細をポイントします。 |
| 長方形の吹き出しボックス | 色、線の太さ、サイズ、位置、回転角度 | 重要なリマインダーとして、写真内の特定の長方形の領域を丸で囲みます |
| 円形の吹き出しボックス | 色、線の太さ、サイズ、位置、回転角度 | 重要なリマインダーとして、写真内の特定の点または円形の領域を丸で囲みます。 |
すべての要素の操作方法は統一されており、要素自体を直接ドラッグして位置を移動、右下の点をドラッグしてズーム、右上の点をドラッグして角度を回転、左上の点をクリックして削除します。要素を選択すると、下部パネルにこのタイプの特定の編集可能な属性が表示されます。
技術的な説明
各要素の位置とサイズは、固定ピクセル値ではなく、画像の幅と高さの比率に従って保存されるため、表示される画像がどれほど大きくても小さくても、編集時に表示される効果は、クリックしてダウンロードした後に元の解像度の画像に合成された効果とまったく同じになります。ダウンロード時に、ブラウザの Canvas 描画インターフェイスを使用して最終画像を再描画します。プロセス全体は、サーバーを経由せずにデバイス上でローカルに完了します。
文字で説明する内容、矢印で指し示す位置、注釈ボックスで囲む範囲は、それぞれの絵の具体的な構図や内容に基づいて手作業で決定されます。異なる画像の構成と強調は完全に異なり、同じ座標セットとテキストの内容を異なる画像に適用することは不可能です。したがって、このツールは 1 枚の画像に対する細かい注釈に焦点を当てています。複数の写真を処理する必要がある場合は、1枚ずつ開いて個別に操作してください。
口座を開設する必要はありません。満足したら、バッチ処理を開始してください。そうでない場合は、パラメーターを変更して再試行してください。