Step and Repeat Effect in Photoshop | Eternity poster tutorial

Hello, my name is Ricard and in this tutorial, I will show you how to recreate this poster of the eternity of the 820. I recently saw this movie poster and I thought it would be an excellent opportunity to show you how to create a repetition effect in Photoshop. If you want to follow, I include all the elements that I use in a link in the description of this video. So, go ahead, download them and let's dive into Photoshop. Very well, I'm going to go to a new file. And there, I'm going to change that to pixels. And I want a document of 2000 pixels wide by 3120 pixels high. I want it to be 72. And all the rest, I will leave the same and click on create. The next thing I want to do is define a blue background for our sky. So, let's go to the color unit. And there, I'm going to grab the color I want, which is 48 to 8D8. So, it's just a kind of sky blue background color. And we can call this sky layer. The next thing I want to do is configure landmarks. Let's go to display, landmarks, new layout of landmarks. And I want 4 columns without gutter. And for the lines, I want 5 columns without gutter. And then I will also add a margin at the top. 160 none on the left, then 134 at the bottom and none on the right. Let's go and click on OK. The next thing I want to do is add clouds to this scene. So I'm going to add a new layer and we'll call it cloud. And I'm going to do it with brushes. So I'm going to go to my brush tool here. Make sure my foreground color is white. And then if I right click, uh, I see all my brush options. Now, I've already loaded my core cloud brushes. If you don't already have them, I'll include a link where you can buy them. Uh, and if you don't want to buy the complete game, I will include those I use for this tutorial in the free download of resources. But I highly recommend you get this game. It is ideal when you have to add a very photorealistic cloud to your scene. So, for that, uh, I want a background that gives the impression that there is a sun behind. So, I'm going to go ahead and take this one. And then I want to look at that. But if I click, it will add the cloud. So, to get rid of this box, I can hold down the command key. And now, I can see where it's going to be placed. Now, in the final composition, I want my sun to be right there. So, when I add that, I want there to be a cloud spot right where the sun can probably come out. Very well, I'm going to right-click the mouse and then take some different clouds here. And I want to add them here. So, maybe there and maybe there. And then I'm going to right-click again. Take another set of clouds here. Maybe those. I will continue and make this one a little bit smaller. Not quite as small. Something like that. Maybe a few here. And then maybe a few cloud clues that I can use right in this upper corner here. And there you go. I have my pretty background of clouds. I might add another one here, a little bigger. And I'm pretty happy with it. Very well. The next thing we're going to do is import our people or our characters. I'm going to go to File, Open, and in Resources, I included this image PSD generated. This is an image that I generated in the GPT cat. We're going to use it, but since it's generated by the AI, there's one thing we're going to have to fix first. It's the fact that the bank here is kind of disappearing behind them. I also want to separate them from the background and create a nice shadow layer that we can place above our clouds. So we're going to do all this. The first thing to do is to press the Command J key to create a new layer. From there, I want to go to my subject or object selection tool. I want to make sure it's on the rectangle here. Then, I'm just going to click and drag the bench and the three people on it. You can see the selection made by Photoshop. It's already pretty good. I'm going to press Q to be able to see it like a mask. This will allow us to see a little more clearly what we need to correct. So we can zoom in here. You can see that part of his hair is missing. I'm just going to go to my brush tool, right click, go to one of my general brushes here. Then I can adjust the brush dynamically by holding down the option keys and CTRL. Then we can adjust the hardness or the pen of the brush by going up and down. And then on the left and right, the size of the brush. And here with black, I'm just going to paint the parts that the selection missed. And I'm just going to go around the image and do it very quickly. And then I can press X and that will change my two colors here. And then I can paint the parts that shouldn't have been selected. I can switch between the two colors by simply pressing X. And that will allow me to select or select in my mask here. Okay, so that looks good. I'm going to press Q again to get out of the quick mask mode and then add a mask here. And then I'm going to take this background here and I want to select this part of the bench here. I'm just going to go from there to about there. And then with my background layer, I'm going to do the J command to put it on its own layer. And then I'm just going to move that so that it's right there. Then do the T command, hold down the magic key and slide that there. So now we have this bench that appears where it should be. It's obviously the wrong color here. To correct this, I'm just going to use my Airhopper tool with the I key on my keyboard. Make sure it's on 5 by 5. Select the color of the bench here. Add a new layer. Hold down the Option key to attach it to this part, then go to my gradient. I want to make sure I'm on a classic gradient. So I just add pixels, I don't create new layers. And then here, I want to go from the foreground to the transparent and make sure I'm on linear. And then I'm just going to do that so that this color comes back there. And then I can take these three layers here and do the E command. And that will merge them all together in one layer. That is to say my subjects and the bench all together in one layer. Okay. Then I'm going to do the J command one more time and we're going to call it shadow. We can also call this subject. For my shadow layer, I want to take these shadows that are projected on the ground and make them transparent. That is to say, remove the white behind it. To do this, I'm going to first remove all the colors from the layer. I can do this with the black and white image settings. Then I'm going to use the curve command. What I want to do here is pull the bottom of my curve down to make this shadow even stronger. Then pull the top of my curve to the white to remove all the gray in the whites. I'm going to go about there, then click on OK. There is still gray here and I have to get rid of it. To do this, I'm going to go back to my gradient tool. If I press D on my keyboard, my default colors will be black and white. And X will make my color a white foreground. Now, as I'm already on this first transparent plane, I now have a gradient from white to transparent. I'm going to start with this edge, then go to the bank. And then there, I want to start about where they are sitting until about there. And then here, from this edge to the bank. And then, just to be sure, we're also going to do the bottom there. Very good. So now, everything in our back layer goes to white. Now, what I can do is disable our subject layer, go to my channels, hold down the command key and click on the thumbnail, then I can invert this selection. Create a new layer and we'll call it shadow. And then I'm going to fill this selection with black. So if black is my foreground color, I can use the delete option. Oops! Delete option. And now, I have it on its own layer. You can see that I now have a shadow with transparency that I can slide into my other document. So, let's pick it up or pick it up. I'm going to take these two layers together and slide them into this document. I'm going to use the T command to transform and reduce the size to 54%. I want his face to be about where his mouth is, about the center of the landmark. So, right there. Very good. What I want to do now is the kind of reverse transformation effect that you see in the original post. OK, so I'm going to hold down the option key and make a second copy. We can call this a copy. I'm going to use the T command to transform. I want to take my anchor point here. If you don't see this anchor point, activate it by pinging this box here. I'm going to slide it to the intersection point of these two landmarks. And there, I'm going to put 76. This way, it shrinks, but it shrinks towards this anchor point. I'm going to use the magic keys plus option plus T command. You can see what it looks like. It's about making a copy while transforming it as much as the previous one. We're going to keep doing this until it disappears a little. Just like that. Now, you can see that the effect is really weird because these two elements should be superimposed, but that's not the case. So, what I'm going to do is hold down the magic key, go down, copy it, then go to the layer, organize and invert. And now, you can see that the effect is happening pretty well here. Now, the other thing I want to do here is that I want it to have a little more contrast, but I especially want it to be in my first plan copy here. So, I'm going to do command, lower my blacks here, increase the highlights, maybe just make a curve in S so that it looks a little more illustrative, E, to have this kind of display effect. And then for the second copy here, I'm going to do magic command and mister will make this curve go up. And I'm going to make it less strong than the last one. And then maybe increase the white dot a little bit. Very good. Then, I'm going to go to the next copy. Press command option and M once again. Here. I'm going to increase my white dot even more just so that it starts to melt in the background. We're going to do this with our next copy. This one will go even further. And then we'll do this with our next copy. And our next copy. And our next copy until the last one here. Okay. Then, the next thing I want to do is get rid of the shoes on this version. So, if we go to our first copy here, it's the one with the shoes. I'm just going to add a mask to that. Go to my gradient. Make sure my foreground color is black. And then just add a gradient that goes up from there. And then I also want to add a stronger shadow here. So, to do this, I'm going to go to my elliptical selection rectangle. Just hold down the option key and make a kind of circle right there. Then, go here, add a unicolor. As my foreground color is black, it will make my unicolor layer black. Then, I'm going to double-click on the mask to display the properties. Then add a progressive outline here. So, right there. And then I can reduce the opacity a little. Okay. So, I like it for now. The other thing I want to do is just add a white glow right here, a little behind. But also a little in front, so that it goes in this glow. So I'm going to add a new layer and we'll call it glow before. And for that, I'm going to go back to my gradient tool with the G key on my keyboard. I want to keep the classic gradient, but I want to put it in radial. And then I'm going to press X so that the white is my foreground color. And then I'm just going to hold down the magic key from this point. And there, you can see that it spreads. I'm going to hold down the option key and slide this layer so that it's at the bottom right above our shadow layer. Then, I press the command T key and I enlarge it a little to get this kind of general glow in our background. So, I like it. The next thing we have to do is add titles. What we can do now is take all these layers that make up our illustration and press the command G key to group them. And we can call it an illustration. And then we can add a new layer here. And we can call it title. And the first title we're going to do is the non-black ones at the top. Let's zoom in here and start with the middle one. I'm going to use the text tool. I'm going to change my foreground color to black. And then I click right here. I want it to be centered. And let's continue and add the first name. We're going to do Elisabeth Orion. And for the family name, I'm going to put everything in capital letters. I'm going to make it slightly different from the original, just to avoid trouble. I'm going to use the command A to select all this text. And I'm going to use the Google Police, not Google, the Adobe Police called WFinder Confer. So if you don't already have it, you can simply download it from Adobe by clicking here to access your Adobe Police. It's called WFinder CF and Regular. I'm going to put 56 and then display my character palette here. I want it to be 72. And then for Orion only, I want to change it to 90. So, just like that. And then we're going to move this down so that it's centered on this guide and right at the bottom of this upper guide there. And then we can hold down the Option key, slide this towards this guide there. And then we can change that to mark the fact of saying. And then we can hold down the Option key once again, slide this towards this guide here. And we're going to change that to California Turner. Okay, and then for the slogan, we're going to hold down the Option key, slide this here. It's the same police. So, I can just select it and say, you. And this one, we don't want it to be all in capital letters. You can only choose one. I'm going to select everything. Now, when you're in the text tool, the command T doesn't display the transformation. Instead, it displays your character palette, which is what I want here. And for this one, I want it to be 74 pixels. And we're going to do that at minus 22. Just like that. And then we're just going to move it, maybe there. It looks good. And then I'm going to hold down the Option key once again, slide that towards this lower mark, and we're going to type soon. And for soon, I'm going to get rid of this strong follow. And maybe put it at 80. Okay. And then the last one is our great eternal title. So, hold down the Option key again, slide it up. And there, we're going to type eternity. I'm going to press Command A to select everything. I'm going to go to very large. It's going to be 500 pixels. And for that, we're going to keep it at minus 22 again. And for the color, I'm going to use FFCC1. It's a kind of warm yellow color. And I want it to detach a little from the background. So I'm just going to add a shadow here. And we're going to restore the default shadow. I'm going to keep the distance to zero and increase the size until you can't see the shadow anymore, but it's just a little darker behind the character. And I'm going to go up to about 80. Very good, it looks really good. I'm going to press Command comma so that we can see what our poster looks like as a whole. I'm pretty satisfied with it. The other thing I might want to do is just add a little bit of film grain and also do a slight kind of general coloring of the colors over the whole thing. I have the impression that our characters are a little yellow. So let's go, and at the top of the illustration, I'm going to add a curve layer. And I'm going to go into my blues and just go up the bottom there. It's going to eliminate some of that yellow. And maybe bring it back down in our highlights. So, just like that. And then maybe in my RVB, I want to go up a little bit in the shadows there. A kind of S-curve. So, something like that. And then the other thing I want to do is add a film grain over the whole thing. My favorite way to add film grain is to use Camera Raw. So, I'm just going to add a layer first. We can call it film grain. And I want to fill this layer with 50% gray. So, we're just going to add 50% gray here. This will make it our foreground color. And we can use the delete option to fill in the entire layer or the background option. Then, I'm going to go to Filter, Camera Raw Filter. This will display our Camera Raw parameters. We're going to go to Effects and add Film Grain. If we zoom in here, we can see what it looks like. And what's good about Camera Raw is that I have this roughness parameter and I can reduce it, which will give us a slightly more realistic film grain look. Something like that. And then we can put this on linear light. Well, it will be way too strong, but you can see how pleasant the effect is. I can reduce the filling here probably to about 15 or 20. That should be enough to give us a very nice film grain. One last thing I might want to do just to give it a slightly more illustrated look is to disable our titles and our film grain just above the illustration here. I'm going to add a new layer. We can call it sharpness. I'm going to press MAJ, OPTION, CMD and E to merge everything on this layer. Then, I'm going to go to Filter, Other, and I'm going to put this on 2 pixels. And then I'm also going to put this on linear light. It may be too strong, but you can see that it gives a more illustrated look. And I'm going to lower the opacity or the filling to 30%. And you have to change the filling when you use linear light, not the opacity. Let's go, let's activate our titles and our film grain. That's it, that's how you're going to recreate this poster in Photoshop. And I hope that thanks to this, you have learned some tricks and techniques that you can use in your own projects. Now, if you enjoyed this tutorial, subscribe to my channel, activate your notifications, leave a like, leave a comment on the other posters that you would like me to recreate in Photoshop. And also, if you want to get my complete cloud pack, of which three that we used in this project, I will include a link to this one in the description of this video. Otherwise, here are other tutorials that you can consult and I'll see you next time.