Moving photos between document tabs in Photoshop. Learning to use the Move Tool in Adobe Photoshop

Good afternoon, dear visitors of my blog. Glad you visited my blog. And today there will be another lesson on Photoshop. Finally we will begin to study. This is oh so important. And we’ll probably start with what we can’t do without further. The move tool in Photoshop will help us move any objects, thereby making various tasks easier for us.

Why do we need this tool?

  • To drag objects
  • To move selected areas in a given image or to another image altogether

In general, why am I listing everything to you here? Let me show you how it works.

When the desired area is surrounded by a dotted line, click on the Move tool, then move the mouse over the selected area and hold down the left mouse button. Now, without releasing your finger from the mouse button, start moving it around and you will see that the selected fragment also moves. This way you can move it anywhere.

If you want to transfer this selected area to another image, then first. Now return to your document with the selected area, or select another area. It turns out? Great. Now take a deep breath...again, hold down our selection with the left mouse button and bring it to the new document tab, but do not release the mouse.

When our new document opens to us, you can go down on it and release the button or move it to the place where you need it. That's all. As you can see, nothing complicated.

In addition, we need movement when we work with layers, i.e. when we have one picture superimposed on another. And then we can move each picture separately.

For example, the picture shows a frog sitting on a water lily leaf. In fact, there are two images here - a separate frog and a separate water lily. It turns out that the layer with the frog is superimposed on the layer with the water lily. In general, we will talk more about layers in the following lessons, so don’t go into too much detail, but try to get the gist.

So, as you can see, this green princess is sitting on the bottom water lily. But she says: “I don’t want to sit on the bottom, I want to go up!” Yes, no problem, Kvakushechka. Then I take the “move” tool again, and holding the left mouse button on the frog, drag it to the top leaf. Just like that, our princess simply jumped from one leaf to another and is now waiting there for the prince.

So how? Is the essence of the movement tool clear? I'm sure so. But don’t worry if you still have any questions, because this lesson is just an introduction to this tool. You will still get better at it in the following lessons, since we will use movement constantly. Well, in general, if you have any questions or additions, then ask. Do not be shy.

In general I would like to recommend you excellent video course on learning adobe photoshop. The course is simply excellent, everything is from scratch and told in clear language. I always try to find something new and useful, and after watching this course I even learned some new tricks that I didn’t know about before, which made my work easier. In general, if you really want to learn Photoshop from scratch using video tutorials, then you simply won’t find a better one. Highly recommend.

Well, that's all I have for today. I hope my lesson on drag and drop was useful to you and you learned something for yourself. Don't forget to subscribe to my blog updates and then you can be the first to know about the latest news and more. In general, I really look forward to seeing you in my next articles, but for today I say goodbye to you! Bye bye!

Best regards, Dmitry Kostin.

2016-10-24


Create a new document in Photoshop and transfer pictures to it

Hello dear visitor!

Today we’ll look at fairly simple, but at the same time very necessary and frequently performed actions when creating a design layout, this is how to create a new document in Photoshop and transfer pictures from previously received blanks to it.

  • Creating a new composition document for the header of the website design layout
  • Transferring pictures of blanks

Creating a new composition document for the header of the website design layout

At the very beginning, it should be said that for those who have not yet had to deal with graphic editors, it is advisable to first familiarize themselves with their work, at least with the basic tools, since otherwise further actions will not be entirely clear.

This can be done using various training materials on working with graphic editors posted on the Internet, and also take advantage of the free video courses available here on the site for Adobe Photoshop - Photoshop for Beginners (free version), for GIMP - GIMP Video Tutorial.

As previously noted, this will show you how to create a design layout using the Adobe Photoshop CC editor. But, similarly, you can do all this in the GIMP program.

Earlier, before making blanks for the header, it was said that in order to display the theme of the site, the idea arose to show a car protected by some kind of protective “aura”, and next to it a loser thief with his hands raised and caught in a spotlight.

In my opinion, such a composition will to some extent reflect the essence of anti-theft glass markings, namely: protecting the car due to the low interest of thieves in stealing it and simplifying the search for the car and the capture of thieves in the event of a theft.

