Skip to main content

Workspace

  

Workspace


The workspace of Photopea is very similar to other image editors. It consists of the Toolbar on the left, the Sidebar on the right, the Working area in the middle and the Top menu at the top.

Toolbar

The toolbar contains all available tools. You can switch tools by clicking on their icons in the toolbar. Only one tool can be active at a time. Icons with a little arrow in the corner (e.g. Lasso tool) contain the whole group of related tools. Click and hold a tool button to see the menu with more tools in that group.

Keep your mouse above a tool icon for a moment to see the name of that tool. Some tools have capital letters attached to them (e.g. B for Brush tool). You can also switch tools by pressing corresponding keys on your keyboard.

There is the foreground and the background color at the bottom of the toolbar. It is a simple palette of two colors, which are used by some tools. You can swap them with the X button, or reset to default values (black and white) with a D button.

Sidebar

The sidebar consists of two vertical columns. Each column can be folded and unfolded by clicking the thick line at the top of the column.

These columns contain panels (Layers, History, Paragraph ...), that you may need during your work. When the column is unfolded, you can see multiple panels, that are inside. When the column is folded, you can show and hide a specific panel by clicking the corresponding button in the column.

If you don't know where a specific panel is located, press Window - name of that panel.

Main Area

Photopea allows you to open multiple documents (e.g. JPG images) at the same time. The list of opened documents is shown in the bar at the top of the main area.

Here you can switch between documents and choose the one that you want to work with. You can also close documents by pressing the cross next to the document name. Below that bar, in the middle of the workspace, is the actual content of your document. It is the active area, whree you can draw, move objects etc.

Top Menu

The top menu consists of two parts the first part (File, Edit, Image ...) is the main menu of Photopea. It is always the same.

The second part (below the main menu) contains parameters of the current tool. It has a different content for each tool. For example, for the Brush tool, it contains the opacity of the brush, while for the Type tool, it contains the size of characters.


Comments

Post a Comment

Please do not post irrelevant comments on the forum

Popular posts from this blog

Introduction To Photopea

  Introduction Photopea is an advanced image editor, which can work with both raster and vector graphics. You can use it for simple tasks, such as resizing images, as well as complex tasks, such as designing webpages, creating illustrations, processing photographs and more. This website will teach you how to use Photopea  step by step . We will start with basic tasks and gradually progress to more complex features. The chapters (on the left) have been organized, such that each chapter uses only the knowledge from previous chapters, so you can learn effectively and efficiently. Colors Right now, Photopea works with the sRGB color space (the basic color space for the web), with the 8-bit color depth. All exported files use sRGB, too. Starting and using Photopea Photopea editor works in a web browser. It can be started by going to  www.Photopea.com . Photopea can run on any device (desktop, laptop, tablet, phone or any other computer), but for the best comfort, we recommend having a big s

Guides, Grid and Snapping

  Guides, Grid and Snapping Precise position of image elements can be very important. The basic tool, which can help us align image elements, are  rulers . Rulers can be enabled in View - Rulers. But there are several other ways how to align elements precisely. Guides There can be multiple guides in a PSD document. A guide is a horizontal or a vertical line, which is displayed over the document and can help you align elements. To add or delete a guide, select the Move tool and enable rulers. To add a guide, click on the ruler and drag the mouse into the document. To delete a guide, click on it and drag it onto the ruler. To move existing guides, click on them with a Move tool and drag them to a new location. Grid Designers often need to place some elements regularly, with an equal distance between them. Instead of adding many guides with the same spaces between them, we can use the  grid . A regular grid will be displayed over your document, which can help you align other elements. Pix

Text

  Text P utting text into images is an essential operation of image editing. Photopea offers a rich set of tools for working with text. Text is stored in PSD documents inside   Type Layers , which have a thumbnail with a capital letter T on it. There are three kinds of Type layers: Point text  - defined by the point of origin. The text starts at that point and continues on a single line until the line break (Enter). Paragraph text  - defined by the rectangle. Paragraphs are broken automatically into multiple lines to fill the rectangle. Text on a curve  - defined by a curve, letters are arranged along the curve. Creating a Type layer The  Type tool  is used for working with Type layers:  . To create a  Point text , choose a Type tool and click (press and release) the mouse at some place, which will become the origin. To create a  Paragraph text , press the mouse and drag it to draw a rectangle, then release the mouse. After creating the new Type layer, you can start typing. If you clic