Join Nigel French for an in-depth discussion in this video Arranging around a circular grid, part of Designing a CD Cover.
We're creating this design that involves leaves rotated around a circular grid, in a color spectrum, and we've got as far as cutting out the first leaf, and the next thing that we need to do is create a circular grid. Now Photoshop doesn't really lend itself to creating grids in the same way as Illustrator and InDesign do. So we are going to make the grid in Illustrator and then copy and paste it into Photoshop. Here I am in Illustrator where I am going to create a new document, and the Document Profile doesn't really matter in this case, but I may as well set out for Print.
We are just using this as a sort of intermediate stage, all the content is going to end up in Photoshop, but we will create it at the right size. So the size of a CD is 4 and 3- quarter inches, so it's 4.75 in, 4.75 in. There is our CD sized Artboard, and I'm now going to choose my Ellipse tool, and I will click on there, and I am going to make an ellipse that is not quite, but almost the full size of the Artboard.
How about 4.5 inches? And I would like it to be centered. So I am going to need to come to my Window menu and choose my Align panel, and I'm going to align to the Artboard, and then I will click on the center alignment vertically, and then the center alignment horizontally. Next thing I want to do is draw a line that goes through that. I am going to start at the center point, hold down my Alt key and click and drag, like so.
I now want to rotate that line around the circle. So now with the line still selected, I am just going to double-click on my Rotate tool, and let's see. We want 12 leaves around the circle, so we want the angle to be 360 divided by 12, 30. Copy, and then press Cmd+D or Ctrl+ D as many times as necessary to get you back to the beginning, and I am thinking we want three levels of circle.
So I am going to go around with the leaves once and then duplicate that, make them smaller and go around again, and then do that whole thing again. So I want a smaller circle inside this one and then a smaller one inside that. With the circle selected, I will now come and double-click on my Scale tool, and I would like using a Uniform Scale of, I'm estimating, 70%. Let's turn on my Preview. That looks about right I think, and I want to copy that, and then Cmd+D to copy it again.
So I have this little polar grid type arrangement now. I'm going to select all, Cmd+C or Ctrl+C to copy, switch back to Photoshop where I am now going to create a new document; Cmd+N or Ctrl+N, and I am going to make sure that my new document is CD size, 4.75 x 4.75. Now I haven't forgotten that we will need on the right-hand side one-eighth of an inch for the bleed.
I will come back to that in just a moment. I am going to add that in a later step. Resolution, since this is going to be for print, it's going to be 300 pixels per inch, and I am going to work with everything in RGB, at this stage. We will at a later stage be converting our artwork to CMYK, but at the moment it's going to be in RGB. There's my blank canvas. I am going to paste the grid into that, and I am going to paste it as a Smart Object, okay, that looks good.
Now I am going to come to my cutout leaf that I prepared in the earlier step, and I want to copy this, so I can either drag its layer or drag from the image itself up to my currently untitled document, or I could select All Copy and Paste. I am going to do a drop and drag, so with my Move tool, dragging from the image itself, click, hold down and then wait until the other document becomes active, and move down over the canvas and release, and there is my leaf.
I am now going to size the leaf; Cmd+T or Ctrl+T. I am holding down the Shift key and the Alt or Option keys, and pulling from one of the four corners, and then I am going to position this where I would like it to go, perhaps I will rotate it ever so slightly, maybe scale it a little bit more, and that looks good. Now I am going to press Return to accept my transformation. Bear in mind, if I didn't make this clear enough, let me say it again, the grid is only there temporarily.
That's just there for our visual reference, by the time we finish, the grid is going to be disappearing. So I am going to close this movie now, and we'll see in the next movie how we can color the leaf and rotate it around the coordinates of our grid.
- Working with templates
- Combining type and images
- Selecting and preparing images
- Experimenting with color and transparency
- Designing with a grid
- Applying consistent formatting with paragraph, character, and object styles
- Laying out the track listing
- Creating a logo
- Making a print-ready PDF