Free Adobe Photoshop Website Designing Video Tutorial - Move Tool

In this Free Photoshop Website Designing Video Tutorial, we will show you how to use move tool. "Move Tool" is used to move the objects or selected part of an image from one place to another on the canvas with your mouse or using your keyboard arrows keys. You can also use this tool for resizing your image. Press ”V” to select Move Tool. This tool is very useful in website designing. If you want to move any object while designing your website layout from one place to another on your canvas then using “Move Tool” you can do this easily. We suggest that you view our "Move Tool Video Tutorial" to understand this visually and more easily.

Tip: Use the Ctrl key to activate the move tool when another tool is selected.

Steps for using Move Tool
Helpful Website Designing Photoshop tips for Move Tool
Move Tool options given in the Tool Options Bar

Click "Play" button to see Website Design Move Tool Video Tutorial

Steps

Select File > Open.
Select any selection tool (like marquee tool, lasso tool etc) for selecting some portion of your image. If you want to move your entire image then there is no need for selecting any selection tool.
Select “Move Tool” from the toolbar.
Now, make your settings in the “tool options bar” according to your need. If you want to resize your selection or an entire image then select “Show Bounding Box”. You can also use different alignment options for aligning your objects.
Move the pointer inside the selection area. Now, click and drag the selection to a new position.

Helpful Website Designing Photoshop Move Tool Tips

Right-click with the Move Tool selected on the image; there appears a list of all visible layers under your cursor was clicked. Click on a layer name to select it.
To move an object strictly horizontally or vertically hold down Shift key while moving.
You can move the selection one pixel at a time using arrow keys and by pressing "Shift+Arrow Key" you can move this by 10 pixels at a time.
If you hold down Alt key while dragging your object then this will make a duplicate copy of your object.

Move Tool options given in the Tool Options Bar:

When you select any move tool, related tool options appear in the Tool Options bar. These options are given below:

Auto Select Layer: When turned on, will move the object on the top most layer which is under the cursor and when turned off, will move the object on the current selected layer.
Show Bounding Box: When selected, display the bounding box around the selected object so that you can transform your object. You can drag the handles around the object for resizing and rotating. The moment you start resizing your image your move tool option bar changes to the transform options bar.
Alignment Options: These options are used to align selections.
- Align Top Edges: Align or move layers vertically, to the same top edge of your selection.
- Align Vertical Centers: Align objects on layers vertically, to the selected layer vertical center position.
- Align Bottom Edges: Move or align layers vertically to the bottom edge of your selection.
- Align Left Edges: Align layers in horizontal direction to the same left edge of your selected object.
- Align Horizontal Centers: Align or move layers horizontally, to the same horizontal center position of your selection.
- Align Right Edges: Move or align objects on the layer by right edges position of your selection.