How to Create a Cut Out Paper Text Effect in Photopea

[Music] in this video i'm going to show you how to create a cutout text effect in photo p okay so let's get started i'm going to click new project and i'm going to choose a full hd sized document which is 1920 by 1080 pixels and i'm going to click create but you can start with whatever size document you like it's just some of the settings i've already memorized i know that work with this resolution so first step is to make our paper and to do this we'll click on the adjustment layer icon at the bottom of the layers panel i'm going to go to pattern fill now it defaults to this spiral yellow pattern which is quite nice and there's absolutely no reason why you couldn't use this i'm going to go for more traditional paper texture so i click on the pattern icon here and you'll see this drop down and in my version of photo p anyway it starts off with that yellow pattern and then the one to the side of it is called paper six when i click on that as you can see that's more of a traditional paper texture you might see some black horizontal lines running across this and that's just where whoever made this pattern didn't do a great job of making it tile properly but you won't see that once we've done all of our adjustments two things i don't like about it is how small the texture is and the color so i'll change the scale to 250 percent and that'll increase the size of the texture itself so it's a lot more visible now which is great and as for the color i'm going to neutralize it before i then go on to recolor to what i like and so i'm just going to add a hue saturation adjustment layer i'm just going to drag the saturation to zero or to minus -100 should i say so now we've got a good neutral base with from which we can add our own color onto this and a way i like to do this is again click on our adjustment layers and go on color fill now whatever it starts off with just click ok because all we're doing now is we're temporarily coming out of that window so we can change the blending mode to multiply again as per usual you can always experiment with different blending modes but this is one i like for this so we'll now go back in and here is where we'll choose the color that we actually want for the paper now i've already worked out beforehand that there's one that i quite like like a recipe as it were and it's 20 red 200 green and 180 blue now this is just something that i liked this kind of teal color but feel free to scroll through all these colors and just play around until you find what you like so now we've got the paper texture we've got the paper color all i want now is a little bit of lighting on it so it doesn't look so flat and dull so for this i'll create a curves adjustment layer i'll just drag the curve up you don't have to go too far on this but now it's brightened the whole canvas which is not what we want so i'm going to create a gradient on the layer mask itself so click on the layer mask next to the curves icon and either press g to access your gradient tool or click on the gradient tool icon in the toolbar here and make sure that your foreground and background colors are black and white and if they're not or you want to double check just press d on the keyboard and it will default them back to white and black respectively so now i'm going to start in the top right corner make sure you're on the layer mask with the gradient tool and i'm going to drag in and now as you can see it's added that area of light coming in from the corner and i'm choosing to bring it in from the top right corner because the lighting effects that i'm going to put on shortly onto the text will all be based around a similar angle of lighting so it should all go nicely together but you can do it from the top from the side however you like a little tip here if you do any kind of gradient map sorry gradient tool on a layer mask and it's giving you the opposite of what you want like this so instead of the corner lightening up it's actually darkening from the corner all you do is click on the layer mask and press command or control i depending on if you're a mac or pc and it will invert the layer mask and then it should give you what you need so now i'm going to click on that top layer hold shift and click on the bottom layer so it highlights them all and just drag them into the group icon down here and i'm just going to call this bg for background so that's our initial paper texture sorted now we want to create the text that we're actually going to cut out from this paper so i'm just going to press t for the type tool or again choose it from the icon at the side but it's always good to learn the shortcuts i'm just going to click down anywhere in the middle of this canvas i'm just going to type cut out of course you can type whatever you want here let's just scale it up so we can see what we're doing and go to the character icon here and if you don't have this by the way just go to the window menu and choose it from here character and it will put that cha section here on the on the bar i'm going to change this to a type that i quite like for this job which is berkshire swatch swash sorry and i just think this works quite well for this kind of effect so i'm going to enlarge it and just roughly center it well center it exactly and i'm not worried about the color here because we're going to change that within the layer styles and i'll explain why in a minute so now we've got our text here we're going to do all the rest of the effects within the blending mode layer styles sorry within the blending option layer styles and the easiest way to access that is just double click next to the word cut out on the layer in this empty space double click and it will bring up this layer style window and we're going to do everything else in here so step number one is to take the fill slider here and take it all the way to zero now it is making the type temporarily disappear but that's only making the original font color disappear all the effects we add will still be apparent and we want to bring a color back into it but we wanted to be able to see the paper texture through it and this is why we're going to recolor it this way so the first thing is click on color overlay and as a default it will give you this bright red or whatever you last used we'll change the blending mode to color and now if you click on the color swatch at the side you'll see you can change that to whatever you like and if you also notice it's keeping the paper texture through it but again i've got a value here that i've experimented with and i quite like so i'm just going to type this in which is 240 red 90 green and 130 blue we'll click okay so that's our base color sorted and what we're going to move on to next is inner shadow and it's the inner shadow that will give the main effect that these letters are cut out from a piece of paper so this kind of pinky magentary colour will almost be like a different colour piece of paper sitting behind our original so we'll just check the box next to inner shadow and at first it won't be it won't look very good but i've been experimenting with this so i'm going to type in the values that i've been playing with so the blend mode i do want to keep it on multiply but i'll click on the black next to it and what we'll do instead of black because black shadows don't really happen much in real life there's not no such thing really as a completely neutral shadow so the best thing is if you just click on the color of the actual text here anywhere and then it will have selected that color and then if you just drag it down to a darker shade of the same color and click ok now our shadows are going to have a hint of that kind of pink in them which will look a lot more realistic so for this i've already experimented previously so i'm going to type in my own values which is opacity 30 distance 10 size 25 and what i'm going to just do here is change the angle to 45 degrees and if you see this use global angle here when that's checked that just means that everything else you create with that checkbox marked it will automatically be at 45 degrees so it keeps everything nice and uniform so now we want to create another inner shadow but there's only one option here so we can click on this plus at the end oh i didn't actually mean to do um didn't mean to do three but you can do quite a few so we've now got two of the same so i'm going to go to the second one i'm going to add some slightly different values here i'm going to change the blending mode to normal and not multiply because i don't want this to be intensified on top of itself too much i'm going to put the opacity at 45 the distance at 40. i'm going to leave the size at 25. now the only reason i'm doing two inner shadows here is to just get a little bit more of a realistic shadow sometimes if you just use a single shadow it it almost looks too simple and it just looks a little bit fake but by putting two at slightly different distances and settings it will just make a little bit more of a complicated shadow which just looks a little bit nicer to the eye now when we've got it to this point we can now play with the opacity a bit more of both of the shadow layers and try and strengthen where we feel i don't want to go too i don't want to go too crazy but if i turn off the second one you'll see what it's doing so the first one is our kind of our main shadow and this is giving it a bit of a cut out look already and then the second one is it's almost like a secondary shadow that's maybe a little bit further out and it just it just helps to make it look more interesting so we'll leave it at that for the moment now what i want to do is i want to use drop shadow to give this paper a little bit of a 3d look so let me explain if i just click on drop shadow at the bottom and we'll use the global angle for this one but we will change it in the next so what i'm doing here is i want to add an effect of a slight highlight coming from the top right and a slight shadow coming from the bottom left to just make the paper look like it's raised a little bit around where it's cut out and so for this then we'll do the shadow which the angle is correct 45 degrees because the light's coming from the top right so the shadow would be more to the bottom left but what i'm going to do here is multiply and black is fine for this you can just keep it on black because it's going to be so subtle opacity i'm going to drop right down to something like 30. distance i'm also going to put down to something like 10 and size i'm going to increase to something like 25 now that's really subtle on here and if i turn that on and off it's we can maybe even go a little bit more so and on its own it doesn't really look like it's doing much but if we add another drop shadow layer by clicking on this plus what we're now going to do is create a highlight coming from the top right so to do this this is the only one we need to uncheck use global angle on because we need to make an angle of an opposite figure so this would actually be minus 145 okay the blend mode for this is going to be screen because we're actually going to be lightening things and we'll just make it white so opacity put this one a little bit higher distance 10 that's fine we want to keep that about the same and 25 is the size so now if i turn that on and off you can see we've got highlight outside the text coming from the top right and then we've got a bit of a shadow around the text coming from the bottom left and these two together just give an impression that the paper is just almost like rising up slightly around the text so again it's almost like gives it an extra 3d element so we've got the 3d element outside of the text and the drop shadow sorry the inner shadows which is representing the cut out sort of paper underneath now there's one more thing we can do here to just give it a little bit more of a finish if we go to bevel and emboss i know this might seem quite complicated by the way but once you've set it up and you've played with your settings you can just go back in and reuse this and type in whatever text you like so you only ever have to make this once so in bevel emboss i'm going to change it to outer bevel depth 125 size is going to be two it's going to be very small we'll use the global angle for this i will change it to right down here at the bottom you've got these two sliders the bottom one we're not going to use so take that opacity to zero so for here mode screen is fine white is fine and a 75 percent opacity is fine so if i turn this on and off if you look closely at the lettering it's just put a tiny little highlight just on the very edge of where again because if you look at the image and we put that curve bringing some light in from the top right that's just almost giving it the impression it's just hitting a little bit of a highlight on the very edge of the paper and it actually gives it you know a little bit more of a 3d effect so if i just press ok on that and we'll see where we are let me zoom back out so now as you can see we've got quite a nice effect going on there and the beauty about this is because it's all it's all layer styles within a text so you can now change this to whatever you like and you can real time edit this photo p and it will update with all those effects and settings no matter what you change it to and you can change the font itself so let's go in here and just choose something just choose something completely different so we'll go to that and as you can see it's retained all the effects and you can do whatever you like to this you can go back in change the color you can even turn the color overlay off and it just looks like it's cut out onto the same paper behind it but it generally stands out more if you if you edit the color overlay you can make it darker lighter whatever you like go to all different colors you

Channel: Photopea Pro

Views: 14,555

Keywords: How to Create a Cut Out Paper Text Effect in Photopea, cut out paper effect, 3d text effect photopea, photopea tutorial, photopea graphic design, photopea logo design, photopea, 3d paper effect photopea

Id: XIAA2DrSAH4

Length: 15min 58sec (958 seconds)

Published: Mon May 10 2021