Using the Pixelmator Pro Warp Tool

Hi, this is Gary with MacMost.com. Let's take a look at the new Warp feature in Pixelmator Pro. 

The Warp feature is a new feature in Pixelmator Pro version 4.0 which is part of Apple Creator Studio. You won't find the Warp feature in the stand alone version of Pixelmator Pro. You have to have the Apple Creator Studio version. Basically Warp is exactly like it sounds. It allows you to take a 2D image and then warp it by grabbing the corners or points inside it and either twisting them or stretching them.

So as our first example I just have a simple PNG image here as a layer in a Pixelmator Pro document. So nothing particularly special about this image here. To warp it I can go to the Arrangement Tool here and I can then click this Warp Button at the bottom right. But I can also go to Edit and then Warp and you can see there's also a keyboard shortcut. Just the letter J all by itself. You'll also find under Format there is Warp. You can jump right into warping with one of the presets or using another feature if you like. This menu here would be very handy if there is a particular part of the Warp tool that you want to use a lot. You can assign your own keyboard shortcut to it using System Settings.  So I'm just going to choose Edit,Warp. Now it is going to allow me to warp what I had selected. 

On the right here it goes to the Warp Tool and you can see there are twelve presets. So I can select one of these and it will warp the image according to the preset. So I can go through all of these and try them all out. I can then further adjust it by going down and looking under Distortion and there are a variety of different Sliders. I can slide one of these to the left or the right to change how this preset looks. Like this. Some of the presets have Bend and if you drag that left or right it will change the bend. Some of the other presets, like for instance this one right here, not only have bend but also Warp orientation. So I can bend it this way or change the warp orientation to vertical and then bend it this way. 

In addition to the Sliders you also have these green dots that allow you to control the same things. So I can drag the green dot up or down like that. Grab either one of these. These just go vertically, they don't go side to side. If I change to something like this you can see I get two green dots here and I can drag them vertically. But if I change the orientation now I can drag them horizontally, like that. 

If you find these videos valuable consider joining the more than 2000 others that support MacMost through Patreon. You get exclusive content, course discounts, and more. You can read about it at macmost.com/patreon. 

Now,  in addition to those presets and the Sliders you also can take the dots here that appear at all four corners. Grab one of those and drag and you can see how it warps the image here. In addition to the dots themselves, when you select one you get the little Control Lines coming out of it. You can grab and drag one of those as well to control the warp along that edge. Like this. You can add your own control dots here by clicking on one of these three buttons here. So, if I click on the vertical one I can add a vertical line. Let's also create a vertical dot at the top and bottom. I can create a horizontal line. So a dot to the left or right and any intersection. I can also have just clicked on this button here and then added a dot in the middle which also adds the dots along each side. So with these dots here I can grab any one of them, drag it along or drag one of the control lines that comes out of it to twist, turn, and stretch. 

Now another thing you can do is, you can click the More button here and you split into a grid. You can do 3X3 or 4X4, or 5X5. So 5X5 is going to create this 5X5 grid of boxes with control points at every intersection. So now you can use that to warp it as you like. 

If I were to choose one of these warps or any other way of warping it, I can also Crop the warp. So right now you see how this graphic goes from edge to edge inside the warp. But if I click the More button here I can set the content area. It's going to show me the content area flat. I can also turn that Off and just see the warped area, like that. But it helps to start off with this here. Then I can grab any of these edges and hold the Option Key and will take the edge and the opposite edge and I can set the area for the warp. So, this is going to warp this whole area out here with the actual image there in the middle. Now that's how it would look. 

Now you can warp just about any kind of layer. So I'm going to, instead of using that graphic there, I'm going to take this image. Just a regular photo that I brought in as a layer, and I can apply the warp here. I'm going to use the J key to start the warp and I can warp it using, say, this button right here, or this button, or any of these and do all the same things to this image. Notice what happens when you add a warp. You get a warp group here. So you can see the image here is inside the warp group. I can drag other layers inside as well. So I'm going to drag this layer inside here. Make it visible. You can see how both of these are warped the same way inside this warped group. If I were to select the warped group now and Edit the warp, change it to something else, everything inside will warp together. 

There's also this handy little button here, this Plus button. You can click that and you can replace what's inside the warp. So if this image was like a placeholder for something I can replace from a photo in my Photo's Library, from Files, from an AI generated image, or whatever I have copied to the clipboard. 

