• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

How to fill text with an image

Adobe Employee ,
Mar 09, 2020 Mar 09, 2020

Copy link to clipboard

Copied

PS Quick Tips iPad HEADER.jpg

 

Use a clipping layer to create photo text with Ps on iPad


Are you at home with some extra time on your hands? Now is a great time to dig up your beautiful travel photos and get creative! Grab your iPad and a few photos and give this a try!

IMG_1019.JPG

 

We've added several text features to Photoshop on the iPad in recent releases. You can create both point text and paragraph text. Point text is where you just tap and type, such as when you create a Title. Paragraph text is where you drag a bounding box and then type in it. You can, of course, select a color for your text and you can modify the character formatting options such as auto leading, all caps, small caps, superscript, subscript, underline, and strikethrough.  You can also align and justify the text. If you want to get even more creative, you can use a clipping layer to allow images to show through selected text. This tutorial shows you how to create and edit your title, and then use a clipping layer to allow an image to show through it.

 

❶ Create a title in a large chunky font

  • First, create a new file by opening Photoshop on the iPad and tapping Create new in the bottom left corner

    1.PNG

     

  • Tap on the 'T' on the toolbar to select the type tool

    2.PNG



  • Tap anywhere on the canvas to enter Type mode
  • Some sample text will appear

    3.PNG



  • Adjust the size of the text to make it large enough for a title
  • Choose a font and a font size
  • Type in your title

    4.PNG



  • You can use the '+' icon in the white circle above your text to move your type layer around the canvas
  • When you are done with the settings, Tap Done in the top right corner

    5.PNG



  • I used a large font and increased the vertical scale to make my letters even taller

    6.PNG



  • Tap the layer properties icon if you want to review or edit your text layer later

    5 with arrow.png

 

  • You can modify the character formatting options such as auto leading, all caps, small caps, superscript, subscript, underline, and strikethrough.  

    Rocket-Text-settings-gif (1).gif


❷ 
Create dimension behind your title

  •  Tap on the 3 dots (...) at the bottom of the taskbar to the right
  •  Choose duplicate layer from the list

     7 duplicate layer with arrow.png



  • Now you have a second layer of text behind the first one
  • Tap on the lower text layer in the layers panel to select it

    8.PNG



  • Tap on the triangle on the top of the toolbar to select the move tool
  • Touch and drag the text down and to the right just enough to make the text look like it has a dark shadow

    9.PNG

     

❸ Add a photo and let it show through the title text

  • Tap on the photo icon on the toolbar

    IMG_0848.PNG



  • Select the location of your photo and choose the photo you want to use

    IMG_0849.PNG



  • Touch and drag the photo so that the part you want showing is behind the text

    12 move image.PNG



  • Size the photo by touching it and spreading your finger and thumb to make it larger if desired
  • Tap done in the top right corner

    13.PNG



  • If the image is not the top layer, long-press on the layer icon for the photo and move it above all the other layers
  • Tap on the clipping layer icon (a box with an arrow next to it) from the taskbar bar on the right

    14 clip icon with arrow.png



  • You have just clipped the photo based on the text layer below it so the image now shows through the text

    IMG_0853.PNG

     

❹ Add a background photo

  • Tap on the photo icon on the toolbar
  • Select the location of your photo and choose the photo you want to use
  • Touch and move the photo to the location you want it
  • Size the photo by touching it and spreading your finger and thumb to make it larger if desired

    16.PNG

                                                  Photos by Pattie Foxhoven



  • When you are satisfied with the size and location of the photo, tap done in the top right corner
  • Long-press on the layer icon for the photo and move it below all the other type and photo layers 

    18.PNG



  • If you have a solid background layer at the bottom, make sure the background photo is above it
  • Tap on the layer properties icon on the right toolbar to expose the layer options 

    18 with layer properties arrow.png



  • Lower the opacity slider so the background photo is more faded and less distracting

    19.PNG



  • Tap on the layer properties icon on the right toolbar to hide it again

    20.PNG

Crop

  • If you decide you want your canvas a different size, you can crop it.
  • Tap on the crop tool on the toolbar

    crop sedona.jpg



  • Touch and drag the sides or corners in to adjust the canvas size

    IMG_1017.PNG



  • Tap done in the top right corner

    IMG_1018.PNG

 

 

  • And, there you have it! You can use this method for many types of projects
  • Here is the final picture

    IMG_1019.JPG

  • Here is another example

    IMG_1011.JPG

 

 

 

Related links:

Helpx: Work with type layers in Photoshop on the iPad

Get to know the workspace

Make selections and add masks

Work with Type layers

Apply transform operations

 

TOPICS
iPadOS

Views

20.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation
Adobe