Each PSD document consists of layers. The layer represents some part of the image. It is usually an area filled with transparent, partially transparent or opaque pixels. Layers are rendered one on top of another, to create the final image. You usually edit just one layer at a time. Changing moving, rotating, drawing into one layer has no effect on other layers.

Layers panel is the main place for working with the layer structure of the document. You can find it in the sidebar on the right. It cotnains the list of all layers and their thumbnails. Layers at the bottom of the list are the layers "in the back", while layers at the top are the layers "in the front". When we have many layers, we need to choose one, wich we want to work with. A layer can be selected simply by clicking on it on its name or on its thumbnail in the Layers panel.

Sometimes we need to select multiple layers at the same time. When one or more layers are selected, hold the Ctrl key and click on other layers, to add them to the selection, or click on already selected layers while still holding Ctrl to unselect them. When we have hundreds or diagram based honda generator parts wiring diagram thousands of layers in our document, working with them in the Layers panel can be very hard.

We would need to scroll the list for a long time to find a specific layer. But there is a solution. Photopea as well as many other image editors allows you to create folders of layers. You can put related layers inside one folder. Folders can contain other folders. The folder can be folded and unfolded, just like the folder in your computer. When you select a folder e. There are several basic properties of the layer, that you can change in the Layers panel.

The main property is the visibilitywhich you can switch by clicking the eye icon of a layer or a folder. When some layer is selected, you can edit the blend mode and the opacity of that layer at the top of the Layers panel.

Each layer has the name, which can help you understand the sturcture of large documents. Double-click the name of the layer, then you can enter a new name. After you type a new name, press Enter to confirm it, or Escape to return to the previous name. You can drag and drop layers inside the Layers panel.

This way, you can reorder layers e. By selecting multiple layers foldersyou can http://matplotlib.org/basemap/users/merc.html all of them at the same time. The garbage bin button lets you delete all selected layers.

The New Layer button will add a new empty layer on top of the current layer the one that is selected. The New Folder button will add a new empty folder on top of the current layer.

The last button creates the raster mask on the current layer. Similar options are also available by clicking the Layer button in the menu at the top, or by right-clicking a specific layer in the Layers panel. You can also duplicate layers between different documents right-click - Duplicate into. Another convinient way to duplicate layers is to drag them to "another panel" with a Move tool.Once you have a selection, and a regular layer is active in the Layers panel, you can work with it in many ways.

When you move a layer with the Move tool without any selection, the whole layer is moved. But when you move it with some selection present, the behavior is more interesting. As you start moving the selected area of the layer, this area is cut or copiedif you hold the Alt key out of the layer and moved along the mouse cursor.

It behaves as a separate temporary layer inside a layer. As soon as you deselect, the moved area is combined with the rest of the layer. This is one of the fastest ways to manipulate parts of a layer. You can switch temporarily from any selection tool to the Move tool just by pressing the Ctrl key, so no clicking in the Toolbar is required. Everything happens within a single layer, so you don't have to click into the Layers panel.

Using mouse is not required at all, because once the Move tool is on after pressing Ctrlyou can move objects with cursor keys on the keyboard. You can even apply Free Transform to the selected part of the layer.

The part will be cut out and transformed, and will remain separated after the transformation still within the single layeruntil you deselect it. Moving Selected Data Once you have a selection, and a regular layer is active in the Layers panel, you can work with it in many ways. Note, that all these operations can also be performed on raster masks.In this part, we will focus at regular layers with raster images pixel data. There are many tools to edit pixel data Brush, Eraser, adjustments, filters.

But we often don't want to edit the whole layer, but just some part of it. The selection defines a set of pixels, that are "selected" and can be edited by tools. This value says, how much color of the pixel can be changed, and how much should be preserved. Selections are not bound to layers as masksbut there is just one selection for the whole document, which is used for every layer that you work with.

For example, Photopea has the Fill operation Edit - Fill. By default, it will fill the whole layer with a foreground color.

Once you have a selection, it will fill only the selected area with that color. While masks are visualized with the white and the black color in their thumbnailsselections are visualized right in the main area of the document with the contourthat is drawn between selected and unselected areas. We can say, that operations are applied inside the selection, and not outside of it. Here you can see an example of the selection, and the result, when you draw on top of it with a Brush tool.