You can warp just about anything. I'm going to go to the Shape Tool here and I'm going to add a rounded rectangle shape. Just going to put it in here. I could warp that just with the J key here and select one of these and now I've got a warped rounded rectangle. I could create some text here and I can warp that just the same. Just the letter J there and now I can warp it or use one of these presets here to warp the text. Of course you can combine these. Here's a rounded rectangle and then I'm going to create some text and then I'm going to group these two together, Command G will do that. I'm going to take this group, use J, and now I can warp the group. I can still Edit things. So I can still go into this warp group here and then select Hello and then change it to something else. The text is just normal text, but inside of the warped group it gets warped before you see it. 

Pixelmator Pro also allows you to add video. So I can take this video here and, yeah, you can warp it. Use J right here. Let's go ahead and warp it like that and it works. It even will play while warped and if you Export you can now export this as a video and it will be warped in the output. 

Now Pixelmator Pro 4 for Apple Creator Studio also comes with new templates called Mockups. So if we go to Mockups here you could see there are things like hats and bottles and shirts and phones and cans. The idea here is that these are using warps to wrap an image around something. So let's, for instance, use this can Mockup here and here's the can and you can see here in the layers there is a warp right here. It has the graphic in it. So if I go and paste into the warp here you can see the MacMost Logo appears in there. You can turn off the rest of it and you can see the logo there on the can although the colors don't really work out very well. Instead I used this cap mockup. It looks a little better. I can paste into here or use the Replace function, like that, and place the MacMost logo here on this warp. Get rid of the placeholder graphic like that. 

Here's are some examples I've created from scratch. If I want to put this logo on the billboard it doesn't really work to just stick it there because the perspective is off. But instead I can use Warp to put it on there. So with it selected I'm going to use J to warp and I'm going to move the corners to the corners of this rectangular billboard. here. Thus, making the logo fit on it as it should. Except, of course, I'm stretching it. This is where the ability to set Content area really comes in. I can Option Click and Drag up to get this more square. You can see how it looks there on the billboard as I'm adjusting it. I'm going to give it some room, left and right, as well, like that. I can move this square around. It represents the area there on the billboard that I setup with the warp so I can get the logo just like I want in there. Then I can click Done and there it is!

Now the great thing is that inside the warped group this is just a regular graphic. I can do things with it. Like, for instance, I can add a style and add a drop shadow to it to help make the logo standout even though it is kind of white on white. 

Here's something a little tougher. I've got this crystal ball here and I just have this image that I want to place inside the crystal ball. I could just put it in there and kind of trim it around and everything but it wouldn't look like it's actually inside a crystal ball. It should be kind of curved, right. Let's got to Warp here and let's use this Warp right there. I can adjust with the little green dots. You can get to a point where it's almost round. It's only four dots, so it can't be perfectly round, but we can get close enough. Then Done. I can bring it down here and kind of try to position it right inside the crystal ball, like that. Now it doesn't look perfect but it's going to look a lot better if I make it semi-transparent. So we get some of the crystal ball and some of the image. It will also look a lot better if I can kind of have it fade towards the edges. So I can do that in the warp group by Control Clicking on it, right clicking or two-finger clicking, and say I'm going to mask it with a shape. I'm going to mask it with an oval. I'm going to make it mask within the crystal ball. Now it already was circular. So it's not going to be too much of a change right away. But one of the things I can do is I can go to Adjustments here and I can have it feather so more of a masked towards the edges, like that. Now it's starting to look pretty good there. I can go even further with the mask here. I'll click on the More button here and I'll say Refine Mask and now I can actually draw on it. So what I'm going to do is I'm going to subtract, I'm going to hold the Option Key down and Subtract so it's not going to get as much of the bottom in there, like that. I can also do like more on the sides like this. I can kind of paint in like that to get the mask to be even better. Now I've got my desired effect there. Looks pretty good with a little more time and refinement it could look great. In the warp group here I can use the Plus button to completely replace everything, including the mask, or I can just Control click on this layer here and I can say that I want to Replace the layer with a photo. Go to my Photo's Library and it's keeping everything else in the curve of the warp, the masking, and all of that. 

Maybe what is mot impressive about it is how well it works. It's very smooth and so far it has worked flawlessly with everything I've thrown at it. So, if you have the new Pixelmator Pro for Apple Creator Studio, give the Warp Tool a try. Thanks for watching. Hi, this is Gary with MacMost.com. Let's take a look at the new Warp feature in Pixelmator Pro. 