In the previous article, we marked up the layout, where the header was given a space of 1200 * 210 pixels (px), of which 50px was allocated for the menu. We also received blanks for the site header - this is an image of a car and a thief trying to steal it. Using this, let's try to create a picture that reflects the theme of our site.

First, let's create a separate document for the header. To do this, through the “file/create” menu, open the “new” window, enter the canvas dimensions obtained during marking (width 1200px, height 160px), as shown below and click “OK”.


Transferring pictures of blanks

Next, we will transfer the image elements of our blanks to the created header canvas. Let's consider transferring elements in more detail, since this operation occurs quite often when creating images. And let's do this using the example of a picture of a car.

First of all, to be able to work with transparent and translucent areas of images, we will convert the “jpg” format, in which we received the blank images, into the “png” raster graphic format.

This can be done in a fairly simple way: in the main menu, left-click “File” and in the pop-up menu that appears, select “Export”, and then “Quick export to PNG”, as shown in Fig. 2.

After which, we must close the image in the "jpg" format and reopen it in the "png" format.


Before we transfer the elements of the images, we must separate them from the background background. Photoshop has several tools that allow you to cut out elements, such as Quick Selection, Magic Wand, Lasso, etc. GIMP has similar tools.

Since our blanks have a uniform white background, contrasting with the images of the figures themselves, in our case it is quite convenient to use the “Magic Wand” tool.

You can find this tool on the toolbar in the additional menu by pressing the right button, or by pressing and holding the left one for a couple of seconds, as shown in Fig. 3.

Let's open the first blank - a picture of a car and select the "Magic Wand" tool.


In order to select an element, with the Magic Wand tool turned on, move the pointer over the background and press the left mouse button. After this, the element should be highlighted with a dotted line. In this case, it is better to set the tolerance in the parameters panel within 30, and also enable “Smoothing” and “Adjacent Pixels”, as shown in Fig. 4.


Next, transfer the selected background background to another newly created layer. To do this, with the "Magic Wand" tool selected, you need to move the cursor over the image and click on the right mouse button. Then, in the menu that appears, select “Cut to new layer.”


As a result, after the operations performed, we received a car element, separated from the background background, which was moved to a newly created layer (in our case, “Layer 1”). This can be seen if you turn off "Layer 1", as shown in Figure 6.


But, if you look closely at the image of the car, you can see that there is still a fragment of the background that has not been removed in the spoiler area. Let's remove the remaining background fragment along with the spoiler. In my opinion, a spoiler would be unnecessary here.

To make it easier to select the required area, zoom in on the image and use the Magnetic Lasso tool.

This tool can be found in the toolbar in the additional menu by pressing the right button, or holding and holding the left one for a couple of seconds, as shown in the following figure.


You can select elements with the Magnetic Lasso tool as follows. At the starting point, by clicking the left button, you should move along the contour of the selected area, periodically pressing the button to fix stops at the sharpest bends of the contour. In this case, you can notice how the applied selection line will be “magnetized” to the contour along the way. Where the selected area intersects with the previously selected background, precise tracing of the outline is not required.

After closing the selected fragment, you need to double-click the left mouse button, after which the selected line should appear as a dotted line, which means the fragment is ready for processing.

To transfer the selected fragment to a newly created layer, you need, as in the previous case, hover the cursor over the image and click on the right mouse button. Then, in the menu that appears, select “Cut to new layer.”


Ultimately, after all the operations performed, we will get an element of the car that is completely separated from the background background. This can be seen if you turn off "Layer 1" and "Layer 2".


It is better to save the resulting image for future use, removing unnecessary layers of background fragments. This can be done by right-clicking on the selected layers and selecting “Delete Layers” from the menu that appears with the left button, as shown in Fig. 10. After which, in the standard way, through the “file/save as” menu, you can save the file in the desired location.


To do this, first we will reduce the size of the car image in proportion to the size of the header. Let's reduce its width, say, to 200 pixels, as shown in Fig. 11.


Then, by changing the scale, we will make the window size convenient for further work and move the resulting image to a new window. To do this, right-click on the icon of the open window and select “Move to new window” in the menu that appears.


