Logo画像文字追加ドキュメント
Logo画像文字追加ドキュメント
ホームページDocumentationユーザーガイド

ユーザーガイド

すぐに始められる完全ガイド

ユーザーガイド

オンライン画像テキストエディターへようこそ!このガイドでは、美しい画像を素早く作成するためのすべての機能をご紹介いたします。

ステップ1:画像をアップロード

アップロード方法

ウェブサイトを開くと、アップロードエリアが表示されます。画像をアップロードする方法は2つございます:

方法1:クリックしてアップロード

  1. 中央の「ファイルを選択」ボタンをクリックします
  2. ファイルダイアログから画像を選択します
  3. JPG、PNG、WebP形式に対応しております
  4. 最大ファイルサイズ:10MB

方法2:ドラッグ&ドロップ

  1. フォルダから画像をアップロードエリアにドラッグします
  2. ドロップしてアップロードします

画像サイズが5MBを超える場合、スムーズな編集のためシステムが自動的に最適化・圧縮いたします。

サンプル画像をお試しください

手元に画像がない場合は、以下のサンプルをクリックしてください:

  • 風景 :風景写真の透かしに最適
  • 人物 :証明写真やポートレート作品に理想的
  • 誕生日 :誕生日グリーティングカードに最適

ステップ2:テキストの追加と編集

画像がアップロードされたら、テキストの追加を始められます!

通常テキストを追加

  1. 上部ツールバーの「テキストを追加」ボタン をクリックします
  2. デフォルトのテキストが画像の中央に表示されます
  3. テキストをダブルクリックして内容を編集します
  4. ドラッグして移動させます
  5. 四隅をドラッグしてサイズを変更します

タイムスタンプを追加

  1. 「タイムスタンプ」ボタン をクリックします
  2. システムが自動的に現在の日時を追加します
  3. 時刻形式はお使いの言語に合わせて調整されます
  4. 通常のテキストと同様に移動、サイズ変更、編集が可能です

タイムスタンプ機能は、写真に撮影日を追加したり、日付入り記念写真を作成するのに最適です!


ステップ3:テキストスタイルのカスタマイズ

テキストを選択すると、右側にプロパティパネルが表示されます(フルスクリーンモード時)。ここには豊富なテキストスタイリングオプションがございます:

フォント設定

フォントの選択

  • システムフォント:Arial、Times New Romanなどの一般的なフォントが含まれます
  • Googleフォント:カテゴリー別に整理された数百種類の美しいフォント:
    • 中国語フォント:中国語コンテンツ用
    • 英語フォント:エレガント、モダン、手書き風などのスタイル
    • 特殊フォント:アーティスティックで装飾的なフォント

フォントサイズの調整

  • スライダーをドラッグしてサイズを調整します(12-200ピクセル)
  • 数値が大きいほど、テキストが大きくなります

テキストの書式設定

クイックテキストスタイリング用の3つの書式ボタン:

  • 太字 :テキストを目立たせます
  • 斜体 :優雅さを加えます
  • 下線 :重要なコンテンツを強調します

ボタンをクリックして効果のオン/オフを切り替えます。複数の書式を組み合わせることも可能です!

色設定

テキストの色

  1. カラーピッカーをクリックしてお好みの色を選択します
  2. または下の入力欄に色コードを入力します
  3. 変更をリアルタイムでプレビューできます

ストローク(アウトライン)設定

  • ストロークの幅:スライダーをドラッグしてアウトラインの太さを調整します(0-20ピクセル)
  • ストロークの色:アウトラインの色を選択します
  • ストロークは、どんな背景でもテキストを目立たせるのに役立ちます!

プロのヒント:白いテキスト+黒いストロークは、どんな画像でも使えるクラシックな組み合わせです!

シャドウ効果

シャドウを追加すると、立体感と奥行きが生まれます:

  1. 「シャドウ」の横にある「有効」ボタンをクリックします
  2. シャドウパラメータを調整します:
    • ぼかし:シャドウの柔らかさ
    • オフセットX:シャドウを左右に移動
    • オフセットY:シャドウを上下に移動

回転と不透明度

テキストの回転

  • 回転スライダーをドラッグします(0-360°)
  • またはクイックボタンを使用:0°、45°、90°、180°、270°
  • 斜めのラベルや斜めの透かしに最適です