The Warp feature is a new feature in Pixelmator Pro version 4.0 which is part of Apple Creator Studio. You won't find the Warp feature in the stand alone version of Pixelmator Pro. You have to have the Apple Creator Studio version. Basically Warp is exactly like it sounds. It allows you to take a 2D image and then warp it by grabbing the corners or points inside it and either twisting them or stretching them.

So as our first example I just have a simple PNG image here as a layer in a Pixelmator Pro document. So nothing particularly special about this image here. To warp it I can go to the Arrangement Tool here and I can then click this Warp Button at the bottom right. But I can also go to Edit and then Warp and you can see there's also a keyboard shortcut. Just the letter J all by itself. You'll also find under Format there is Warp. You can jump right into warping with one of the presets or using another feature if you like. This menu here would be very handy if there is a particular part of the Warp tool that you want to use a lot. You can assign your own keyboard shortcut to it using System Settings.  So I'm just going to choose Edit,Warp. Now it is going to allow me to warp what I had selected. 

On the right here it goes to the Warp Tool and you can see there are twelve presets. So I can select one of these and it will warp the image according to the preset. So I can go through all of these and try them all out. I can then further adjust it by going down and looking under Distortion and there are a variety of different Sliders. I can slide one of these to the left or the right to change how this preset looks. Like this. Some of the presets have Bend and if you drag that left or right it will change the bend. Some of the other presets, like for instance this one right here, not only have bend but also Warp orientation. So I can bend it this way or change the warp orientation to vertical and then bend it this way. 

In addition to the Sliders you also have these green dots that allow you to control the same things. So I can drag the green dot up or down like that. Grab either one of these. These just go vertically, they don't go side to side. If I change to something like this you can see I get two green dots here and I can drag them vertically. But if I change the orientation now I can drag them horizontally, like that. 

If you find these videos valuable consider joining the more than 2000 others that support MacMost through Patreon. You get exclusive content, course discounts, and more. You can read about it at macmost.com/patreon. 

Now,  in addition to those presets and the Sliders you also can take the dots here that appear at all four corners. Grab one of those and drag and you can see how it warps the image here. In addition to the dots themselves, when you select one you get the little Control Lines coming out of it. You can grab and drag one of those as well to control the warp along that edge. Like this. You can add your own control dots here by clicking on one of these three buttons here. So, if I click on the vertical one I can add a vertical line. Let's also create a vertical dot at the top and bottom. I can create a horizontal line. So a dot to the left or right and any intersection. I can also have just clicked on this button here and then added a dot in the middle which also adds the dots along each side. So with these dots here I can grab any one of them, drag it along or drag one of the control lines that comes out of it to twist, turn, and stretch. 

Now another thing you can do is, you can click the More button here and you split into a grid. You can do 3X3 or 4X4, or 5X5. So 5X5 is going to create this 5X5 grid of boxes with control points at every intersection. So now you can use that to warp it as you like. 

If I were to choose one of these warps or any other way of warping it, I can also Crop the warp. So right now you see how this graphic goes from edge to edge inside the warp. But if I click the More button here I can set the content area. It's going to show me the content area flat. I can also turn that Off and just see the warped area, like that. But it helps to start off with this here. Then I can grab any of these edges and hold the Option Key and will take the edge and the opposite edge and I can set the area for the warp. So, this is going to warp this whole area out here with the actual image there in the middle. Now that's how it would look. 

Now you can warp just about any kind of layer. So I'm going to, instead of using that graphic there, I'm going to take this image. Just a regular photo that I brought in as a layer, and I can apply the warp here. I'm going to use the J key to start the warp and I can warp it using, say, this button right here, or this button, or any of these and do all the same things to this image. Notice what happens when you add a warp. You get a warp group here. So you can see the image here is inside the warp group. I can drag other layers inside as well. So I'm going to drag this layer inside here. Make it visible. You can see how both of these are warped the same way inside this warped group. If I were to select the warped group now and Edit the warp, change it to something else, everything inside will warp together. 

There's also this handy little button here, this Plus button. You can click that and you can replace what's inside the warp. So if this image was like a placeholder for something I can replace from a photo in my Photo's Library, from Files, from an AI generated image, or whatever I have copied to the clipboard. 