Before moving the car image onto the header canvas, select the Move tool. This tool can be found on the toolbar in the additional menu by pressing the right button, or holding and holding the left one for a couple of seconds.


Now everything is ready for transfer. To do this, move the cursor over the image, press the left mouse button and, without releasing it, drag the car onto the header canvas.


This completes the operation of placing the car image in the header. At first glance, it seems that this is a labor-intensive task that includes many different operations. But this is absolutely not true.

The apparent complexity is due to the fact that here, for the purpose of better understanding, everything is shown down to the smallest detail, even small actions. In fact, if you don’t write out each step, it will take no more than a minute.

The next step will be to transfer the figure of a thief with raised arms from our second blank onto the canvas. This is done in exactly the same order as in the previous case, only the width of the image during transfer can be further reduced, to about 70 pixels. Therefore, in my opinion, there is no need to make a detailed description of this operation.

The final result of transferring the thief figure is shown in Fig. 15.


The transferred shapes can later be moved in any direction using the Move tool. It can be found at the top of the toolbar as shown below.


Also, we can change the size of the selected shapes in the "Free Transform" mode, which can be selected through the "Edit" menu, or use the "Ctrl+T" hotkeys. And if, at the same time, you hover the cursor over the selected layer and press the right mouse button, then in the window that appears, you can select other operations to change the selected image.


At this point, we have finished placing images of our blanks in the site header and are moving on to creating the composition.

As part of this article, it was also planned to show this part, but it turned out that the description of image transfer took up too much space, especially in terms of graphic information. Perhaps all this is depicted in too much detail here. But maybe this is for the better.

Therefore, we will move the remaining part, which will discuss the creation of the site header composition, into the next article.

Best regards, Nikolay Grishin

Beginner users often wonder how to cut and paste an object in Photoshop.

Selecting and further copying/cutting an element is the main task that you need to master for image editing.

Let's take a closer look at all the possible methods that even a beginner can quickly master.

Before performing any manipulations with parts of the drawing, they need to be selected. Only then is insertion or cutting applied.

With the Select-Paste feature, you can combine elements from multiple designs, choose your own background, and create unique designs. Before you start, choose an image whose background you like and a picture of the object you want to cut out.

Method 1 – Using the “Magic Wand”

“Magic Wand” or “Magic Wand” is one of the simplest tools in Photoshop. With its help, you can quickly select a part and carry out a series of manipulations with it.

The advantage of working with this tool is its speed. A beginner will not have to deal with channels, backgrounds and layers. The tool is available in all versions of the editor.

The magic wand highlighting algorithm automatically detects the shades of pixels that border other parts of the photo. We recommend using a stick if the photo with the object has a wide palette of colors. In a photo with a large number of monochromatic similar colors, a part may not be highlighted correctly.

Follow the instructions:

  • Open Photoshop and create a new canvas or open an existing drawing of an object using the program;
  • On the left side of the window there is a basic toolbar. Click on the fourth element and select “Magic Wand” from the drop-down list, as shown below:

Rice. 2 – “Magic Wand”

  • The wand creates selection boundaries based on the shades of objects in the picture. You need to click the cursor on the desired area of ​​the image to create a selection. We recommend using Magic Wand for large, solid-colored objects such as the sky, grass, mountains, etc.;
  • Let's select the sky in the next image. To do this, in Insurgents, click on the magic wand and select any part of the sky with the mouse. The following outline will be created around the part;

Fig.3 - sky selection

  • Often the Magic Wand does not select the entire part and users stop using the tool. This should not be done, because you can simply add the missing area to the general selection.
  • While most of the sky is outlined, move the cursor to another part of it. Hold down the Shift key and simultaneously click on the unselected area. This will allow you to add it to the desired part. We get the following result:

Fig. 4 – setting object boundaries

Method 2 – Working with the Quick Selection Tool

Quick Selection is another basic tool that every Photoshop user should learn to use.

It can be found in the same tab as the magic wand (Toolbar-Selection-Quick Select). The function works like a brush. With its help, you can create precise selections based on contrasting edges. You can choose the size and diameter of the brush yourself:

  • Select the tool as shown in the picture;

