ad
ad
Topview AI logo

Text Portrait effect - Photoshop Tutorial

Education


Introduction

Creating a text portrait effect in Adobe Photoshop is a unique way to enhance your photos by blending text with imagery. Follow the step-by-step guide below to achieve this striking effect.

Step 1: Prepare Your Image

  1. Open Photoshop: Start by dragging your chosen photo into Adobe Photoshop. For convenience, you can download a suitable image from the link provided in the description.
  2. Resize the Image: Zoom out and scale your image while holding the Shift button to maintain the aspect ratio. Once you’re satisfied with the size, press Enter to confirm.
  3. Remove the Background Layer: After resizing, delete the background layer to have a transparent canvas to work with.

Step 2: Create the Gradient Map

  1. Add Adjustment Layer: Navigate to the Adjustments panel and select the Gradient Map option.
  2. Set Gradient Colors: In the gradient editor, ensure the black color is set on the left side and white on the right side. Once you’ve made these adjustments, click OK.

Step 3: Convert Layers to Smart Object

  1. Select Layers: Hold the Shift key and click to select both the image layer and the gradient map layer.
  2. Right-Click and Convert: Right-click on the selected layers and choose Convert to Smart Object.

Step 4: Apply Gaussian Blur

  1. Apply Blur Effect: Go to Filter > Blur > Gaussian Blur. Set the radius to 10 and press OK.
  2. Save Your Work: Navigate to File and select Save As. Name your file as “map”.

Step 5: Undo the Blur Effect

  1. Undo Blur: Since the Gaussian Blur isn’t needed from this point forward, press Ctrl + Z to undo the blur effect.

Step 6: Adding Text

  1. Select the Type Tool: Use the Type Tool to write your desired text paragraph, ensuring that you delete any unnecessary space between the lines.
  2. Adjust Text Properties: Go to Window and select Character. Here, you can modify the font size and line spacing. For this tutorial, the Poppins font is recommended, which you can find online for free.

Step 7: Distort the Text

  1. Move Tool: Select the Move Tool to reposition your text if necessary.
  2. Displace Filter: Go to Filter > Distort > Displace. Click to convert to Smart Object again. Set both horizontal and vertical scale to 20, then press OK.
  3. Select the Map File: Choose the “map” file you previously created and press Open.

Step 8: Final Adjustments

  1. Layer Arrangement: Move the image layer above the text layer.
  2. Create Clipping Mask: Right-click on the image layer and select Create Clipping Mask.
  3. Add Solid Color Layer: Go to the Adjustment Layer menu and choose Solid Color. Pick a black color and click OK. Ensure this layer is positioned at the back.

Conclusion

You have successfully created a text portrait effect in Adobe Photoshop! Don’t forget to leave a comment below to support my channel.


Keywords

  • Text Portrait Effect
  • Adobe Photoshop
  • Gradient Map
  • Gaussian Blur
  • Smart Object
  • Poppins Font
  • Clipping Mask

FAQ

Q: What image should I use for the text portrait effect?
A: Choose a high-resolution image that has a subject you want to transform into a text portrait. You can download suitable images from online sources.

Q: Is the Poppins font free to use?
A: Yes, the Poppins font is available for free online and can be easily downloaded for your projects.

Q: Why do we use a Gaussian Blur in this effect?
A: Gaussian Blur helps to soften the image edges, creating a smooth transition between the text and the background.

Q: What is a clipping mask, and why is it necessary?
A: A clipping mask is used to mask the layer above so that it only appears where the layer below is visible, allowing for clean text effects.

Q: Can I use other fonts instead of Poppins?
A: Absolutely! You can use any font of your choice to achieve different styles and effects in your text portrait.

ad

Share

linkedin icon
twitter icon
facebook icon
email icon
ad