You can warp just about anything. I'm going to go to the Shape Tool here and I'm going to add a rounded rectangle shape. Just going to put it in here. I could warp that just with the J key here and select one of these and now I've got a warped rounded rectangle. I could create some text here and I can warp that just the same. Just the letter J there and now I can warp it or use one of these presets here to warp the text. Of course you can combine these. Here's a rounded rectangle and then I'm going to create some text and then I'm going to group these two together, Command G will do that. I'm going to take this group, use J, and now I can warp the group. I can still Edit things. So I can still go into this warp group here and then select Hello and then change it to something else. The text is just normal text, but inside of the warped group it gets warped before you see it. 

Pixelmator Pro also allows you to add video. So I can take this video here and, yeah, you can warp it. Use J right here. Let's go ahead and warp it like that and it works. It even will play while warped and if you Export you can now export this as a video and it will be warped in the output. 

Now Pixelmator Pro 4 for Apple Creator Studio also comes with new templates called Mockups. So if we go to Mockups here you could see there are things like hats and bottles and shirts and phones and cans. The idea here is that these are using warps to wrap an image around something. So let's, for instance, use this can Mockup here and here's the can and you can see here in the layers there is a warp right here. It has the graphic in it. So if I go and paste into the warp here you can see the MacMost Logo appears in there. You can turn off the rest of it and you can see the logo there on the can although the colors don't really work out very well. Instead I used this cap mockup. It looks a little better. I can paste into here or use the Replace function, like that, and place the MacMost logo here on this warp. Get rid of the placeholder graphic like that. 

Here's are some examples I've created from scratch. If I want to put this logo on the billboard it doesn't really work to just stick it there because the perspective is off. But instead I can use Warp to put it on there. So with it selected I'm going to use J to warp and I'm going to move the corners to the corners of this rectangular billboard. here. Thus, making the logo fit on it as it should. Except, of course, I'm stretching it. This is where the ability to set Content area really comes in. I can Option Click and Drag up to get this more square. You can see how it looks there on the billboard as I'm adjusting it. I'm going to give it some room, left and right, as well, like that. I can move this square around. It represents the area there on the billboard that I setup with the warp so I can get the logo just like I want in there. Then I can click Done and there it is!

Now the great thing is that inside the warped group this is just a regular graphic. I can do things with it. Like, for instance, I can add a style and add a drop shadow to it to help make the logo standout even though it is kind of white on white. 

Here's something a little tougher. I've got this crystal ball here and I just have this image that I want to place inside the crystal ball. I could just put it in there and kind of trim it around and everything but it wouldn't look like it's actually inside a crystal ball. It should be kind of curved, right. Let's got to Warp here and let's use this Warp right there. I can adjust with the little green dots. You can get to a point where it's almost round. It's only four dots, so it can't be perfectly round, but we can get close enough. Then Done. I can bring it down here and kind of try to position it right inside the crystal ball, like that. Now it doesn't look perfect but it's going to look a lot better if I make it semi-transparent. So we get some of the crystal ball and some of the image. It will also look a lot better if I can kind of have it fade towards the edges. So I can do that in the warp group by Control Clicking on it, right clicking or two-finger clicking, and say I'm going to mask it with a shape. I'm going to mask it with an oval. I'm going to make it mask within the crystal ball. Now it already was circular. So it's not going to be too much of a change right away. But one of the things I can do is I can go to Adjustments here and I can have it feather so more of a masked towards the edges, like that. Now it's starting to look pretty good there. I can go even further with the mask here. I'll click on the More button here and I'll say Refine Mask and now I can actually draw on it. So what I'm going to do is I'm going to subtract, I'm going to hold the Option Key down and Subtract so it's not going to get as much of the bottom in there, like that. I can also do like more on the sides like this. I can kind of paint in like that to get the mask to be even better. Now I've got my desired effect there. Looks pretty good with a little more time and refinement it could look great. In the warp group here I can use the Plus button to completely replace everything, including the mask, or I can just Control click on this layer here and I can say that I want to Replace the layer with a photo. Go to my Photo's Library and it's keeping everything else in the curve of the warp, the masking, and all of that. 

Maybe what is mot impressive about it is how well it works. It's very smooth and so far it has worked flawlessly with everything I've thrown at it. So, if you have the new Pixelmator Pro for Apple Creator Studio, give the Warp Tool a try. Thanks for watching.