Fig.5 – Quick Selection

  • Now make a selection. You need to hold down the left mouse button and move the cursor inside the area you want to select. To indicate boundaries, draw near the edges. Thus, the contour line will gradually move towards the edge you need.
  • To cancel a failed action, press the Ctrl+D key combination and try again. The image below shows an example of gradually selecting an area of ​​a flower using Quick Selection.

Rice. 6 – sketch with quick selection

As you can see, the boundaries of the resulting object do not extend to another part of the picture. Even with magnification and detailed viewing of each line, you will not see flaws or extra pixels.

Method 3 – Quick mask

Quick Mask is a mode in Photoshop that allows you to select an object in a photo. What is the difference between using a mask and the standard tools described above?

The fact is that standard methods are good at identifying parts of a picture that have contrasting pixel colors, but they cannot determine clear boundaries of an object, part of which is a gradient or a blurred area. Also, it will be difficult to set the selection boundaries if the color of the part is very similar to the background.

The essence of Quick Mask: the user selects one part of the photo, and the other is automatically blocked and cannot be worked with. A mask is the outline itself, which separates the element from the main design. A quick mask is a selection in which the selected part will have its original color, and the remaining areas will be covered with a translucent film.

Rice. 7 – example of a mask in Photoshop

The convenience of working with the tool lies in the fact that you draw the selected area yourself and can correct flaws at any time.

A quick mask will allow you to accurately select part of the image. Follow the instructions:

  • Select the Quick Mask tool from the toolbar or simply press the Q key on your keyboard while the Photoshop window is open;

Fig.8 – key for selecting Quick Mask

  • In the window that appears, select the type of brush, its diameter and other parameters depending on the area that you will paint;
  • Now just sketch out the unnecessary part of the picture, leaving only the object for cutting and pasting. The masked area will be colored red;
  • You need to apply the mask with the black color selected on the palette. To remove part of the masked area, select white.

Rice. 9 – creating a mask

You can do whatever you want with the resulting selection. Photoshop will not recognize the background, so you can select the subject very easily. Use the Quick Selection or Magic Wand tools already described above, or click on the Ctrl-A keyboard shortcut to select the entire space (without the masked area).

Fig. 10 – area selection

If you need to select part of a picture, but you want the borders of the element to be gradient rather than clear (smoothly blending into the background of the new picture), you need to use a mask gradient. The principle of creating a selection is similar to the previous instructions:

  • Enter the quick mask mode;
  • In the Options tab, select Radial Gradient Mode. On the color palette, make the foreground color black and the background color white;
  • Make sure that the gradient direction option is set to “Foreground to Background”, that is, from the main colors to the background color;
  • Now create a selection. Set the center of the object and carefully move the cursor from the center to the edges.

Fig. 11 – choosing the center of the object

Once you've finished creating the borders, copy the element onto the background of another image. The object will have a translucent appearance and blurred borders. You can adjust these parameters in the layers window of the new drawing.

Fig. 12 – insert with gradient preservation

Method 4 – Magnetic Lasso

Magnetic lasso belongs to a group of more complex program tools. It should be used if you are cutting out complex parts of the picture. For example, the human body, parts of the hands, hair and other elements that require pixel precision.

Fig. 13 – display of the Magnetic Lasso in Photoshop

The peculiarity of this element lies in its operating algorithm. It does not analyze the color of pixels, but looks for the edges of the object. Then a point is created to which the lasso is drawn. In this way, a precise selection of a specific area of ​​the project is gradually created.

Take an image that has a difficult object to isolate. It is advisable that it contrasts well with the background so that it is more convenient for you to draw borders:

Fig. 14 – example of a drawing

Select a tool and zoom in on the image. Move the circle pointer to the edge of the object and click to set the starting point for creating the border.

Now release the mouse button and simply move the cursor along the edge of the element so that its lines do not extend beyond the cursor circle. A selection will gradually be created:

Fig. 15 – example of selecting boundaries using Magnetic Lasso

To quickly zoom in or out of an image, press Ctrl and + or Ctrl and –, respectively. The path will automatically close when the last lasso point connects to the first. Then click on the first point to create a general outline.

