Viewers: in countries Watching now:
Take a 10-minute recess every week and join Bert Monroy in Adobe Photoshop or Illustrator, the playgrounds of digital artists. Every Friday Bert walks through a fun, self-contained project that tests your skills and challenges the imagination. These programs aren't just image editors; they are sandboxes for creativity and experimentation. Take a spin through a carousel of tools and get reinspired, each and every week.
What we're going to do this week is create a little animation. It'll follow a little story line. It's going to be a little detective drama. And it's a search late at night for some kind of a villain that's on the loose. Well, we're going to start off with this brick wall. Now this is created using a pattern and in quite a few of my other series there are ways of creating these brick patterns. This particular brick pattern is created in one of those tutorials. So now, what I'm going to do right now is I'm going to go over to my layers and you can see that the bricks are in a layer and the grout's in a layer.
So what I'm going to do is I'm going to take the bricks right here, and I'm going to go in, let's let's lighten them up a little bit. So I'll just go in here into my adjustments and let's just go into, say, Levels, and we're just going to lighten them up a little bit. Make them a little stronger in color. There we go, nice and bright. Click OK. There they are. Now they're pretty flat against the the grout. So what I'm going to do is I'm going to lift them up a little bit, because they're aged. So the grout should be pretty much indented in. So I'm going to double-click on it. And right now what I'm going to concern myself with is that spotlight.
The spotlight's down below this wall, this is a wall way up at the top of some building or whatever. So what's going to happen here is they're going to have a little drop shadow. Little drop shadow, let's make a little tighter. The size will be about say, two. And let's take away this Global. I want to work totally individually. And the light's coming from down below. See, there we go. And we'll give it that nice little tone like that. Let's say let's give it about let's go with about a three. Just to give us a nice little shadow back there.
There's a shadow. And we'll increase the opacity on that a bit so it's a nice, dark shadow. And we'll give the bricks a little bevel and emboss as well. So there. We'll give it a bevel and emboss. And turn off the Global, make sure the light's coming from below, and we'll bring it down to about a one. We want to give it just that little highlight right down at the bottom there. And we're going to bring the highlight color, bring it into more of the brick kind of tones about like that, maybe a little lighter. Click OK. And that's pretty good, nice and bright like that.
That looks good. Click OK. . There, there's our light, the bricks being lit from below. So what I'm going to do is I'm going to go in here and say Option > Merge Visible. All right, that created a new layer that merged these two together. And we're going to call this Delight. All right, now we're going to turn that off. So now, let's go back into the bricks themselves again. And now we'll give it the, the bevel and emboss. We'll do it from above.
Now the light's coming from above. And we'll bring this light tone down a bit. There we go. And a drop shadow is also coming from above. And a little less distance, just a little hint of a, of a little shadow there, like that. Now, these are coming from above, and it's, it's dark, it's a little darker. So what we're going to do is we're going to go in, and just use our Levels again, and this time we're going to kind of darken the bricks a bit. You want to darken 'em up like that. And we'll take the grout and we're going to darken that a bit.
In fact, let's, at this point, let's put these guys together. We'll darken this a little. Let's go with hue saturation. We'll darken the grout that way. There we go. Click like that. And now, I'm going to select both there and say Merge Visible again. Again holding down my Option key so that the originals stay intact. There were go. Now this one, what we're going to do is go into Hue Saturation and I'm going to bring down the saturation, bring it down and darken them even more. All right, this is being lit by the night sky.
A little moonlight up there, up above. Click OK. Now we see the difference between these two bricks. All right? We'll call this one Dark. There we go. So now the originals here we can throw these away. We don't need these guys at all. Let's just throw these away for now. What we're going to do is we're going to see both of them. We're going to see the light and we're going to see the dark. So what's going to happen to the light one right here, I'm going to hold down my Option key and give it a mask. Holding the Option key automatically gives it a black mask, hiding all the contents of that layer. And I'm going to unlock the link.
So anything I do to this mask is not going to affect the layer itself. So what I'm going to do is I'm going to get a nice circle. Create a little circle. Kind of a, slightly elliptical like that. And I'm going to go ahead and fill it with white. So the foreground color is white, so I'm going to say use a foreground color 100%, click OK, and you see what's happening? We're seeing underneath. Let's de-select that. Let's soften this up. We're in that mask, we're still working with the mask. So I'm going to go in there and say Gaussian Blur, and soften it up just a, a little bit. Don't want it too soft.
That looks good. Just like that. Now, I've got black for my background color. So I'm going to start doing some stuff now that's going to give me the effect that I want. Now if I want to move that mask around, I can move it. Now you notice that I'm moving the mask. And we'll put it down here. We'll put it right there, like that. Now, even though I moved it, the background remained black because the background is set to black. Had I moved the mask, then I would have all of a sudden had this white border back here. But no, I've got black. So now, I'm going to bring up the timeline. Now, I've shrunk this down here so we can see it real close.
And here we see that we have the lights. I've opened up The Light, right there, let's open this up, and we see that we have the position, the opacity. You also have to layer mask position. So I'm going to click on that, which gave me, not this one, this one we don't want to do. Just a layer mask position. And there you can see that it set up a key frame right there at the beginning of my animation. So what can happen now is I am going to move this timeline up to about let's say, about a third of the way right there. I'm going to take the mask and move it up. And I want just a mask.
So I have to go in the layers and make sure I'm in the mask. Now you saw what happened, I started moving the layer. I want to be in the mask. So now when I move, notice I'm moving the mask. I'm going to bring it way up to about here. Now we'll go down to about a third. Another third. And then bring it way down to about here. Then I'm going to bring it to the end of the animation and kind of bring it all the way over to this side here. And that's it. I now rewind this to the beginning and when I hit play, you'll see that my little mask is moving.
And it looks like, it is in fact, lighting this brick wall. Let's bring this down so we can kind of see things a little better. And I'll make this a little larger. And there we'll hit that play one more time. And there you can see that we have this light that's moving across. It's moving across that entire wall based on how I moved it for the animation. And we can see that the light is in fact lighting this dark wall at night, creating the effect that you would see of a little spotlight.
Find answers to the most frequently asked questions about Pixel Playground with Bert Monroy .
Here are the FAQs that matched your search "" :
Sorry, there are no matches for your search "" —to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.