Move Tool in Photoshop

The Move tool allows us to move a selection or Layer Contents by dragging it. It is also being used to Transform the selection.

Move tool is the very first tool in the toolbar. See below:

Select Move tool from toolbox.PNG

Example of Move Tool in Photoshop:

We will use below 2 images to illustrate the use of Move tool in Photoshop.

Image-1

Example of Move Tool in Photoshop.PNG

Image-2

Sample image for Move tool.PNG

Let’s open Photoshop application and drag the “Road” pic from your desktop to Photoshop application. After that drag the “running man” pic from your desktop to Photoshop application. It looks like below:

Drag images from desktop to Photoshop.PNG

As we can see, we have transform tool activated here. We can activate it manually also by clicking Ctrl+T. by using the transform tool, we can resize the pic. After resize click on accept icon to accept the changes.

Click on accept icon to accept the changes.PNG

Below is how it looks like.

Output of transform tool.PNG

Now right click on the layer and click on Duplicate Layer.

Duplicate Layer.PNG

Now select duplicate Layer and then use move tool to move the content of duplicate layer from one place to another on the canvas. As we can see below, we have moved the duplicate of running man to a new position.

Move image using Move tool.PNG

Now since we have the running man selected, we can resize it. As we try to resize it, we can see new option in the option bar i.e. Transform option as shown below. We use this to set width, height, rotation. We can see one Warp option. We will see example to Warp option in another example.

Transform option to adjust width height rotation.PNG

Let’s reduce the size of 2nd running man.

Reduce the size using Transform control.PNG

Now set the opacity of 2nd man to 55%.

Adjust opacity.PNG

We get the below image.

Output of opacity and transform.PNG

Again, duplicate the Layer (‘man running copy’) and repeat the same process to get the output as shown below:

Duplicate Layer 2.PNG Transform duplicate layer.PNG

Once done accept the changes.

Accept transform changes.PNG

Output - Move Tool in Photoshop

Output of Move and Transform tool in Photoshop.PNG

‘Auto-Select’ option in Move tool:

Auto Select option in Move tool.PNG

By default, when we use the move tool, we can only move current active layer.

Move tool on active layer.PNG

If we want to move other running man also without going to selected respective Layer for the running man, then we can use auto-select option. When we use Auto-select, which image we clicked is selected for move operation.

So, with Auto-select selected, if we take the cursor on 1st man, we can move 1st man only. If we put the cursor on 2nd man, we can move 2nd man.

Select the Auto Select option in Move tool.PNG

‘Shift key with Auto-Select’ in Move tool:

Suppose we want to perform move operation on all 3 man at the same time. To do this, we must select all the 3 man’s layer at a time. To do this enable Auto-Select in move tool and click on 1st man, then press SHIFT key and select 2nd man and then with Shift key pressed click on 3rd man and we will have all the man selected at once.

Shift key with Auto Select in Move tool.PNG

When all 3 man’s layer are selected, some other options also get enabled in move tool.

Move tool with shift key to move all Layer same time.PNG

These options are used to align the man’s layers with respect to each other in horizontal or vertical direction.

e.g. When we click the icon , we get alignment as shown below:

Align Horizontal center option in Move tool.PNG

Transform Tool in Photoshop

We can use Transform Tool to Scale, Rotate, Skew, Warp or change perspective.

Open below image in Photoshop application and let’s see how we can use different Transform tool features.

Transform Tool in Photoshop.PNG

To illustrate transform feature, we will use horizontal type Text tool and will write text on the canvas. After this, rasterize the text. To rasterize the text, right click on the Text layer and select ‘Rasterize Type’.

Horizontal Text.PNG

With Text layer selected, press “Ctrl + T”. Ctrl + T stands for Free transform and it enables features like Scale, Rotate, Skew, Warp or change perspective.

Use Ctrl and T for Free transform.PNG

Now let’s see different features of Transform one by one.

(a) Scale Transform in Photoshop

We can use Scale transform feature to change the width, height of text.

To Scale the Text, right click on the text and select ‘Scale’.

Scale Transform in Photoshop.PNG

Output of Scale Transform in Photoshop

Output of Scale Transform in Photoshop.PNG

(b) Rotate Transform in Photoshop

We can use Rotate feature to rotate the text.

To rotate the Text, right click on the text and select ‘Rotate’. When the cursor changes to , rotate it to align along the edge of stairs.

Rotate Transform icon.PNG

Output of Rotate Transform in Photoshop

Output of Rotate Transform in Photoshop.PNG

(c) Skew Transform in Photoshop

We can use Skew feature to tilt/twist the text.

To skew the Text, right click on the text and select ‘Skew.

Skew Transform in Photoshop.PNG

We drag the text from top-right corner to use Skew transformation.

Skew transformation.PNG

Now drag the text from top-left corner toward left hand side to widen the text and align it better on the surface.


Output of Skew Transform in Photoshop

Output of Skew Transform in Photoshop.PNG

(d) Distort Transform in Photoshop

We can use Distort feature to change the horizon of the text.

To distort the Text, right click on the text and select ‘Distort’.

Distort Transform in Photoshop.PNG

Below is how we can change the horizon of the text.

Change the horizon of the text using Distort.PNG

Let’s align the text on the floor.

Align the text on the floor with Distort Transform.PNG

Now use the distort transform on the top-left to drag it toward left hand side and give it a better alignment as shown below:


Output of Distort Transform in Photoshop

Output of Distort Transform in Photoshop.PNG

(e) Perspective Transform in Photoshop

We can use the perspective feature to narrow down the text in any direction or to expand the text in a direction i.e. to change the perspective/view of a text.

To change the perspective of the Text, right click on the text and select ‘Perspective.

Perspective Transform in Photoshop.PNG

Output of Perspective Transform in Photoshop

Output of Perspective Transform in Photoshop.PNG

(f) Warp Transform in Photoshop

We can use the warp transformation to narrow down the text in any direction or to expand the text in a direction from different viewpoint. The transformation area will be limited only to the places where we apply Warp. Rest of the places will not be affected by Warp.

To use the warp transformation, right click on the text and select ‘Warp’.

Warp Transform in Photoshop.PNG

We select the right-top of the text and apply Warp. Warp affects only the right-top edges of the text and doesn’t affect rest of the text. Hence gives better control on transformation.

Warp transformation.PNG

Now apply Warp the left-top corner. Then repeat the Warp transformation on bottom-left corner.


Output for Warp Transform in Photoshop

Output of Warp Transform in Photoshop.PNG

Press Enter to accept the change.

Now use Blending mode to put some effect on the text layer.

Style on Text.PNG

Output of all Transform tools:

Output of all Transform tools.PNG

TRANSFORM -> Warp : Example 2

Let's take below image to do the warp transform.

TRANSFORM Warp Example 2.PNG

Duplicate the Layer and then apply the transform-warp.

Duplicate the Layer 2.PNG

warp control appears as shown below:

Warp control.PNG

Press Enter to apply the Warp done on the canvas.

Apply Warp.PNG

Output: TRANSFORM -> Warp

Output TRANSFORM  Warp.PNG





Copyright © Go4photoshop.com, 2018. Copyright notice