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

プロダクトエディタ(Webアプリ)でテキストレイヤーを編集する

C
対応者:Craig Wright

商品画像にテキストレイヤーが含まれている場合は、そのピルメニューのオプションを使用して変更を加えることができます。色、配置、フォントファミリー、曲率など、さまざまなテキスト編集オプションが用意されています。


手順(Webアプリ)

商品画像上のテキストレイヤーを変更するには、以下の動画と手順に従ってください。手順はいくつかのセクションに分かれていますが、いずれも任意です。

注:不要なテキストスタイル(またはその他の変更)を元に戻すには、ヘッダーにある「元に戻す」オプションを使用してください。


テキストの文言を変更する

テキストの文言を変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. カーソルを画像の外に移動します。

  3. テキストレイヤーを再度選択して、テキストエディタを開きます。

  4. 新しいテキストを入力します。

Image with styles selected for text layer

注:テキストレイヤーをダブルクリックすると、エディタが全画面表示に切り替わる場合があります。


テキストスタイルの変更

Photoroom には、あらかじめ用意されたテキストスタイルのギャラリーがあり、それらを使用することができます。これらはオプションですが、あらかじめ用意されたスタイルが要件に合えば、編集時間を節約できます。

テキストスタイルを変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 「スタイル」を選択します。

  3. 「テキストスタイル」パネルからスタイルを選択します。


テキストの色を変更するには

テキストの色を変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 色の円を選択します。

  3. 「テキストの色」選択ツールを使用して色を選択します。

Image with text layer having its color changed

色選択ツールについて詳しくは、「色選択ツール(Webアプリ)」を参照してください。


テキストの書体とフォントスタイルを変更する

テキストの書体(フォントファミリー)とフォントスタイルを変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 書体リスト を選択します( 現在使用されている書体が表示されています)。

  3. リストから新しい書体を選択します。

  4. フォントスタイル一覧を選択し、太字、斜体、ライトなどのスタイルを選択します。利用可能なスタイルはフォントによって異なります。
    ​
    利用可能なフォントスタイルは、選択した書体によって異なります。
    ​

    Image with a text layer having its typeface and font style changed


文字サイズを変更する

テキストのサイズを変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. テキストサイズを変更するには、次のいずれかの操作を行います:

    • 新しいテキストサイズを入力して、既存の値を上書きします

    • 「+」オプションを使用してサイズを大きくします

    • マイナス(-)オプションを使用してサイズを小さくします。

Image with the text size box highlighted


テキストの配置を変更する

テキストボックス内のテキストを揃えるには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. テキストの配置オプションを選択して、左揃え、中央揃え、または右揃えに変更します。テキストの配置オプションを繰り返し選択すると、3つの配置オプションが順に切り替わります。
    ​
    ​

    Image with the text alignment box highlighted


行間を変更する

テキストの各行間のスペースを変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 「間隔」オプションを選択して、間隔設定を表示します。

  3. 「行間」スライダーを使って、行間の幅を広げたり狭めたりします。または、フィールドに数値を入力します。
    ​
    ​

    Image with the Spacing option highlighted


文字間隔を変更する

テキスト内の文字間の間隔を変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 「間隔」オプションを選択して、間隔設定を表示します。

  3. 「文字間隔」スライダーを使って、間隔を広げたり狭めたりします。または、フィールドに値を入力することもできます。
    ​
    ​


テキストの背景を変更する

テキストレイヤーを追加すると、通常は背景が透明になります。ただし、必要に応じて、テキストレイヤーを編集して、単色の背景に設定することもできます。

テキストの背景を変更するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 「テキストの背景」オプションを選択します。

  3. 背景を「透明」、「白」、「黒」、または「色」から選択します。色を選択する場合は、カラーピッカーを使用して色を選びます。

Image with text curvature set to 0.27 so that it curves slightly

カラーピッカーの詳細については、「カラーピッカー(Webアプリ)」を参照してください。


下線や取り消し線を適用する

テキストに下線や取り消し線を追加するには:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. [テキストの背景] オプションを選択します。

  3. チェックボックスを使用して、下線や取り消し線を適用または解除します。


テキストを曲線にする

「曲率」設定を使用してテキストを曲線状にします:

  1. テキストレイヤーを選択して、ピルメニューを表示します。

  2. 「曲率」オプションを選択します。

  3. スライダーを使って、曲率を強めたり弱めたりします。または、フィールドに数値を入力することもできます。


その他の操作 ...

テキストレイヤーのピルメニューには、さらに編集オプションが利用できる「その他の操作」コンテキストメニューがあります。これらは、バッチエディタと同様に機能する一般的なレイヤー編集オプションです:

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