不透明度の調整

  • 不透明度スライダーをドラッグします(0-100%)
  • またはクイックボタンを使用:25%、50%、75%、100%
  • 値を下げるとテキストが透明になります
  • 控えめな透かし効果に理想的です

高度なテキスト効果

文字間隔

  • 文字間の距離を調整します
  • 正の値:文字を離します
  • 負の値:文字を近づけます

行の高さ

  • テキストの行間隔を調整します
  • 複数行のレイアウトを最適化するのに最適です

中抜きテキスト効果

  1. 「中抜きテキスト」の横にある「有効」をクリックします
  2. テキストの中央が透明になり、アウトラインのみが残ります
  3. ユニークな芸術的効果が生まれます!

ステップ4:テキストのタイリング(透かし機能)

これは最も強力な機能の1つです!テキストを画像全体に繰り返して、プロフェッショナルな透かしを作成できます。

タイリングを有効にする方法

  1. タイリングしたいテキストを選択します
  2. プロパティパネルの「繰り返し設定」を見つけます
  3. 「有効」ボタンをクリックします

3つのタイリングモード

シングルモード

  • テキストのインスタンスを1つのみ表示します
  • 通常のテキスト編集用

グリッドモード

  • テキストを行と列に配置します
  • 以下を正確に制御できます:
    • 列:水平方向のインスタンス数
    • 行:垂直方向のインスタンス数
    • 水平間隔:左右の距離
    • 垂直間隔:上下の距離

密集モード

  • テキストが画像全体を密に埋めます
  • 「タイル間隔」のみ調整します:
    • 0x:テキストが完全に隣接
    • 0.5x:わずかな間隔
    • 1x:標準的な間隔
    • 2x:疎な配置

推奨設定:

  • 著作権透かし:密集モードを使用、間隔0.5-1x、不透明度30-50%
  • 装飾効果:グリッドモードを使用、3×3または4×4、不透明度70-100%

レイアウト制御

キャンバスにクリップ

  • 有効:画像の境界内のテキストのみ表示
  • 無効:テキストが端を超えることを許可

すべてのテキストを画像に収める

  • 「自動調整」ボタンをクリックします
  • システムが最適な行、列、間隔を自動計算します
  • すべてのテキストが画像に表示されることを保証します

ツールバー機能の説明

上部ツールバーにはすべての主要操作ボタンがあります:

ズームコントロール

  • 拡大 :クリックしてキャンバスを拡大します(最大400%)
  • 縮小 :クリックしてキャンバスを縮小します(最小25%)
  • パーセンテージ表示:現在のズームレベルを表示、クリックで100%にリセット

細部を見たり全体をプレビューするのに最適です!

元に戻す/やり直し

  • 元に戻す :前の操作に戻ります
  • やり直し :元に戻した操作を復元します

すべてのステップを保存していますので、お気軽に試してください!

リセット

  • リセットボタンをクリックしてすべての編集をクリアします
  • アップロード直後の状態に戻ります
  • ミスを防ぐため、システムが確認を求めます

フルスクリーンモード

フルスクリーンに入る

  • 「フルスクリーンに入る」ボタン をクリックします
  • またはキーボードの Fキー を押します

フルスクリーンの利点:

  • より大きな編集エリアで作業しやすい
  • 左側にレイヤーパネル
  • 右側にテキストプロパティパネル
  • 右下隅に画像情報

フルスクリーンを終了

  • 「フルスクリーンを終了」ボタン をクリックします
  • または再度 Fキー を押します

レイヤー管理(フルスクリーンモード)

フルスクリーンモードでは、左側のレイヤーパネルですべてのテキストを管理できます:

レイヤーリスト

  • 追加したすべてのテキストを表示します
  • 各レイヤーにはテキストコンテンツのプレビューが表示されます
  • レイヤーをクリックして対応するテキストを選択します

レイヤーアクションボタン

各レイヤーには3つのアクションボタンがあります:

表示/非表示

  • 目のアイコンをクリックしてテキストを非表示にします
  • 非表示のテキストは最終的にエクスポートされる画像に表示されません
  • もう一度クリックして表示します

ロック/ロック解除

  • ロックアイコンをクリックしてテキストをロックします
  • ロックされたテキストは移動や編集ができません
  • 重要なコンテンツの誤った変更を防ぎます

