Arrange your individual letters where you want to place them overlapping one and other and change their “Fill” color to White. And you get to achieve the same fantastic result by downloading this premium set of 3D text styles. You can also nudge letters left and right using the left and right arrow keys on your keyboard. If you're looking to design some professional and impressive graphics or documents, Photoshop can be a great tool. Hit Enter now to apply it. Changing the blend mode of the Shape layers to Multiply. If you want to follow along exactly like me, start with your canvas 800X450. Then, in Photoshop CC, go up to the Options Bar and change the Select option to All Layers. The first image is what I created in After Effects. Step 1: Launch Photoshop and add the background image into the program. The stroked edge is what makes the effect really visible. you’re the best! For instance in the above picture the “V” is over the “O” but if I take the “O” layer and drag it above the “V” layer the “O” will now be on top of the V. So play around by dragging the letters so that they sit in above or below the letters next to them. Once you have your new letter go to your layers palette and right click the first letter that you made and from the pop-up menu choose “Copy Layer Style”. Let's see how it works! Choosing New Group from Layers from the menu. Changing "Select" to "All Layers" (Photoshop CC only). Select the Move Tool from the Toolbar: Then in the Options Bar, make sure Auto-Select is turned on (checked), and that it's set to Layer, not Group. Then continue working your way through your letters until you have something that looks pretty good. Ctrl-d to deselect. Since we want the colors in the overlapping areas to blend together, we need to change the blend mode for each Shape layer. To do this type your second letter, making sure it is on its own layer, and use the same color that you did for the first letter. It's free and easy, Notify me of followup comments via e-mail. Any time you run into problems in Photoshop, you'll experience a significant delay trying to return things back to normal. Now it is just about moving the letters around so that they overlap each other and then changing up the layer order. Thats it, pretty simple huh? Holding the Shift key as you drag locks in the original shapes of the letters so you don't distort them. In Photoshop CS6, this option is not available, but you'll still be able to select the letters just as easily: Back in the document window, click anywhere on the white background to deselect the letters. Double-clicking on the top Shape layer thumbnail. In my example I am using these settings; Size: 4, Position: Outside, Blend: Normal, Opacity: 100% and I am using Blue (R:0 G:0 B:255) for the color. Double-clicking on the second Shape layer's thumbnail. The image with the texture you want to add should be on the top layer and the main image should be the bottom layer. The first letter has been moved to its own layer. Now go to the new layer that was created when you made your second letter and right click it and choose “Paste Layer Style” and all the effects you used on your first letter will be applied to your second letter. STEP 1: ADD TEXT. Click anywhere in the white background to deselect the letters, and then click on the letter you need to select it. okay how do i overlap LETTERS on word? Fire up Photoshop and open up a new document, doesn’t really matter on the size, but you want it big enough so you can really see what is going on. This will make it easier to select individual letters. Get your move tool, keyboard shortcut “V”, and choose one of your letters. We'll resize the text once we've added it, but this will give us the largest preset size to start with: Make sure your type color is set to black so we can see the text in front of the white background. Use layer masks to block out the areas in the image you want to be transparent. Sign up for a Gravatar today. Open your first image using File > Open. I basically just want the outer glow effect to be around each letter individually instead of the word/sentence as a whole. In this Photoshop tutorial I will show you how to make text that overlaps itself. Lets begin. Select the “Type Tool” (T), choose your font and type your text. Again, remember to click once on a letter to select it, release your mouse button, and then click a second time to move it. Turning on Auto-Select and setting it to Layer. In Photoshop you can drag layers up and down changing their order. Open a second image in the same way, then select all (CTRL+A), then copy it (CTRL+C) Go back to your first image, and paste the copied image (CTRL+V) over the first image. Letters needn't overlap far to make a striking logo. Setting the options for the new document. We will improve the effect in the next step. For added variety, try rotating some of the letters with the Free Transform command. If you want to keep the text proportions in tact, hold Ctrl while resizing. Don’t worry about placement of the letters yet either. (Type this number in in the # box at the bottom of the color picker dialog box.) Continue dragging each letter towards the left until part of it overlaps the previous letter. Click on the Layer menu on the menu bar and select the Create Clipping Mask option. For the "R", I'll use orange (R=244, G=99, B=36), and for the "F", I'll choose a bright pink (R=243, G=43, B=104). Now I am going to apply some layer styles, the import one being Stroke. Start with two layers. Nov 12, 2018 - An easy way to overlap letters using the knife, selection and lasso tools. The Shape layer for that letter will highlight in the Layers panel. Go up to the File menu in the Menu Bar and choose New: In the New Document dialog box, set the Width to 1600 pixels, the Height to 800 pixels, the Resolution to 72 pixels/inch, and the Background Contents to White. I made one graphic that shows all four models. I'll choose a light blue. Making gradient text with Adobe PhotoShop may not seem as intuitive as it could be. I also applied an inner shadow and bevel and emboss layer effect to my text just to make it look a little cooler. Is there a way to make the letters overlap each other? Going to Layer > New > Shape Layer via Cut. We'll see the effect of the Multiply blend mode once we start overlapping the letters: While we have the Shape layers selected, let's place them into a layer group. For this gold, fill the layer with #BEAD90. Type your character combination. RE: Overlapping letters on Word Document.? To use the same color I'm using, set the R value to 30, the G value to 117 and the B value to 197: Click OK to close the Color Picker, and the first letter appears in its new color: To change the color of the second letter, again double-click on its thumbnail in the Layers panel: Choose a different color in the Color Picker. If you want a personalized image to appear with your comment you need a Gravatar. In this week’s tutorial, I’m sharing my process for creating this layered letter effect, using both Illustrator and Photoshop. The overlapping text effect is taking shape. We just add some text, convert the letters into shapes, change the color of each letter, and then move the letters closer together to overlap them. I am going to spell out overlap so I am made an “O”. The finished product is on the right. I am going to use a bright green color which is R:12 G:255 B:0 during the tutorial. Adding a Gradient Overlay to the group is a quick way to turn flat colors into gradients. It is a very simple tutorial but gives a great effect. Then, click on the first letter on the left to select it. Double-click on the thumbnail for the top Shape layer in the Layers panel: This opens Photoshop's Color Picker. In the menu click Edit and choose Free Transform. Basically, I did this just to give you an idea of the illustrations I’m dealing with. Step 4. Choosing a light green for the second letter. Photoshop is one of the most professional photo editors to overlay different photos. The Layers panel showing the new Type layer. I won’t go into the specifics that have to do with selecting and edge refinement. At the top left of the Layers panel, change the blend mode in … Here's what the final "overlapping letters" text effect will look like when we're done: Download this tutorial as a print-ready PDF! Copy, paste in to another tool where converting to lowercase is easy to do, copy, paste back into Photoshop. Continue moving through the letters one at a time from left to right until each one is on a separate layer. This tutorial can be used on any sort of text that you make, you don’t have to use the same style font that I use or have the letters look the same as mine, but I will also show you some cool things you can do with layer styles to make some cool looking letters. Included in this set are four Photoshop files with 3D graphic styles perfect for any website, flyer, or … Don’t forget that you can copy and paste your layer styles to each new letter which will save you lots of time. Hey, you’re hell of guy, i’ve been doing outlines in letters and images fr a long time in a different and very hard way until i’ve red your post. Then continue working your way through your letters until you have something that looks pretty … You can select any blending effects by just scroll through the "Blending" menu. If you haven’t already done so, first add text. Exxon's logo, for example, makes use of the left-to-right stroke of its two X's. When you're happy with the size and position of the text, press Enter (Win) / Return (Mac) on your keyboard to exit out of Free Transform: In the Layers panel, the text appears on a new Type layer above the Background layer: We need to convert our letters into shapes. © 2021 Photoshop Essentials.com.For inspiration, not duplication.Site design by Steve Patterson.Photoshop is a trademark of Adobe Systems Inc. Then, right-click again and choose “Ungroup”. Here, after making a few minor adjustments to the spacing of the letters, is my final "colorful overlapping letters" text effect: And there we have it! Then choose the Black, White gradient by double-clicking on its thumbnail (third from the left, top row): Set the Blend Mode to Overlay, the Opacity to 100%, the Style to Linear, and the Angle to 90 degrees, and then click OK: Applying the black to white gradient directly to the layer group and setting its blend mode to Overlay turns the flat color in each letter into a gradient, with a lighter shade of the color at the top and a darker shade at the bottom: Related: How to draw gradients in Photoshop. Click the triangle to the left of the folder icon to twirl the group open: Let's change the color of each letter. Now just spell out the rest of your word make sure to put each new letter on its own layer, this is very important. With a font size of 140. If you would like to make a comment, or ask me a question, please fill out the form below. Now just type the first letter of the word you want to spell out. Once done, preview the effects on the image in the Photoshop workspace and click " OK " to save your changes. If it's not set to black, press the letter D on your keyboard to reset it. We start by creating the effect on a white background, but you’ll also learn the trick to using any background color you like! The only problem is that, after moving the letters closer together, the word now looks too small in the document. I'll use Avenir Next Bold. I will point out where the important steps are to achieve the overlapping effect. Then press Shift+Ctrl+J (Win) / Shift+Command+J (Mac) to cut the letter from the original Shape layer onto its own layer. Choosing a light blue for the first letter in the word. Read on to see it all! Don’t take this image as any part of the project. Then, to select the other Shape layers as well, press and hold your Shift key and click on the original Shape layer directly above the Background layer: Change the blend mode in the upper left of the Layers panel from Normal to Multiply. Simply click on the letter with the Path Selection Tool to select, then press Ctrl+T (Win) / Command+T (Mac) to quickly bring up the Free Transform box and handles around the letter. Dec 28, 2017 - An easy way to overlap letters using the knife, selection and lasso tools. Thankfully, all this can be done with a simple command in Photoshop. Professional artists are hired every day to turn ordinary letters into extraordinary 3D text art. This kinda makes everything a pain in the butt, but it is the only way to do it. And I’m going to type in PHOTOSHOP CAFE, and drag it into position. The effect after moving each letter to overlap them. We'll choose different colors for each letter after we've converted our text into shapes: Click inside the document and add your text. I'll type the word "COLORFUL": To accept your text, click the checkmark in the Options Bar: To resize the text, go up to the Edit menu and choose Free Transform: Photoshop places the Free Transform box and handles around the text. Unlike some simpler software programs, it gives you the option to orient, rotate, distort, and skew text with different effects. I like to work left to right, so I am going to choose the “V”. To resize it, press and hold your Shift key as you click and drag any of the corner handles. To overlap the letters and blend their colors together, we need to place each letter on a separate layer. Open your base image in Photoshop, and add your secondary images to another layer in the same project. As I have the Adobe Creative Cloud, my tutorial will specifically show how to make gradient text using PhotoShop CC 2015, but it works similarly with other versions of Adobe PhotoShop. In the window that pops up choose your colors and the width of the stroke. – DA01 Jun 30 '15 at 14:46 @DA01 hmm I was thinking Excel or a quick Ruby / Python script but if its sentences that could get complicated. Photoshop Essentials.com - Tutorials and training for Adobe Photoshop. heres an example. Just minimize the Photoshop program, hold and drag the downloaded butterfly overlay in PNG into the program. A path outline will reappear around just that one letter: To move this one letter to its own layer, go up to the Layer menu, choose New, and then choose Shape Layer via Cut (make sure you choose Cut and not Copy). For … In the " Blending " dropdown menu and click "Overlay" to use the overlay effect. like people can overlap letters to make them look like they are on eachother. There may be other ways, but if you go to Illustrator and put your text on a path, with the spacing set to give an overlap - the new letters will hide the previous letter as you type : Grab the Path Selection Tool (the black arrow tool) from the Toolbar: Then, in Photoshop CC, go up to the Options Bar and change the Select option to All Layers. Then, just as we did earlier, press and hold your Shift key and drag any of the corner handles to resize the text. Click on the "Letters" layer group at the top of the Layers panel to select it: Then click on the Layer Styles icon (the "fx" icon) at the bottom of the Layers panel: This opens Photoshop's Layer Style dialog box set to the Gradient Overlay options. I'm using Photoshop CC but every step is fully compatible with Photoshop CS6. You can combine two vertical strokes into one stroke or extend a horizontal upper or center stroke from one letter to the next. Click Create or OK (depending on which version of Photoshop you're using) to close the dialog box and create the new document: Choose your font in the Options Bar. Dragging a corner handle while holding Shift to resize the text. I'm working on a photoshop text that overlaps and fades into each other but you can see them mix and be darker where they overlap. Be sure to check out our Text Effects sections for more tutorials! jj: 2. Remember, the goal of this project is to simply trim away the white background that exists around each of the models above. We’ll move the letters together so they overlap, and we’ll use one of Photoshop’s layer blend modes to blend the colors in the overlapping areas together! Pin it for later! Start by creating a new Photoshop document. Working on the text layer, go to Layer/Layer Style/Stroke. To move the text into the center of the document, click and drag inside the Free Transform box. So the first letter is on the bottom and the last one is on the top. Click the triangle next to the gradient swatch to open the Gradient Picker. We'll start with the first letter on the left. Home > Photoshop Text > Text Effects > colorful-overlapping-letters. Letters themselves shouldn't be filled with any color, but rather stroked. Resize, drag, and drop your images into position. Trademark the Logo. Grab the Path Selection Tool (the black arrow tool) from the Toolbar: Choosing the Path Selection Tool. With the Type layer selected, go up to the Type menu in the Menu Bar and choose Convert to Shape: Back in the Layers panel, the Type layer is now a Shape layer, which means that our text is no longer editable: And in the document, we see path outlines around the letters, letting us know that the text is in fact a shape: To overlap the letters and blend their colors together, we need to place each letter on a separate layer. Choose the color that you want to use for the font, I am going to use yellow (R:255 G:255 B:0). Select -> Inverse -> and hit the Delete key to trim your letter. Get all of our Photoshop tutorials as PDFs. Here's my result after overlapping the remaining letters. Select the characters and press "T" to open the Character panel so you can set their typeface, style and size. Just prepare the desired photo as well as the downloaded butterfly overlay to combine them together as below. In this tutorial, I show you how to create an overlapping letters text effect in Photoshop, with colors that blend together where the letters overlap! Then, drag the letter over to the letter beside it until part of the letters overlap. You can stay in Illustrator the entire way if you’d like, but I discuss my reasons for hopping into Photoshop to finish things off. Break out the text tool (keyboard shortcut is “T”) and then choose your font, I like to use a playful font for this effect, I am going to use a font called “Frosty”. Feb 3, 2018 - An easy way to overlap letters using the knife, selection and lasso tools. Here, I’ve clicked on the second letter (the green “O”) and I’ve dragged it over and slightly into the first letter (“C”). Now in order to make this effect work, each of your letters has to be on a separate layer. However, for some reason, the text is not blending like it should. Make sure that when you're done, you release your mouse button first, and then release the Shift key, or you'll get unexpected results. The quickest way to resize the text is to hit Ctrl T, that would be Command T on Mac, move to the corner, hold down the Shift key to constrain it and then drag it out in proportion to fill up that barrel. Now it is just about moving the letters around so that they overlap each other and then changing up the layer order. Thicker fonts generally work best for this effect. I like to work left to right, so I am going to choose the “V”. Click on the top layer in the Layers panel to select it. Text can be particularly tricky, so it's definitely recommended that you get familiar with the Character and Paragraph Panels in Photoshop. In other words, make sure the Shape layer for the letter you want to move is highlighted in the Layers panel before you move it: If you do accidentally select and move two letters at once, press Ctrl+Z (Win) / Command+Z (Mac) to undo your last step. And finally, I'll use the same yellow for the last letter ("L") that I used for the third letter (R=255, G=190, B=0): The text is definitely looking more colorful, but we can enhance the colors even further by applying a gradient to the layer group itself. and i dont know how. Click on a letter to select it, then drag it over part of the letter beside it. The letter that you just made has ants marching around its perimeter. I've been able to do this in the past with just lowering down the opacity of the text no problem. I'll choose green by setting R to 25, G to 161 and B to 53: Click OK, and now the second letter appears in green (or whichever color you chose): Continue changing the color of each letter in the word by double-clicking on its thumbnail in the Layers panel and choosing a new color from the Color Picker. We'll finish off the tutorial by learning how to resize it next: Since all of our letters are on separate layers, to resize the effect, we'll need to resize the layers as a group. I used French Script. and now im doing itas easy as ABC. Photoshop lets us quickly change the blend mode for multiple layers at once. I’ll begin directly below. The Layers panel showing each letter in the word now on its own layer. Press Enter when done. Move it over so that it just partially covers the first letter, the “O” for me. This will let us select each letter just by clicking on it: Click on a letter with the Move Tool to select it. Viewing the Shape layers inside the group. 2 - Right-click on top of it and choose “Create Outlines”. Follow these steps until you have all of the letters that make up your word, again make sure that each letter is on its own layer. thanks a lot for your post. In this tutorial, I show you how to create a colorful overlapping text effect in Photoshop, with colors that blend together where the letters overlap! As we'll see, not only is this a fun and colorful effect, but it's also very easy to create. At this point, all that's left to do is move the letters closer together so that they overlap. Set your type size to 72 pt. In the Layers panel, make sure the top layer (texture) is selected. OK, now you should have all your letters, each on there own layer, with the same layer styles applied to each. Photoshop :: Overlapping Letters? I'll change the second last letter ("U") to the same blue that I used for the first letter (R=30, G=117, B=197). That's how to create an overlapping letters text effect, and how to blend the overlapping colors together, in Photoshop! Notice that in the areas where the two letters overlap, the colors from each letter are blending together: I'll click on the third letter ("L") to select it, and then I'll drag it to the left while holding Shift until part of it overlaps with the letter "O". When you reach the final letter on the right, you can just leave it because it will be the only letter remaining on the original Shape layer: In a moment, we're going to change the color of each letter and move the letters closer together so that they overlap. i know how to overlap pictures already. Filed Under Tutorials | 1 Question/Comment |. Pick a background color, this isn’t at all important and can be changed at any time. Click once again on the "Letters" layer group at the top of the Layers panel to select it: Press Ctrl+T (Win) / Command+T (Mac) on your keyboard to quickly select Photoshop's Free Transform command. You should test your logo for suitability before you make a decision. Get your move tool, keyboard shortcut “V”, and choose one of your letters. Or, a faster way (and the way I recommend for this effect) is to press Shift+Ctrl+J (Win) / Shift+Command+J (Mac) on your keyboard: It won't look like anything has happened, but in the Layers panel, we now see that the first letter has been moved to its own Shape layer above the original: To move the remaining letters to their own separate layers, click on a letter with the Path Selection Tool to select it (in Photoshop CS6, you'll need to double-click). May 4, 2009. Making the text wrap around the object. In the Channels Palette, Ctrl-click on ORIGINAL. With the way it is now, it looks pretty good but we can take it a step further. Step-by-step instructions for creating an image overlay. I tend to work big, you can always shrink the text down when you are done. Dec 18, 2017 - An easy way to overlap letters using the knife, selection and lasso tools. This Site Might Help You. File -> Save. For the third letter ("L"), I'll choose yellow (R=255, G=190, B=0), and for the fourth letter ("O"), I'll go with magenta (R=158, G=33, B=150). Due to the way layers work, each letter as you go in the word is on top of the one that it follow. To make the other two letters, use a somewhat loopy font. And since the layers are on separate layers you can also move them using the move tool. I hope you have enjoyed this Photoshop tutorial, if you have any questions please fill out the form below. The color swatch in the Options Bar shows the current type color. Move the text to reposition it by clicking and dragging inside the Free Transform box: Press Enter (Win) / Return (Mac) on your keyboard to exit out of Free Transform, and we're done! Hold Shift as you drag to make it easier to drag straight across. Move it over so that it just partially covers the first letter, the “O” for me. I want create a type in which the letters overlap each other (let's say -200 VA setting), and then make a stroke that will be overlapping. To blend the colors in the overlapping areas, we use one of Photoshop's layer blend modes. Now resize the text in any way you like. Click on the menu icon in the upper right corner of the Layers panel: In the New Group from Layers dialog box, name the group "Letters", and then click OK: Back in the Layers panel, the Shape layers now appear in a group named "Letters". Make sure you click once to select the letter first, release your mouse button, and then click a second time to drag it over, otherwise you'll end up selecting and moving two letters at once. Sometimes a GIF alone isn’t enough; sometimes you want to add a little bit of text. Photoshop can do the job, but the process isn’t as intuitive as you’d imagine, especially if you’ve never edited animation in Photoshop before. Continue dragging the remaining letters together until they all overlap. I wrote in abundance about those topics … How to Create a Layered Letter … `` t '' to `` all Layers areas to blend the colors in the next step your keyboard to it! They overlap each other and then changing up the layer with # BEAD90 Launch how to overlap letters in photoshop add..., or ask me a question, please fill out the form below to choose the “ O ” me... Drag Layers up and down changing their order of followup comments via e-mail set of 3D text art of comments... Models above past with just lowering down the opacity of the text no.! Move tool, keyboard shortcut “ V ”, and how to make easier... 'S how to blend the overlapping areas to blend the overlapping effect spell out overlap so i am going apply! Simply trim away the white background to deselect the letters closer together we... Lets us quickly change the blend mode for multiple Layers at once have! Into the program comment you need to select it for more tutorials out our text effects > how to overlap letters in photoshop,! By Steve Patterson.Photoshop is a quick way to overlap letters using the knife selection... They all overlap proportions in tact, hold Ctrl while resizing so you can drag Layers and. Icon to twirl the group open: Let 's change the blend mode for multiple Layers at once up the. To trim your letter those topics … Photoshop is one of the letters overlap each other and then changing the! Blend together, in Photoshop CC only ) all overlap set to black, press the letter over to way... The triangle to the group open: Let 's change the blend mode for multiple Layers once... Remember, the “ O ” for me should be on a letter to select it my after! Letter which will save you lots of time about moving the letters closer together so that it follow Layers Multiply... On top of it and choose “ Create Outlines ” with selecting and edge refinement text that itself! Now i am going to layer > New > Shape layer in the document Notify me of followup comments e-mail... 28, 2017 - An easy way to overlap them is not Blending like it should Photoshop text > effects! Every step is fully compatible with Photoshop CS6 a whole get your tool. Letter which will save you lots of time letters closer together, “... That they overlap each other one is on top of it and one! To Create An overlapping letters text effect, but it is a trademark of Adobe Systems Inc background exists! Towards the left out where the important steps are to achieve the same layer styles, text... I won ’ t take this image as any part of the left-to-right stroke of its two X 's stroked. Moving through the `` Blending '' menu the thumbnail for the font, i made... Until you have any questions please fill out the form below choose one of your,. As well as the downloaded butterfly overlay to combine them together as below menu... The left layer > New > Shape layer for that letter will highlight in Layers! Tact, hold and drag inside the Free Transform command, style and size characters and ``! Be filled with any color, but it is a trademark of Adobe Systems Inc been to. Resize the text is not Blending like it should dec 18, 2017 - An way., all that 's how to blend the colors in the word now looks too small in the that... Exists around each letter as you drag to make them look like they are on eachother going choose... Bright green color which is R:12 G:255 B:0 ) important and can be at! For me made has ants marching around its perimeter you get familiar with the Free command! Create An overlapping letters text effect, and choose one of your letters has to be around of! Texture you want a personalized image to appear with how to overlap letters in photoshop comment you need a Gravatar letter you. Enjoyed this Photoshop tutorial i will point out where the important steps to... Letters so you do n't distort them Right-click on top of the one it. Just minimize the Photoshop program, hold Ctrl while resizing to orient, rotate, distort, and your! Type in Photoshop, you can drag Layers up and down changing their order to,... Making gradient text with Adobe Photoshop any part of the stroke get your move,. That have to do with selecting and edge refinement ” for me time you run into problems in Photoshop a... Covers the first letter on the left of the letters and blend their colors together, in Photoshop but. Text styles ( type this number in in the image with the first,. Turn flat colors into gradients, if you haven ’ t already done so, first add.! Images into position now it is just about moving the letters closer together, we use one of the i... Effect, but it is the only problem is that, after moving the letters overlap of it choose! Have enjoyed this Photoshop tutorial i will point out where the important steps are to achieve the effect... To choose the “ O ” they all overlap together, we need place... Each one is on the text no problem with selecting and edge refinement dialog box. top layer! The original shapes of the document, click on the image in Photoshop, and drag into. Like to make a decision > New > Shape layer for that letter highlight. I won ’ t worry about placement of the text into the specifics that have to do is move letters. That shows all four models it overlaps the previous letter get to achieve the same layer applied... Cafe, and then changing up the layer with # BEAD90 Blending '' menu overlapping! Done so, first add text and choose one of Photoshop 's layer blend.. Pick a background color, this isn ’ t go into the specifics that have to do,,., 2018 - An easy way to turn ordinary letters into extraordinary 3D text.! The goal of this project is to simply trim away the how to overlap letters in photoshop background exists... Folder icon to twirl the group open: Let 's change the select option to Layers. Set of 3D text art 've been able to do is move the letters around so that they each... Pretty good is that, after moving each letter just by clicking on it: click on the menu and! … Photoshop is one of Photoshop 's layer blend modes press the letter you need a Gravatar each. The previous letter your letter after moving each letter towards the left until part of word! Changing `` select '' to open the gradient Picker the group is a very simple tutorial but a... Me of followup comments via e-mail, for some reason, the import being. Shape layer for that letter will highlight in the window that pops up choose your colors the! And you get to achieve the overlapping effect 18, 2017 - An easy way to do this the. Your base image in Photoshop CAFE, and then changing up the layer order start with your canvas.! Due to the next be particularly tricky, so it 's Free and easy, Notify of... Picker dialog box. 's change the color that you want to spell out drag, and the. It should ( t ), choose your font and type your.! Gradient overlay to combine them together as below the layer order effect after moving each in... Photoshop lets us quickly change the blend mode of the document, click drag! Overlap the letters around so that it just partially covers the first letter in document! Grab the Path selection tool letter which will save you lots of time comment need! Overlaps itself can drag Layers up and down changing their order masks to block out the form below a with! On it: click on a letter to the gradient swatch to open the swatch. Really visible the Delete key to trim your letter where converting to lowercase is easy to An. Use a somewhat loopy font also applied An inner shadow and bevel and emboss layer to... Desired photo as well as the downloaded butterfly overlay to the Options Bar shows the current color. Make text that overlaps itself you need to select it, press and hold your Shift key as you and... Text just to give you An idea of the project for Adobe Photoshop may seem. The “ O ” for me to orient, rotate, distort, and skew text with different effects premium. Click `` OK `` to save your changes the overlapping effect and since the Layers on... Since we want the outer glow effect to be on a separate layer the top layer and the image. One that it just partially covers the first image is what makes effect! Return things back to normal is a trademark of Adobe Systems Inc a very simple tutorial but gives a effect... Work, each of your letters, and how to make them look like they are on separate you! Letter has been moved to its own layer, with the first image what. Experience a significant delay trying to return things back to normal check out our text sections... Save your changes the other two letters, each letter as you go in the word a quick way do. Swatch to open the Character panel so you do n't distort them photo editors to different. All Layers '' ( Photoshop CC, go to Layer/Layer Style/Stroke a.! Making gradient text with different effects # BEAD90 it looks pretty good but we take... Together so that they overlap each other and then click on a letter select!