Once you have a selection, there are several basic operations for changing it. The basic operation is inverting the selection - it will select unselected pixels and unselect selected pixels available in Select - Inverse. You can expand the selection by several pixels i.

You can move the selection by clicking inside it and dragging it with any Selection tool, e. You can transform the selection e. There is a special button at the end of a toolbar, which enables a Quick Mask Mode you can also press Q.

how to move selection in photopea

When you press it, the current selection is converted into a quick mask a special red imagewhich is on top of all other layers. All editing, that you do e. It allows you to edit the selection with regular pixel editing tools.

When you are done editing the quick mask, press the same button again, to turn it back into a selection. Selections In this part, we will focus at regular layers with raster images pixel data. Working with Selections Once you have a selection, there are several basic operations for changing it.At some point, you may have to do some image editing like cropping, rotating or resizing. Photopea is an advanced online image editor with many features.

Instead of installing an image editor on your desktop just for simple tasks, you can use Photopea which runs on your browser. The best part is it doesn't upload your image anywhere, nothing leaves your browser.

Many times, when your image doesn't meet the dimension requirements, the site doesn't allow you to upload the image. Sometimes you are allowed to upload it. Either way, you won't be able to upload your image or even if you are able to do, it doesn't look good on the site because of unmet dimensions. To rectify this, you have to change the dimensions of your image, in other words, you've to resize your image.

Read - guidelines to resize images.

How to edit photos online with Photopea

To explain better, let's take the above Cartoon network logo. There're 5 steps in this process. The very first step is to create a transparent layer with required dimensions. In our example, width isheightselect transparency as background. Click on create. This layer will serve as a background to our image. Your image opens in a new tab. As explained in the image resizing guidedetermine if you have to go with the height or width.

Our example has to go with the height, so check Keep Aspect Ratioinput in the height textbox and press Enter. The other parameter will change automatically. Here, the width will change to Now, click OK. You've resized your image successfully. After pasting, your transparent layer looks like.

Your image is on extreme left on the transparent layer. To center-align, select Move tool from the sidebar and check distances on the top toolbar. Now the transparent layer looks like the one below. It has grids with numeric values in pixels which makes it easy for you to center align. Here, there is transparent px free space right to the image.

You can leave 60px on both right and left side of the image to center-align it as the image occupies the whole height px. Just click on the image and drag it to the right till it becomes 60px on both sides.

[Tutorial] How to Make an Image Background Transparent Using the Free Online Editor Pixlr

You must be ready to export the image. Now, choose the quality you want and click on Save.We already know, how to make basic selections "manually", e.

But making complex selections with these tools can take a lot of time. There are more advanced tools, that can help us. Magic wand allows you to select pixels with the same or similar color. Once you click somewhere with the Magic Wand, the pixel under the mouse will be selected, as well as all other pixels, that have a color similar to that pixel. There is a Contiguous mode option in the top menu.

When it is on, the Magic Wand will select only those similar pixels, that are connected to the source pixel i. When this option is disabled, the Magic Wand will select all similar pixels from the whole image, even if they are not conencted to the source pixel. Here you can see the result of clicking on the pixel marked by the white cross with the Contiguous mode enabled and disabled.

There is also a Tolerance parameter in the top menu, which defines how much similar colors you want to select larger values produce "wider" selections. This is probably the most advanced selecting tool, that can really save your time.

The Magic Wand Tool In Photoshop

For many people, this is the only selection tool they ever use. Quick Selection works like a brush, you can choose the brush tip diameter in the top menu. Then, draw strokes over the area, that you want to select. It adds each stroke to a selection, and it also gradually expands it into the surrounding area, selecting the related parts similarly to a Magic Wand.

Sometimes, the tool may go beyond the area, that you want to select, and select much greater part. Switch to the Subtract mode in the top menu or hold the Alt key and you can remove the unwanted parts in the same way. There is a hidden layer inside the Quick Selection tool. As you draw strokes with the New or Union mode, the tool draws into that layer with the white color.

When you draw with the Subtract mode, the strokes are drawn using the black color. This layer is used as a guide for the tool: white areas must always be inside the selection, black areas must not be in the selection, and the remaining area will be smartly deduced from this, by analyzing the actual image.

The more white and black strokes you specify, the more information the tool has for making a good selection.There are many ways to create selections. Designers often need to select thousands or even millions of pixels.

