Start learning with our library of video tutorials taught by experts. Get started
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.
- New Year's is around the corner so what do you say we create a little image to kinda set the mood for it? What we're gonna do is create a little clock, that's where we're gonna start. So, what I'm gonna do is I'm gonna get my ellipse tool here and I'm gonna draw a nice big circle. Big circle. And let's go in and there and just make even bigger. Let's just pull a back a little bit so we can see more of the screen here and we'll just kind of make it this way. Nice and big. Right in there like that. Okay, there we have our circle.
So, now, we're gonna do things to this circle. So, let's just move it down just a little bit 'til we get just that area right in there like that, and I'm gonna get a nice color. I'm gonna pick a nice golden color. So, let's say we pick this kind of a golden rod right there like that and then a layer right on top of this. So, I'm gonna go ahead and stroke this. So, I'm gonna get my paintbrush, make it a little bigger, make sure it's got a hard edge, yep, it's hard edge, and make sure that spacing is down to 1% so it's a nice solid line.
All right, so, right in there like that. I'm gonna go in there and in that I'm going to stroke that with the paintbrush. So, there we have that nice little tone in there. Okay. So, that's looking good, that's getting there. Now, I'm gonna my type tool and I have it set to Times New Roman Bold right now and I'm gonna click in here and I'm gonna type in number 11, the number 12, then number one, and we'll do the 2 as well. There we go, so we gotta get everybody in there. So, I got those numbers and let's make 'em a little bigger.
Let's just make them a little bit bigger. Okay, about like that, that looks good. So, what we're going to do now is I'm going to go ahead and rasterize that layer. Let's go in there and say Layer, Rasterize the Type. So, now I can go in there and select 12 and I'm gonna bring it right up into this area right up here. Let's make sure I'm in the right layer, there we go. Gonna cut that up and put it right towards the top there. Right about there like that. And let's bring it down just a tad. Okay, so, I'm gonna take the one and we'll put that right over here to the side.
Right there, about like that. Take the 11, put that over here so that it's kind of even with the 1, and we'll take the 2 and just bring it over to here. And now we see where the 2's going. It's real close so let's just move these guys up just a little bit. I'm gonna bring this guy up, take the 1 and the 11 and kinda move them over. Get this guy right about there. Let's get him right in there. There you go, that's looking good.
Let's get this guy right into that area right there. Okay, so now that's pretty good to start. So, now, what I'm going to do is I'm gonna create another set of paths here and let's save that other path so we have it. And turn it off. So, right here in the center, I'm gonna go in here and just click and drag, get this little handle out there like that, and come up right above to the top of it and click and drag up. Okay, I'm now gonna option, click down, and bring another little handle to match that first one.
Come down here and click and drag so that it's nice and straight. There we have that little shape going on there. So, we can take this and let's just bring this down just a little so it's a little longer. Right about there like that. Okay. So, now, what I'm going to do is right behind this guy I'm gonna draw another little shape. It's gonna come all the way up to here. And bring it down, come down here, and close it off. Okay, so now we have that second shape.
Let's just move this over so that's nice and even about like that. That's looking good. So, in another layer right on top of this I'm gonna create the long and that'll be the longhand which will be this one and I'll go ahead and fill it. And then another lay which we'll call Short or hour. There we go, And we'll select that guy and then the hour we will fill it. There and it helps to check your spelling every now and then.
There you go, all right. So, now, now that we have all of these shapes what I'm going to do now is turn off my paths and I'm gonna take all the layers. I'm gonna grab all four of these layers right there and what I'm going to do is I'm going to go in there and hit cmd + t to gimme the distortion tool. So, I can go in there and rotation 'em and I'll kind of just grab 'em and kind of stretch them out this way. So, we start to get nice and flat and big, just like this. Mm-kay, right there about like that.
That's looking good. Now, we can possibly pull back a little bit and make it even bigger. So, what we'll do is we got that, let's hit the cmd + t again and make 'em even bigger. And now we're really drawing emphasis on that 12. See it, there we go. We wanna see that 12. So, I'm gonna make this really big so we just hints that the other numbers right through there like that. Click OK. So now what's gonna happen here is I'm gonna start to play with these guys a little bit. So, I'm gonna take my long one and it can stay where it is, but I'm gonna take the arrow one and I'm gonna move it up.
So, it's a little higher right there, right above the other one. Okay, there's the... Now, let's bring it down just a tad, just like that. Okay, so now, what I'm going to do is I'm gonna start to give this a little dimension. I'm gonna give this thing a little bit of dimension. So, I'm gonna go ahead and let's start with that big shape of the circle itself. We're gonna go in there and let's double click on it, and we'll give it a little... little thing here like say we give it a little satin. I'm gonna pick a nice darker orange like that for the color, click OK, and we'll get a more complex effect like this one and we'll play around with the distance until we have some nice stuff going on in there 'til we get these nice little highlights going through there.
Just like that, click OK. Now, I'm gonna give that same effect to the numbers and to each of the other guys as well. So, there, now they all have these little shapes. Okay, so now, I'm gonna go in there and take all of 'em, actually just the two hands, these two, and I'm gonna duplicate those right behind 'em, right there. So now the arrow one, I'm gonna put it right behind the arrow itself. I'm gonna take away the effects and what I'm going to do is I'm gonna lock the transparency and pick much darker tone.
Say about like that. All right, maybe a little more, there we go. I'm gonna go ahead and click it, fill on that one, and on this one down here I'm gonna lock the transparency and fill that one too. So, now I'm gonna take both of those, both of these that I just created, and I'm gonna move them down a little bit. See, we're just creating this little edge for our little hands. And I'm gonna unlock the transparency on both of them and get in real close so I can see that I'm gonna go in there and I'm just gonna select very quickly, no feather, just gonna select this little corner and bring it right to there and over, and close it like that and go ahead, and fill that with that particular color.
This is on the hour hand and just go in there and fill it. That gave it a little thickness to it. And then we'll go up here and we'll select this to here, to here, and close it off, and then the long copy we'll go ahead and fill that with that color. Now when we pull back and start to see, see now the hands have a little shape to them. Mm-kay, now in the long hand, the one with the color, I'm gonna go in there and add a little shadow for it. Okay, so I'm gonna add a little shadow that's being caused by the hourglass, the hour hand, just being on top of it like that.
Okay. So, now, what I'm gonna do is give that long one another little old layer style of a drop shadow and this drop shadow, actually cancel that, I'm gonna do it to the copy. And I'll go in there and give that a little drop shadow. And that little drop shadow gonna bring it down just a little bit and over just a tad 'til it's just about there like that and click OK. So there we have a little movement going on.
So, now what I'm gonna do is I'm gonna take these two, take all these little hands, and I'm gonna... They're a little off so I'm gonna bring 'em over just a little like that, there they are. So now we can add this last little piece here which is create a little circle right here. Right there we'll create this little circle. And right on top of all of them, let's just fill that with that same color. We've got a darker color here. Let's go pick up one of these other colors See if right there and we'll fill that. There we go.
And what we'll do with that is we'll give that the same little effects and we'll give that the same little drop shadow. In fact, we'll go in there and say give that a little tiny drop shadow, maybe a little bevel and boss just to give it a little extra sheen there, and a little bigger size. We'll bring down the shadow a bit and we'll give it a little tiny drop shadow. Just a little drop shadow, there we go. That's looking good. Okay, so now the numbers, the numbers should get a little drop shadow.
So, I'm gonna go down here to the layer of the numbers and we'll give them a little drop shadow. Just to give them that little tiny edge. Now, this big piece over here... This is our little shape up here so what we're going to do to that is we're going to duplicate that guy right below and we're gonna pick up this dark color, that dark color that we have right there, and we're gonna take away the effect and we're gonna say lock the transparency and fill it with that color so that we can now bring that down... and that gave our little lid a little edge as well.
And I'm gonna select this whole section right through here. This whole section way in the back on top of the background color. I'm gonna create a layer and I'm gonna go and fill that with a nice kind of muted color, say about like that. Go ahead and fill that with that color. Deselect it and then I'm gonna go in there and give that a couple of little filters. We'll give it some noise, add noise, give it a little bit of noise, that's good, and then we'll give that another little filter. We'll give it a little Pixelate, Facet. Just to give it a little more texture just like that.
So there, there's our clock in place. So now what we need to do is in the background, we'll just invert the background to this nice black color and that's looking good. So, what we're going to do now is to add a little drama to this. So, what I'm going to do is I'm gonna go in here and just take a little black and a layer right on top of everything right up here on top of this. We'll just get a big soft brush, a really big brush, and we're just gonna throw with about a 20%, I'm just gonna throw some tones right around here just to kinda create a little mood, drawing attention to that 12 right there.
Okay. So now what's going to happen is I'm gonna select a little tiny little shape like this, a little shape like that, and I'm gonna say define that as a brush. Okay, deselect it. So now in a layer on top of all of this I'm gonna get that little brush that I just created and let's choose our regular brush, there it is, which is gonna have the pressure reach created which right now is gonna do that. Bring the Opacity back up to 100%, it does that.
So, what we're going to do is in the brush engine I'm gonna give it a lot of spacing. A lot of spacing like that. Gonna go with the shape dynamics, we're gonna do a size jitter, and I'll set up a minimum about like that. I'm gonna set the angle to a hundred percent so they're all going different directions. I'm gonna go into Scattering and on both axis we're gonna go ahead and scatter these guys all the way around. And then we're gonna go into Color Dynamics and Color Dynamics what we're going to do is we're gonna a foreground and background jitter, little, let's go with a whole hue jitter all the way about that much.
It's gonna introduce all kinds of colors. Click OK. So, what I'm gonna do is I'm gonna pick a nice bright red, and a nice blue, and right here on top let's get that little stinger. We're just gonna go in there and we're drawing all this little confetti coming down. And we can make it smaller so that we have all this little stuff just flying down. All this little festive looking thing. And if we want we can put it behind our little shadow area. So there we have that all happening and then of course the last thing we need to do is to put some little type on top of this.
So, right here, on top of everything, I'm gonna click and we say, "Happy 2015," and we can pick any font we want. Now, the beauty of the new program is that once we have it there we can go in there and as we pick a different font we will see the numbers change, you see? We can see what they're looking like so we can look for something pretty festive. And we come down here and let's see looking at all these samples we find something that's kind of outrageous and weird.
So, let's say we go with something like maybe this or maybe this guy, oh, that's kind of bizarre. Let's use that just for the fun of it. And we got it in red, let's go in there and make it bigger. Bigger like this... About like that. This looks good. And the color, we can go in there and let's just say we choose a kind of a deep blue like this. Okay, click OK, and we have it, so, what can happen now is the final little touches. Maybe we can bring this up into this area here.
Right there like this or you wanna see that second little hand. So, let's just shrink this guy down just a little bit like that. There we go, click OK, and we'll give that a little, a little pizzazz by giving the little outer glow and we'll increase the size and that's how we have this nice little glow, and we can even give it a color. We'll make it a nice kind of a blueish tone, about like that. Click OK and okay, and there you can see that we have this nice little happy getting ready for New Year's kind of a thing where the clock is striking midnight and 2015 starts.
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.