If you need to remove part of the background that may be inside an object, press the Alt button and select it using the magnetic lasso - the subtraction mode will turn on without canceling the previous selection.

Fig. 16 - removing part of the background that overlaps the object

You can now move, cut, or paste an element into another project. All extreme lines will look very realistic, without the need to remove flaws in enlarged mode.

Fig. 17 – the result of moving the selected area

Cut, paste and move

Once you've mastered one of the selection methods you like, you can move on to moving, cutting, or pasting an object.

To move the selected element to another part of the picture, simply press the spacebar. The “Hand” icon will appear instead of the cursor. By clicking on the selected area, you can move it to any part of the project.

Fig. 19 – moving and inserting

If you need to cut an object, after selecting it, right-click on it. Select “Cut” or “Delete” from the context menu. You can also use the “Editing” tab. It contains all the necessary functions for working with the selected part of the image.

Saving the final project

After editing the final image, click on the “File-Save As...” tab. In the new window, select the desired file format, enter a name and decide on the final folder where the project will be moved.

Fig. 20 – Saving work in Photoshop

Bottom line

Now you can select objects in a picture in Photoshop and cut or move them. Before choosing a selection method, be guided by the recommendations described in the article. The quality of the result depends on how correctly you have decided on the type of drawing and the appropriate tool for the job.

Thematic videos:

Photoshop cut object and paste into another picture

How to cut an object and paste it onto another background in Photoshop

How to Cut and Paste an Object in Photoshop - 4 Best Methods

Often, when working in Photoshop, you need to cut out one image and overlay it on another. For what? There can be a lot of reasons. For example, a collage is being created or the background of the object is not liked. Or you need to transport yourself to a resort in order to show off to your colleagues.

Opening images for editing

The first thing you need to do is open the pictures. One, with which we will cut and the second, where to apply.

To do this, in the top menu click "File", and then "Open". Or you can make it simpler and press a combination of hot keys, which the program supports perfectly “Ctrl+O”.

For convenience, in the field “File Type” select the required file format - only those images that match will appear. Search by image name by entering it in the line "File name".

What to do

Let's say there are two images. On one there is a field:


And on the other there is a horse:


Our task is to move the horse from a boring and dull field to a rich and beautiful one:

  • First of all, let's create a new file called “Horse in the field”.
  • Next, open two images and place them on different layers.
  • The next step is to cut out the horse by selecting it.
  • Make the image more natural, more natural.

Now for each point in more detail.

New file

Horse highlighting

Photoshop has many tools for this task:

If there are unnecessary parts, they can be removed using the tool "Eraser". For convenience, you can use the tool "Magnifying glass". If necessary, adjust the colors or add more objects.

The image is ready.

Conclusion

As you can see, there is nothing complicated about cutting out one image and overlaying it on another. In some cases, you will have to try and use other tools described above. Practice, take different images and try to cut them out and transfer them to others. Then you will definitely learn how to do it.

Good afternoon. Today I will tell you how to transfer an object to another background using Adobe Photoshop tools.

I haven’t written lessons on Photoshop for a long time, because I’m recording a voluminous video course for you, without water and at a very affordable price that everyone can afford.

Since it's summer, let's take a beautiful seascape and add... a seagull! You can take these same photos for training.

Step 1. We open a photo of the sea, in our case. And open the photo of the seagull in another tab.

Cut out a photo of a seagull (Ctrl+A -> Ctrl+X) go to the photo of the sea and insert a photo of a seagull (Ctrl+V).

Step 2. Now we need to apply the tool "Transformation". Since the seagull is larger than the sea drawing. And now we need to reduce it to the size we need.

For this I use Edit -> Free Transform for the seagull layer.

We reduce the seagull to the size we need. Also hold Shift so that the photo in Photoshop is reduced proportionally.

Step 3. Now comes the hard part. We need to cut out the seagull to get rid of its background so that it floats above our sea.

There are many tools for this, you can use "Magic wand" which will do everything quickly and for you. But in my case it didn’t work, so I use "Magic Eraser".

Once selected, cut out the seagull (Ctrl+X), hide the layer with the seagull background and paste the seagull into a new layer. Something like this will come out.

Pay attention to the layers