Tutorial #7 - Transforming Images

Learn how to scale, rotate, warp, and flip images.

Chameleon orange background

Step 1

1. First, right click on the image of the Chameleon shown above and then click "Save Image As" to save it on your computer.

2. Go to your downloads folder, and drag the image into your Photoshop document.

Chameleon transform scale in Photoshop

Step 2

1. On the top of the screen, click on "Edit" and navigate down to "Transform".

2. In this new dropdown, click on "Scale". You will see these grids and squares around the image.

3. Click on one of the corners and drag it in any direction. You'll notice that the size of the whole image changes in the direction of the corner you selected. If you hold "shift" on your keyboard while doing this, Photoshop will let you scale it unproportionately.

Chameleon transform rotate in Photoshop

Step 3

1. Press Control or Command + Z to undo the transformation and to go back to the original image.

2. In the same "Transform" dropdown, click on "Rotate". If you move your cursor around the image, you'll see 2 arrows pointing in different directions.

3. Hold down your left mouse button and drag it either clockwise or counterclockwise outside the image. The entire image will rotate in whichever direction you move your cursor.

Chameleon transform skew in Photoshop

Step 4

1. Undo your transformation to revert to the original image.

2. Go to "Transform" again but this time, select "Skew". You will see similar grids and corner boxes around the image.

3. This time, try dragging the corners of the image in various directions and then try dragging the boxes in the middle of the edges. The middle boxes allow you to slant an image horizontally or vertically, while the corner boxes allow you to skew it in just that one direction.

Chameleon transform warp in Photoshop

Step 5

1. Undo the skew transformation.

2. Go to "Transform" again and select "Warp". The image will look slightly different this time with several blue dots around the edges.

3. Place your cursor anywhere on the image and drag a part of it in any direction. This will allow you to stretch or squish any part your picture. Think of it like working with clay where you're able to wrap and stretch a shape in any direction you want to.

Chameleon flip horizontal flip vertical in Photoshop

Step 6

1. Undo your transformation one last time.

2. Go back to "Transform" and on the bottom of the menu, you will see "Flip Horizontal" and "Flip Vertical". Click on "Flip Horizontal". You will notice that your image flips horizontally sort of like a card. The Flip command works by creating a mirror image of your original layer. So you can make the left side of your image the right side.

3. If you click on "Flip Vertical", this will flip your image in a vertical position, so the top becomes the bottom.