Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:17Length:2.1 hours
  • Overview
  • Transcript

3.1 Getting Started and Creating the Ocean

To begin this lesson, we will set up our document and create the basic circular shape along with an ocean. We will use the Pathfinder to notch out ocean waves with a series of closely aligned circles.

3.1 Getting Started and Creating the Ocean

Hello and welcome to this new project and chapter where we're going to create an Oceanside sort of illustration. So this is gonna give us a lot of practical use learning the tools as that we overviewed in the previous chapter. So I'm gonna go ahead to File > New. And I'm just gonna name this to Oceanside and number of artboards, 1. I'm gonna use the same width and height that I've been using throughout this course just because it fills out this area on my current resolution well, which is 800 by 600 points over here. And because we don't have the intention right now of having it printed or anything, we don't have to worry about bleed. And then under Advanced, we wanna make sure we have RGB color mode specified, which is for screen display. And again, if you wanted to have it printed, you would switch this to CMYK. And then raster effects, we can leave it 72 and hit OK. All right, so the first think we wanna do is create the background to get a background color here. So to do that, we're gonna use the Rectangle Tool. And we're gonna left-click right up here, and then released right down here. Now we don't need a stroke, so what we can do is bring that to the front here in the Swatches panel. And by the way, if I'm using panels that you don't see, just go to Window and try to find them right there. And we'll go ahead and click this x right here and that gets rid of the stroke. And then we'll bring the foreground to the active color selected and I'm going to key up right in here under color a specific color code for the blue background. And that's going to be A6D1D5, and then hit Enter. And it gives us a sort of washed out blue color. And I'm gonna close that out. And then under Layers, I'm gonna click on this and I'm gonna double-click where it says rectangle and just rename it to BG for background, hit Enter and then just lock it. That way, with the Move Tool, we don't, we can't select it at all. All right. So, now what we wanna do is create, the circular portion which is gonna contain most of the graphic. So to do that, we'll go ahead and take the Ellipse Tool, and we're gonna come out here to the center. And by the way, make sure you have your smart guides turned on. You can go to View and right here, it's down here somewhere. There we go Smart Guides, it's checked on for me. So you wanna leave that on cause it can help for alignment and such. And so right here in the center, I'm just going to hold Shift+Alt to create a perfect circle and we'll leave it roughly right around this size. Now you could see, to the right of my cursor, has the size right there like 300 by 300. I think right around 310 will be good. [SOUND] All right. So now that we have that, we could see that the color's currently the same color that, as the background. We do not want a fill on this one. So what we can do is just click this red slash here. And now it's there's nothing on it, so we wanna give it a stroke color. And so, we wanna give this a specific color as well. So I'm gonna come up here for the hex color code. And that's gonna be 376 [SOUND] 4BA, hit Enter. All right, so we're gonna increase the stroke just by increasing it up here, roughly I'd say right around 14 is good, 14 points. All right, so now what we wanna do is create the ocean portion that's down here. So to do this, we're gonna take this same path. And we're gonna click on it, hit Ctrl+C to copy and then Ctrl+V. And that will make a duplicate of it as you could see here. And so, let's just rename these real quick, to the outline. We'll call that one. This one we'll just called, called Ocean. All right, and so for this one, we do not need a stroke. We already have the stroke here so we can get rid of it. And the way we do that is just right here so now it doesn't have a fill. Now we want us to have the same color of the fill that we had previously and that color is right here. So with that selected, we can hit Enter, actually real quickly, [SOUND] we can copy that right there, 3764BA, then hit OK. And now we can see it's all filled in. We want the, ocean only to start right around here and end up here. So the way we'll do that is we'll create a rectangle on top of it. And so we'll just left-click and drag, and we wanna and, put, position it roughly around where this water will begin. And I'd say right around there, we don't want it up in the center but just down a little bit. So with that selected, we're gonna switch here to the Selection Tool. And select this, hold Shift and select the portion beneath it, so we have these two layer selected. Now what we wanna do is go to the PathFinder, so you can go to Window > PathFinder. Or, mine's showing up right here. And, all we have to do is Minus Front. [SOUND] All right. So we're not done yet. We also want to create, kind of like the waves that are going through here. So it's not just a flat surface. And so there's several ways you could approach this. For instance, we could use the Crystallize Tool with it selected. [SOUND] That's kind of, produces results that we don't want. [LAUGH] So another way of doing it a much better way, would be to use the Ellipse Tool. So we can use the Ellipse Tool to hold Shift and Alt, [SOUND] and we'll get it sized right, roughly I'd say around 50 points or so. [SOUND] And then we wanna duplicate it, so Ctrl+C, Ctrl+F. Left-click, hold Shift and move it over until it intersects. [SOUND] Now we're also going to hold Shift again to select both of those. Hit Ctrl+C, Ctrl+F, and we want to make this so that it also intersects as well. Right there should be, actually you can move this over. Right there. So now we can begin to see a little, notches right here in between these. So let me take all these and do this again. [SOUND] Ctrl+C, Ctrl+F, there's the intersection point right there. Take them again one more time. Deselect those, hold in Shift and left-click. And then one more time, we can just move this up out of the way. Ctrl+C, Ctrl+F, and intersect right there. So they all should be pretty even at this point. Now what we wanna do is take all them, and we want to unite them. So now they're all one single layer. [SOUND] And what we wanna do is move it right just below here. So if we see this edge, we take this and we push it down just a little bit so that it fully covers. So then, with that selected, we can also select the ocean path and this is it right here, and what we can do is just specify Minus Front. And there we go. So we no have very consistent and perfect circle based waves which is always pleasing or in terms of appearance. And that is where we're gonna end it for now. In the next lesson, we're going to focus on the sky and the land shapes, so I'll see you then.

Back to the top