How to Place Multiple Images in Text with Photoshop

well hi everyone steve patterson here again from photoshop essentials in this video i show you how to place multiple images into your text with photoshop in a previous video which i've linked to in the description i showed you how to place a single image into an entire word but this time i'll take things further and show you how to split a word into its individual letters and place a different image in each letter i'm using photoshop 2021 for more videos like this be sure to subscribe and let's get started i'll start from the beginning by creating a new document and adding the text but if you've already done that you can use the chapter times in the description to jump ahead if you're on the home screen like i am here create a new document by clicking the create new button or if you're in photoshop's main interface which you can get to by clicking the ps logo create a new document by going up to the file menu and choosing new in the new document dialog box enter your settings i'll set the width to 3000 pixels and the height to 1800 the resolution is 300 pixels per inch the color mode is rgb background contents is sent to white and the color profile is srgb then create the new document by clicking the create button to add the text select the type tool from the toolbar and then in the options bar choose your font since we'll be placing images into the text larger fonts will work best i'm using hwt arts which i installed from adobe fonts set the type size to 72 points so we're starting with the largest preset size and to make it easier to center the text in the document set the justification to center set the type color to black by clicking the color swatch and setting the r g and b values in the color picker to zero of course once we've placed images into the text the color won't matter click in the center of the document and add your text i'll type the word fun click the check mark in the options bar to accept it to resize the text go up to the edit menu and choose free transform and then resize the text by dragging the handles if you press and hold the alt key on a windows pc or the option key on a mac while dragging a handle you'll resize the text from its center then click and drag inside the transform box to move the text into position click the check mark in the options bar to accept it in my case the letters are a bit too close together to fix that i'll go to the properties panel down to the character options and i'll click inside the box for the tracking value then on my keyboard i'll press the up arrow key once to increase the value from 0 to 20 and that moves the letters a bit farther apart i'll press the enter key or the return key on a mac to accept it at this point we're ready to place our images into the text and in the layers panel we see the text on a type layer if we were placing a single image into the entire word we could leave the text as standard type but we want to place a different image in each letter so we need a way to split the word into its individual letters to do that we'll convert the type into a shape with the type layer selected go up to the type menu and choose convert to shape you'll know that the letters are now shapes by the path outlines around them and in the layers panel the shape icon in the preview thumbnail tells us that the type layer is now a shape layer we need to place each letter on its own separate layer and to do that we need to make a copy of the shape layer for each letter in the word in my case i have three letters so since i already have the first shape layer i need to make two more copies to make the first copy click on the shape layer and drag it down onto the new layer icon and the first copy appears above the original then click on the copy and drag it down onto the new layer icon and the second copy appears i now have three shape layers one for each letter next delete the letters you don't need on each layer starting with the original shape layer first turn off the layers above it by clicking their visibility icons then click on the original shape layer to select it in the toolbar select the path selection tool then simply click on each letter you don't need and delete it on this layer we only need the first letter so click on the second letter to select it and you'll know that it's selected by the path outline around it then to delete the letter press the backspace key on a windows pc or the delete key on a mac then click on the third letter to select it and press backspace or delete do the same thing with any other letters in the word until only the first letter remains in the layers panel we now see only that first letter in the layer's thumbnail we need to do the same thing with the other shape layers so first turn off the original shape layer by clicking its visibility icon then turn on the shape layer above it and click on the layer to select it on this second layer we only need the second letter in the word so click on the first letter to select it and press backspace or delete to delete it then click on the third letter and press backspace or delete again we see in the layers thumbnail that we've deleted everything except the second letter turn the layer off then turn on the third layer and click on it to select it this time we only need the third letter so a faster way to select the first two letters at once is to simply click and drag over them then with both letters selected press backspace or delete and now we have just the third letter in the word if you have more than three letters you'll need to continue with these steps for each additional letter in my case i have all the layers i need and if i turn all three shape layers back on the entire word reappears so with each letter on its own layer we're ready to add our images we'll start by placing an image into the first letter click on its layer in the layers panel to select it and then turn the other layers off for now by clicking their visibility icons now we want the image to appear on a layer directly above the letter it's being placed into so make sure you have the correct layer selected then to add an image go up to the file menu and choose place embedded navigate to the folder that holds your images select the image you want to place into the letter and click place the image opens in the document and if the image is larger than your document size it's automatically resized to fit notice that photoshop also opens the free transform command so we can resize the image further but we have another step to do first so for now click the check mark in the options bar to accept it also notice in the layers panel that photoshop added the image on its own layer directly above the first letter to place the image into the letter click on the layers panel menu icon and choose create clipping mask the clipping mask hides any part of the image that's not sitting directly above the letter which creates the illusion that the image is actually inside it then to move and resize the image within the letter go up to the edit menu and choose free transform drag your subject into view and drag the handles to resize the image as needed you'll probably need to go back and forth between moving and resizing until it looks right when you're done click the check mark in the options bar to close free transform then just repeat the same steps to place your images into the other letters in the layers panel turn on the second letter and then click on the layer to select it so that photoshop will place the image directly above it go up to the file menu and choose place embedded then select your next image and click place the image opens in the document and again photoshop opens the free transform command which we don't need just yet so click the check mark in the options bar to close it in the layers panel we see that the image was added above the second letter to place it into the letter click the layers panel menu icon and choose create clipping mask then go up to the edit menu choose free transform and then drag your subject into view and drag the handles to resize the image as needed when you're done click the check mark in the options bar i have one more letter to go so i'll turn the third letter on and i'll click on the layer to select it then i'll go up to the file menu and choose place embedded i'll select my third image and i'll click place when the image opens i'll close free transform by clicking the check mark and again we see the image on its own layer above the letter i'll click the layers panel menu icon and i'll choose create clipping mask then i'll go back to the edit menu back to free transform i'll drag the woman into view and i'll drag the handles to resize the image and that looks good i'll accept it by clicking the check mark and now every letter in the word has a different image placed inside it at this point the main effect is done we've placed all of our images into the text but there's a few more things we can do we can change the background color or remove the background completely and make it transparent and we can add layer effects like a stroke or a drop shadow i'll show you how to do each of these things in a moment but first let's take all of the image layers and shape layers that make up the effect and place them into a group to do that click on the top image layer to select it if it's not selected already then press and hold the shift key on your keyboard and click on the shape layer at the bottom the one for the first letter this selects both layers plus every layer in between then to place them into a group click on the layers panel menu icon and choose new group from layers give the group a name i'll name mine text and images then click ok and back in the layers panel all of the layers we selected are now inside the group you can twirl the group open or closed by clicking the arrow next to the folder icon so what if you want to remove the background behind the letters and make it transparent all you need to do is turn off the background layer by clicking its visibility icon and now we have a checkerboard pattern for a background which is how photoshop represents transparency that's not what i want though so i'll turn the background layer back on to change the color of the background click on the background layer to select it then click the new fill or adjustment layer icon and choose a solid color fill layer to choose a new color you could select one from the color picker or you can sample a color from one of the images just move your mouse cursor over an image and click on a color to sample it you can keep clicking on different spots to find the color that works best in my case i want something that won't distract from the images so in the color picker i'll choose a light gray by setting the saturation the s value to zero percent and the brightness the b value to 90 when you're done click ok to close the color picker back in the layers panel the fill layer was added above the background layer you can turn the fill layer on and off by clicking its visibility icon let's finish off by adding a stroke and a drop shadow to the letters but rather than adding them to each letter one at a time we can add them to every letter at once by applying them to the group first click on the group to select it then click the effects icon and choose stroke in the stroke options click the color swatch and choose a color for the stroke from the color picker i'll choose white by setting the r g and b values to 255 then click ok change the position of the stroke to outside so it appears around the outside of the letters and then drag the size slider to set the stroke width i'll set mine to 16 pixels and we see the stroke around the letters finally add a drop shadow by choosing it from the column on the left one way to adjust the shadows angle and distance is to simply click and drag in the document or you can enter specific values in the dialog box i'll set the angle to 120 degrees and the distance to 50 pixels then to soften the shadow edges i'll increase the size to 25 pixels when you're done click ok to close the layer style dialog box and back in the layers panel we see our stroke and drop shadow listed below the group and here's one final tip if you want to make sure that your text is centered in the document first make sure the group is selected and then select the move tool from the toolbar in the options bar click the align and distribute icon the three dots set the align to option to canvas and then click the icons for align horizontal centers and align vertical centers and there we have it that's how to place multiple images into your text with photoshop as always i hope you enjoyed this video and if you found it helpful don't forget to click the like button and subscribe to my channel for more videos visit my website photoshopessentials.com where you'll find hundreds of photoshop tutorials thanks for watching and i'll see you next time i'm steve patterson from photoshop essentials

Channel: Photoshop Essentials

Views: 66,038

Keywords: image in text, images in text, place an image in text, place images in text, image in letter, image in word, fill text with image photoshop, how to place a different image in each letter, place an image in text in photoshop, place images in text photoshop, fill text with images in photoshop, photoshop tutorial, image text, photo in text, place photo in text, place image in letter, photoshop, tutorial, how to, photoshop effect, text effect

Id: LVe99iawCmc

Length: 15min 46sec (946 seconds)

Published: Fri May 14 2021