Join Deke McClelland for an in-depth discussion in this video Turning a cityscape into a tiny planet, part of Photoshop CC 2018 One-on-One: Mastery.
- In this movie, we'll wrap New York City around itself using a combination of two distortion filters known as Polar Coordinates and Spherize. But before we do, I'll go ahead and switch over to the final version of the image so you can see if I turn off these top two layers that we've got a ton of water in the center of our planet. Which means we need to exaggerate the amount of water in our current image. And so I'll go ahead and switch over to said image, here. And I will go up to the Image menu and choose the Canvas Size command, which allows me to either crop or expand the canvas.
Now you can see currently, the Relative checkbox is turned off. That's exactly what I want. At which point, I'll make sure that my Height value is set to pixels and I'll increase that value rather arbitrarily to 2700 pixels, which should work out just fine. And then I'll set the anchor to the top of the grid, and I'll click OK. And that will ensure that we extend the canvas downward to expose these transparent pixels, which appear as this checkerboard pattern. All right, now I'll zoom out slightly and I'll switch to my Rectangular Marquee tool, which you can get by pressing the M key, and then we want to select below this little boat over here on the far right side of the image.
And so I'll bring that marquee up, just ever so slightly. And then I'll select all the way over to the left hand side of the image, like so. Now I want to constrain that selection so that it fits inside the existing image, and I'll do that by moving my cursor over the thumbnail for the offset layer, and then I'll press all three modifier keys. That's gonna be Control Shift and Alt, here on the PC, that's Command Shift and Option on the Mac. At which point, you should see a pointing finger with a little X next to it, that tells you that you're gonna find the intersection of the existing selection and that layer by clicking.
So again, that's a Control Shift Alt click here on the PC, or a Command Shift Option click on the Mac. Now, you wanna go up to the edit menu and choose the Copy Merged command, which may exist in a sub menu on the Mac. Or you can just press Control Shift C here in the PC, or Command Shift C in the Mac. Then, return to the edit menu and just choose the Paste command, or press Control V, or Command V on the Mac, and that's gonna paste a new layer that's registered to the selection. So in other words, it pops right back into place.
All right, now you want to select the entire contents of that layer by pressing the Control key, or the Command key in the Mac, and clicking on that new layers thumbnail, like so. And that will select the layer, as we're seeing here inside the image window. Then, we want to duplicate and flip the layer. And the best way to do that is using the keyboard shortcut of Control Alt T, or Command Option T on the Mac. Where the T stands for the Free Transform Mode, and the Alt or Option key allows you to duplicate as you transform.
Now you want to go up there to this tiny reference point matrix on the far left side of the options bar, and select a bottom point like so. Then, go ahead and right click inside the image window and choose Flip Vertical, and that will flip the selection across that bottom point as we're seeing right here. Then press the Enter key, or the Return key on the Mac, to accept that change. At this point, we've managed to double the height of the layer, to select that entire height, once again press the Control key, or the Command key on the Mac, and click the thumbnail for Layer 1, up here at the top of the stack.
And now go through those same motions, press Control Alt T, or Command Option T on the Mac, to enter the Free Transform mode, as well as duplicate the selection. Then click on any one of the bottom points in this tiny reference point matrix on the far left side of the option bar, right click anywhere inside the image window and choose Flip Vertical, and then press the Enter key or the Return key on the Mac, to accept that change. Now we've got some problems here, I don't want this boat to be repeated over and over again, and so I'll just click to deselect the image.
And then I'll switch back to my Spot Healing Brush, and I'll just go ahead and drag over some of these details that I do not like at all, such as these guys right here. I'm doing a pretty sloppy job, but that's okay. It's gonna work out just fine. And then at some point, I should see just about all this stuff disappear, bearing in mind of course, that it doesn't need to look great because we are gonna lose a lot of this definition when we apply the Polar Coordinates Filter. All right, now we'll go ahead and zoom out by pressing Control 0, or Command 0 on the Mac, and I'm gonna go ahead and rename this layer planet.
And that's because I want my Smart Object to be named planet. And by virtue of the fact it is the top layer in the stack, that will happen. As soon as I Shift click on the offset layer in order to select all three of them, and then I'll press the M key to switch back to the Rectangular Marquee tool, I'll right click inside the image window, at which point I would hope to see Convert to Smart Object, but it's not here. And that's because one of the layers is already a Smart Object. Which means that you have to go to the Layers Panel Fly Up menu and choose Convert to Smart Object, or if you loaded D Keys, you have the keyboard shortcut that always works of Control Comma here in the PC, or Command Comma on the Mac, and we end up with a new Smart Object called planet.
Now, at this point you could double click on this thumbnail in order to bring back those layers, and you could rename that top layer water, because after all it's not the planet. And then you can close this image, click on the Yes button here on the PC, or the Save button on the Mac, and just like that, you've updated your Smart Object. All right, I don't like this guy being called planet2, so I'll just rename the layer planet, once again. And then I'll zoom out and now what I need to do is convert my image to a square. By going up to the image menu and choosing the Image Size command, make sure that the Resample checkbox is turned on, and change the Interpolation method to Automatic, which is gonna work best in this case because we'll be upsampling the image.
Then, turn off this link between the Width and Height values and change the Height value to match the Width value, which is in our case 5000 pixels, and click OK in order to accept that change. And now we have this big, huge square image. All right, now we want to revolve it around itself and you do that by going up to the Filter menu, choosing Distort, and choosing Polar Coordinates, which is going to convert from rectangular coordinates to polar, or polar to rectangular.
Now, if I were to zoom out, you could get a sense for what's going on here. And in fact, you can see that things are a little bit messed up But notice, if I go from rectangular to polar I wrap the city around the center which is up here at the top. Not what I want. I'll change that in a second. Your other option is to switch from polar to rectangular, which is going to create the opposite effect. Now I happen to want rectangular to polar, but my image is oriented incorrectly. So I'll cancel out here. And then I'll go up to the image menu, choose image rotation, and choose 180 degrees, which will spin the world upside down.
Now I'll return to the Filter menu, once again choose Distort, and then choose Polar Coordinates. And if I zoom out a couple of clicks here, you can see this time I've got it right. So again, make sure that rectangular to polar is turned on, then click okay in order to create this effect here. All right, now at this point the planet is a little bit too tiny, and so one way to expand it is to make it swell. By going up to the Filter menu, choosing Distort, and then choosing Spherize. Which, if I zoom out of this preview right here, is going to expand the center of the image.
Now I don't want it to come out quite this far, so I'll change the amount value to 50%, and then click OK in order to create this effect here. All right, I don't need this Filter Mask, so I'll get rid of it either by right clicking it and choosing Delete Filter Mask or if you load in my D Keys, just press Control Alt Q, or Command Option Q on the Mac. And finally, let's crop the image, by grabbing the Crop tool, which of course you could get by pressing the C key, and now I wanna drag down on the top of this crop boundary, taking care not to crop away any of the towers, or antennas on the top of these buildings.
And then I'll go ahead and take the bottom of the image up as well to maybe right about there, and in fact I might zoom in a little bit so that I have a little more control. And I'm looking for that guy right there, a height value of 2842 pixels. And now I want you to notice how we have this kind of roundness showing up on the far right and far left side of the image, after which there's some kind of rays coming off of it. I wanna get rid of that stuff on both sides, and you can do that by pressing the Alt key, or the Option key on the Mac, and dragging one side or the other inward.
And because you have the Alt or Option key down, that's gonna move both sides as we're seeing right here and I am looking for a width value of 3944 pixels. After which point, I'll go ahead and release. And now, presumably, you want to make sure that Delete Cropped Pixels is turned off, in our case it doesn't matter, because we're working with an indestructable Smart Object. So, just go ahead and press the Enter key, or the Return key on the Mac to apply that change. And then zoom on in. And that, friends, is how you turn an actual city skyline into a tiny planet using a combination of two distortion filters, Polar Coordinates and Spherize, here inside Photoshop.
For the 2018 version, Deke has added all-new tutorials and exercise files, so there's something new for even long-time fans.
- Top-secret tricks for shortcut enthusiasts
- Assigning and converting color profiles
- Using Smart Filters for creative effects
- Turning a cityscape into a tiny planet
- Hunting down seams with the Offset filter
- Distorting an image with the Glass filter
- Using blur and noise to focus attention, simulate motion, and more
- Reducing noise in Camera Raw
- Using alpha channels as layer masks
- Masking subjects on a green screen
- Tracing and drawing with the Pen tool
- Creating panoramas
- Editing video
- Adding soundtracks and voiceovers
- Creating layer comps
- Using the Libraries panel
- Actions and batch processing