削除

  • ゴミ箱アイコンをクリックしてテキストを削除します
  • システムが確認を求めます
  • 元に戻す機能を使って削除したテキストを復元できます

画像情報

デフォルトモード

デフォルトモードでは、右側に詳細な画像情報が表示されます:

  • ファイル名:アップロードした画像の名前
  • ファイルサイズ:画像ファイルのサイズ
  • ファイルタイプ:JPG、PNG、またはWebP
  • 寸法:幅と高さ(ピクセル)
  • アスペクト比:画像の比率

フルスクリーンモード

フルスクリーンモードでは、画像情報が右下隅にすりガラス効果で浮かび、編集エリアを邪魔しません。


画像のエクスポート

編集が完了したら、「エクスポート」ボタン をクリックして作品をダウンロードします:

  1. 上部ツールバーの「エクスポート」ボタンをクリックします
  2. ダイアログでエクスポートオプションを選択します:
    • ファイル形式(PNG、JPG、WebP)
    • 画質
    • ファイル名
  3. 「ダウンロード」ボタンをクリックします
  4. 画像が自動的にダウンロードフォルダに保存されます

形式選択ガイド:

  • PNG:透明な背景または最高品質の場合
  • JPG:最小のファイルサイズ、ソーシャルメディアに最適
  • WebP:品質とサイズのバランス、ウェブ使用に理想的

共有機能

「共有」ボタン をクリックして作品を素早く共有できます:

  • リンクをコピーして友達と共有
  • ソーシャルメディアに共有
  • ウェブサイトに埋め込み

よくある質問

フォントが変更されないのはなぜですか?

Googleフォントの読み込みには時間がかかります。数秒お待ちいただければ、フォントが自動的に適用されます。

透明な透かしを作成するにはどうすればよいですか?

  1. テキストを追加します
  2. 不透明度を30-50%に設定します
  3. タイリングを有効にします
  4. 密集モードを選択します

テキストが画像に隠れてしまいました、どうすればよいですか?

レイヤーパネルを使用してレイヤーの順序を調整するか、ストロークとシャドウを追加して視認性を向上させてください。

複数のテキストを同時に編集できますか?

はい!レイヤーパネルで異なるレイヤーを選択して編集対象を切り替えられます。

編集の進行状況を保存するにはどうすればよいですか?

編集履歴機能がすべてのステップを自動的に保存します。元に戻す/やり直しボタンを使用して履歴を移動できます。


キーボードショートカット

  • Fキー:フルスクリーンモードの切り替え
  • Ctrl/Cmd + Z:元に戻す
  • Ctrl/Cmd + Y:やり直し
  • Delete:選択したテキストを削除

プロのヒント

  1. プロフェッショナルな透かし:白いテキスト+黒いストローク+30%不透明度+密集タイリング
  2. 重要なテキストを強調:大きなフォント+太字+シャドウ効果
  3. 雰囲気を作る:手書きやアーティスティックなど、さまざまなフォントカテゴリーをお試しください
  4. 斜めのラベル:45°回転+ストローク効果を使用
  5. 一括透かし処理:「すべてのテキストを画像に収める」自動調整機能を使用

これですべての機能を習得されました—美しい画像の作成を始めましょう!

Documentation

Welcome to the documentation

目次

ユーザーガイド
ステップ1:画像をアップロード
アップロード方法
サンプル画像をお試しください
ステップ2:テキストの追加と編集
通常テキストを追加
タイムスタンプを追加
ステップ3:テキストスタイルのカスタマイズ
フォント設定
テキストの書式設定
色設定
シャドウ効果
回転と不透明度
高度なテキスト効果
ステップ4:テキストのタイリング(透かし機能)
タイリングを有効にする方法
3つのタイリングモード
レイアウト制御
ツールバー機能の説明
ズームコントロール
元に戻す/やり直し
リセット
フルスクリーンモード
レイヤー管理(フルスクリーンモード)
レイヤーリスト
レイヤーアクションボタン
画像情報
デフォルトモード
フルスクリーンモード
画像のエクスポート
共有機能
よくある質問
フォントが変更されないのはなぜですか?
透明な透かしを作成するにはどうすればよいですか?
テキストが画像に隠れてしまいました、どうすればよいですか?
複数のテキストを同時に編集できますか?
編集の進行状況を保存するにはどうすればよいですか?
キーボードショートカット
プロのヒント