tutorial below the cut
I made this ocean’s eight set a couple of days ago and people seemed to like it so here goes a tutorial on how to do this text effect
1- Pick a font, for this tutorial I’ll be using Lemon Milk bolded
2- Click the Polygonal Lasso Tool
and select half of your text, it can be horizontally or vertically, like this:
Once you are done, half of the text should be selected
3- Add a layer mask to your text
and it’ll look something like this:
4- Duplicate the text layer (ctrl + J for PC or command + J for Mac) and select your first text layer again, you will invert it (ctrl + i for PC or command + J for Mac). You will have something like this now
5- Now, you select the top text layer and move it to your liking
6- For the shadow, you will have to do a clipping mask. To do that, create a new layer between the text layers
To do a clipping mask you can either go to Layer > Create Clipping Mask or you can place your cursor between the empty layer and the text layer, holding Alt on PC or Option on Mac and click. It’ll look like this
7- With a black soft brush, you will paint over this empty layer to create the shadow. The amount of shadow depends on the person really, I like to lower the opacity a bit if it ends up looking to dark
And that’s it for the text effect! It’s pretty simple.
Now, if you want to do the animation:
It’s pretty straight forward, you are gonna be using timeline and keyframes
1- Move the top layer to match the bottom text, like this:
2- Make sure your cursor is at the very start for this
You have to click the arrow in the top text layer and you will see all of these options
We are gonna focus on Transform and Layer Mask Position. Click the clock next to those and you will see 2 yellow diamonds appear at the start of your timeline.
3- What you are gonna do now is move the cursor to the left, just place it wherever you want. And then you are gonna move the top layer just like you did in Step 5 of the other part of the tutorial. When you do that you will see 2 more yellow diamonds showing up in your timeline.
You will have something like this as a result:
But that doesn’t look great, does it? So we are gonna have to move the shadow too
4- With your cursor at the start of the timeline, you are gonna open the shadow menu and click the Position clock.
5- Drag that yellow diamond to match the second set of keyframes on the top layer, like this:
6- Move the cursor to the start again and drag the shadow layer up until you don’t see it anymore. That will create a new Keyframe at the start you will have something that looks like this now:
You can always move the shadow a bit more to the left so it starts showing earlier or move other keyframes if you want it to move faster, that’s up to you. I decided to give mine a darker shadow, move the keyframes a little, a gradient layer and added drop shadow to both text layers so my final result looks like this:
For the banner text, I decided to remove the shadow because it wouldn’t make sense for the text to do a shadow if it was moving down.
And that’s about it! I hope you all find this helpful and if you make any edits with this, you can tag #uservaleria cause I would love to see them!
If you have any questions, feel free to message me!