メインコンテンツにスキップ

テキストの背景を追加する

C
対応者:Craig Wright
今日アップデートされました

Text Backgroundを使えば、雑誌や広告でよく使われるようなスタイリッシュなテキストエフェクトを作成できます。テキストに背景シェイプを追加し、シェイプの色を選択したり、塗りつぶしの色やアウトラインを設定したり、不透明度(透明度)を設定したりできます。

3 phones side-by-side. Phone 1 has a design with the word jackets in text. It has a white circle text background. Phone 2 has the word jackets in an outlined slanted box. Phone 3 has the word jackets transparent with a black text background.

例えば、上の画像は同じテキストですが、背景が3種類あります。画像1は塗りつぶし白の円形テキスト背景。画像2には、白い輪郭の角度のついた矩形の背景があります。画像3は、テキストが透明な黒ベタの矩形です。これらは、Photoroomで作成できるテキスト背景のほんの一部です。

注:テキスト背景は、現在PhotoroomのiPhone、iPadとWeb Appバージョンで利用可能です。Android版は近日公開予定です。


iPhoneとiPadの場合

iPhoneまたはiPad版のPhotoroomでテキスト背景を作成するには:

(ビデオはiPhoneのPhotoroomを示しています)

  1. コンテンツを選択します。

  2. 作業したいワークスペースを選択します。

  3. 編集したいデザインを選択します。
    または、新しいデザインを作成することもできます(手順については、Photoroomの最初のデザインを作成するを参照してください)。

  4. テキスト] を選択し、デザインに追加したいテキストを入力します。
    または、デザイン上に既に存在するテキストレイヤーを選択します。

  5. [オプション] テキストレイヤーを選択し、レイヤー設定を使用してテキストのスタイルを設定します。

  6. テキストを選択し、背景設定までスクロールダウンします。背景をオンにします。

  7. レイヤー設定の背景バーを選択し、テキストの背景設定を表示します。

  8. 色設定を使用して、テキストの背景の色を選択します。

  9. シェイプオプションから背景のシェイプを選択します。

  10. シェイプを選択したら、[編集]を選択してその設定を表示します。

  11. 設定を使用して、シェイプのスタイルを設定します。表示される設定はシェイプの種類によって異なりますが、次のようなものがあります:


    • スプレッド
      テキストの背景のサイズをコントロールするために使用します。

    • 丸み
      テキスト背景の角のカーブの量を制御するために使用します。

    • 不透明度
      テキストの背景の透明度を制御するために使用します。

    • 角度
      角度の付いたテキスト背景のエッジが前方または後方にどれだけ傾くかを制 御するのに使用します。

    • 太さ
      テキスト背景の輪郭の幅を制御するのに使用します。

    • オフセット
      テキスト背景のストライプの位置を制御するために使用します。

    • Knockout text
      テキストを 100% 透明にするために使用します。

      Side-by-side images. Image 1 shows the word Jackets as white text on a black background. Image 2 shows the word Jackets as transparent text with a black background. The design shows through the transparent lettering.
    • Wrap around lines
      テキストの背景を各行のテキストに近づけるために使用します。

      Edit option on shape tile for text background. The Edit option only appears after you have selected a shape. Edit option reveals shape settings.

      行を囲む] はオフ (1) です。
      [オプション] エクスポートを選択します。

  12. [オプション]エクスポートを選択します。エクスポート設定を使用して、デザインを画像ファイルとしてダウンロードしたり、他の人と共有したりします。

  13. Xを選択してエディタを終了し、デザインを保存します。


ウェブアプリで

Photoroomのウェブアプリ版でテキスト背景を追加するには:

  1. app.photoroom.com でログインします。

  2. 作業したいワークスペースを選択します。


  3. または、新しいデザインを作成することもできます (手順については、「Photoroom で最初のデザインを作成する」を参照)。

  4. テキストを追加を選択して、サイドバーにテキストを追加設定を表示します。


  5. または、デザイン上に既に存在するテキストレイヤーを選択します。

  6. [オプション] テキストレイヤーを選択し、レイヤー設定を使用してテキストのスタイルを設定します。

  7. テキストレイヤーを選択し、テキストの 背景をオンにします。

  8. 色設定を使用して、テキストの背景の色を選択します。

  9. シェイプオプションから背景のシェイプを選択します。

  10. シェイプを選択したら、シェイプの編集アイコンを選択し、設定を表示します。

  11. 設定を使用して、シェイプのスタイルを設定します。表示される設定は、シェイプのタイプによって異なりますが、次のようなものがあります:

    • スプレッド
      テキストの背景のサイズを制御するために使用します。

    • 丸み
      テキスト背景の角のカーブの量を制御するために使用します。

    • 不透明度
      テキストの背景の透明度を制御するために使用します。

    • 角度
      角度の付いたテキスト背景のエッジが前方または後方にどれだけ傾くかを制 御するのに使用します。

    • 太さ
      テキスト背景の輪郭の幅を制御するのに使用します。

    • オフセット
      テキスト背景のストライプの位置を制御するために使用します。

    • Knockout text
      テキストを 100% 透明にするために使用します。

      ノックアウトテキストオフ (1)。

    • Wrap around lines
      テキス ト の背景を各行のテ キ ス ト に近づけ る ために使用 し ます。

      行の折り返しがオフ (1)。
      [オプション] ダウンロードアイコンを選択します。

  12. [オプション]ダウンロードアイコンを選択して、デザインを画像ファイルとしてダウンロードします。イメージファイルのファイル名を入力し、ファイルタイプを選択してから、ダウンロードを選択します。

  13. ホームを選択してエディタを終了し、デザインを保存します。


こちらの回答で解決しましたか?