Creating the necessary selection may take a lot of time.

how to move selection in photopea

It is very useful to learn about all the tools, to be able to create selections effectively. Another useful operation is to create a selection according to the transparency of some layer. Hold the Ctrl key and click on the thumbnail of a layer to create such selection.

These tools allow you to create rectangular selections or ellipse selections. Simply click and drag the mouse to create the selection. Lasso tool allows you to draw selections by hand.

Simply click and drag the mouse around the object, that you want to select. It can be useful to zoom in, to be more precise. Polygonal lasso allows you to draw a polygonal selection. Simply click on the image to add the new corner of a polygon. Press Delete to remove the last corner. Double-click or hit Enter to finish the selection. Magnetic lasso is a smart tool for making selections.

It is very similar to the standard lasso, but it "sticks" to edges of objects. Click anywhere to add the first point, then move the mouse along the edge to draw the selection. Control points will be added along the selection.

Magnetic lasso tries to find the most appropriate path from the last control point to the current position of the mouse.

Press Delete to remove the last control point, or click to add the control point manually to force Magnetic lasso to go in a specific way. When you create a new selection, it can either replace the old one, or it can be combined with the old one.

Each selection tool has several parameters in the top menu, which define the way, how two selections are combined. There is the default replace mode to replace the old selectionunion mode to connect two selections togethersubtract mode to remove the new selection from the old oneintersect mode to select only pixels, that are in both selections and XOR mode, which corresponds to the union, while subtracting the intersection.

These modes allow you to create selections in multiple steps. Selection tools also have a feather parameter, which will apply feather right after the selection is finished. Many designers create all selections with a small blur, to avoid sharp edges between selected and unselected areas.

When any selection tool is active, you can press the mouse inside the current selection and drag it to move that selection.

how to move selection in photopea

This is possible with the replace mode only e. Creating Selections There are many ways to create selections. Rectangle Select, Ellipse Select These tools allow you to create rectangular selections or ellipse selections. Lasso Lasso tool allows you to draw selections by hand. Polygonal Lasso Polygonal lasso allows you to draw a polygonal selection. Magnetic Lasso Magnetic lasso is a smart tool for making selections.Photopea is the work of a ridiculously talented chap called Ivan Kutskir, born in Ukraine but now living in the Czech Republic.

The default dark grey skin makes it look like an Adobe product, as do the icons chosen for the toolbar. You can start a fresh project in Photopeaor upload an image file from your PC.

JPEG is older, and uses lossy compression that throws away data to make a smaller file.

Selections

Being able to work on one part of an image without affecting the rest is a powerful feature, and Photopea enables you to make selections with a variety of tools, including a magic wand that selects continuous areas of colour, a quick selection brush that sticks to edges while you paint your selection on, plus freehand lasso and rectangular marquee tools.

This opens a window showing your original on one side and your selection separated from the background on the other. Brushing over the edges of your selected object left modifies the selection outline right. You can change the size of your brush, and choose whether to paint with white addblack remove or gray soften. Once refined, your selection is copied and appears as a new layer with a transparent background in the Layers palette.

Layers enable you to do tricks like replacing backgrounds, and changing the colours of parts of an image. Imagine your image is divided up into slices, which are stacked so you see the top one. This enables you to change the overall brightness of your image with the central grey slider below the histogram, as well as moving the white and black points to increase contrast. Experiment to see what happens — you can always undo any changes you make.

how to move selection in photopea

Adjustment layers change the colours and brightness of the layers below them. To add one, use the button at the bottom of the layers palette and choose from the pop-up menu. Vibrance is good for brightening the colours of your image, while levels has a similar effect to the one in Step 6.

You can drag adjustment layers up and down the Layers stack to change the effect. Screen has the opposite effect, while some of those nearer the bottom of the list can have very strange effects. If you need to blur, distort, pixelate or otherwise mess up your image, there are options from the Filter menu. Filters apply to the whole image, unless you have an area selected, when they only affect the inside of the selection outline. The 'Liquify' filter enables you to stretch, mold and otherwise distort your image.

The 'Last filter' option reapplies the last-used filter and its settings. You can buy the latest issue or subscribe. Image credit: Photopea.


thoughts on “How to move selection in photopea

Leave a Reply

Your email address will not be published. Required fields are marked *