If a product image has a text layer, you can use its pill menu options to make changes. There are many text editing options available, including color, alignment, font family, and curvature.
Steps (Web App)
To make changes to a text layer on a product image, follow the video and instructions below. The instructions are divided into separate sections and they are all optional.
Note: To cancel an unwanted text style (or any other change), use the Undo option in the header.
Change the wording of the text
To change the wording of the text:
Select the text layer to display its pill menu.
Move the cursor off the image.
Select the text layer again to open the text editor.
Enter the new text.
Note: If you double-click on the text layer, it may switch the editor to Full Screen View.
Change the text style
Photoroom has a gallery of pre-made text styles that you can use. These are optional and can save you time editing if a pre-made style suits your requirements.
To change the text style:
Select the text layer to display its pill menu.
Select Styles.
Choose a style from the Text style panel.
Change the text color
To change the color of text:
Select the text layer to display its pill menu.
Select the color circle.
Use the Text color selector to pick a color.
To learn more about the color selector, see Color selectors (Web App).
Change the text typeface and font style
To change the text typeface (font family) and font style:
Select the text layer to display its pill menu.
Select the typeface list (it shows the currently used typeface).
Choose a new typeface from the list.
Select the font style list and choose a style, such as bold, italic, or light. The available styles depend on the typeface.
The font styles that are available vary depending on which typeface you have chosen.
Change the text size
To change the size of the text:
Select the text layer to display its pill menu.
Do one of the following to change the text size:
Enter a new text size to overwrite the existing value
Use the plus + option to increase the size
Use the minus - option to decrease the size.
Change the text alignment
To align the text in the text box:
Select the text layer to display its pill menu.
Select the text alignment option to change the alignment to left-aligned, center, or right-aligned. Keep selecting the text alignment option to cycle through the three alignment options.
Change the line spacing
To change the amount of space between each line of text:
Select the text layer to display its pill menu.
Select the Spacing option to display the spacing options.
Use the Line spacing slider to increase or decrease the amount of space. Alternatively, enter a value in the field.
Change the letter spacing
To change the amount of space between the letters in the text:
Select the text layer to display its pill menu.
Select the Spacing option to display the spacing options.
Use the Letter spacing slider to increase or decrease the amount of space. Alternatively, enter a value in the field.
Change the text background
When you add text layers, they usually have a transparent background. But you can edit a text layer so that it has a solid, colored background if you prefer.
To change the text background:
Select the text layer to display its pill menu.
Select the Text background option.
Choose a transparent, white, black, or color background. For colors, use the color selector to pick the color.
To learn more about the color selector, see Color selectors (Web App).
Apply an underline or strikethrough
To underline text or add a strikethrough:
Select the text layer to display its pill menu.
Select the Text background option.
Use the checkboxes to apply or remove an Underline and/or Strikethrough.
Curve the text
Use the Curvature setting to curve text:
Select the text layer to display its pill menu.
Select the Curvature option.
Use the slider to apply more or less curvature. Alternatively, enter a value in the field.
More actions ...
The pill menu for text layers has a More actions context menu with further editing options. These are common layer editing options that work in the same way as in the Batch editor:
Drop Shadow
See Apply a drop shadow to a batch of images (Web App)
Outline
See Apply an outline to a batch of images (Web App)
Reflection
See Apply a reflection effect to a batch of images (Web App)
Align to image
The Align to image menu options work in the same way as the Align to image options in the Layout settings. See Position, flip, and rotate a batch of images (Web App).
Duplicate
Makes a copy of the layer. The copy is added automatically and is a completely separate layer with its own layer settings.
Delete
Deletes a layer.
Bring forward
Use to move the layer forward. This option works in the same way as moving the layer up in the stack order in the Layers settings. See Change the order of layers on a batch of images (Web App).
Send backwards
Use to move the layer backwards. This option works in the same way as moving the layer down in the stack order in the Layers settings. See Change the order of layers on a batch of images (Web App).