Photopea has emerged as the go-to solution for designers, photographers, and hobbyists who need the power of professional software without the heavy price tag or hardware requirements. If you have ever used Adobe Photoshop, you will feel immediately at home. If you are a complete beginner, this guide will walk you through everything you need to know to master this versatile tool.
Understanding the Photopea Interface
Before diving into edits, it is essential to understand your workspace. Photopea runs entirely in your web browser, yet it manages to pack a full suite of professional tools into a clean, accessible layout.
The interface is divided into four main sections. On the left, you will find the Toolbar, which contains your brushes, selection tools, and text options. The center is your Canvas, where the magic happens. On the right, you have the Sidebar, which houses your layers, history, and color properties. Finally, the Top Menu bar gives you access to file management, filters, and window settings.
The Toolbar: Your Creative Arsenal
The toolbar is stacked with icons, many of which have hidden tools underneath them. If you see a small arrow in the corner of an icon, right-click it to reveal related tools. For instance, the “Lasso Tool” group contains the Magnetic Lasso and Polygonal Lasso, each serving a specific purpose for isolating subjects in your photos.
Layers and Navigation
The Layers panel on the right is perhaps the most important part of the interface. In Photopea, every element you add—be it a photo, a shape, or text—lives on its own layer. This allows you to edit one part of your project without affecting the rest. Mastery of layers is the difference between a messy project and a professional design.
Starting Your First Project
To begin, go to the Photopea website. You are greeted with three main options: New Project, Open From Computer, or Templates.
Creating from Scratch
If you choose “New Project,” a window appears with presets for social media (like Instagram or YouTube), print, and screen sizes. You can also manually input your dimensions. Ensure you set the DPI (dots per inch) to 72 for web use or 300 for high-quality printing.
Importing Existing Files
One of Photopea’s strongest features is its compatibility. You can open .PSD (Photoshop), .AI (Illustrator), .XD, .Sketch, and even .PDF files. Simply drag and drop your file into the browser window, and Photopea will render it with all layers intact.
Essential Editing Techniques
Once your file is open, you can begin the editing process. Here are the core techniques that every user should master.
Resizing and Cropping
To change the overall size of your image, go to Image > Image Size. If you only want to change the “frame” around your image, use Image > Canvas Size. To remove unwanted edges, select the Crop Tool from the toolbar, adjust the handles, and hit Enter.
Color Correction and Adjustments
Photopea offers powerful non-destructive editing through Adjustment Layers. Instead of changing the pixels directly, you can add a layer that sits on top of your image and alters its appearance.
- Brightness/Contrast: Simple fixes for exposure.
- Levels and Curves: Advanced control over highlights, shadows, and midtones.
- Hue/Saturation: Used to change the color of specific objects or the overall vibrancy of the scene.
Removing Backgrounds
The “Magic Wand” tool is great for solid backgrounds, but for complex subjects, the Object Selection tool is your best friend. Draw a rough box around the object you want to keep, and Photopea’s AI will attempt to find the edges. Once selected, click the “Raster Mask” icon at the bottom of the layers panel to hide the background without deleting it.
Working with Text and Graphics
Photopea isn’t just for photo editing; it’s a powerful graphic design tool.
Adding Typography
Click the “T” icon in the toolbar and click anywhere on your canvas to start typing. The top options bar allows you to change the font, size, and alignment. Photopea comes with hundreds of free fonts, and you can even “Load Font” to use a custom .TTF or .OTF file from your computer.
Using Layer Styles
To make your text or shapes pop, use Layer Styles. Double-click the empty space next to a layer’s name to open the “Layer Style” menu. From here, you can add:
- Drop Shadows: To create depth.
- Outer Glow: For a neon or highlighted effect.
- Stroke: To add an outline to your text.
- Color/Gradient Overlay: To change the color of an object instantly.
Advanced Features and Shortcuts
To truly use Photopea like a pro, you need to move beyond basic clicking and start using advanced features and keyboard shortcuts.
Smart Objects
When you resize a standard layer to be very small and then blow it up again, it becomes pixelated and blurry. To avoid this, right-click your layer and select “Convert to Smart Object.” This preserves the original resolution of the image, no matter how many times you transform it.
Masking for Seamless Blending
Masking is a fundamental skill. Instead of using the eraser tool (which deletes pixels forever), use a layer mask. Use a black brush on the mask to hide parts of the layer and a white brush to reveal them. This is essential for creating composites where two images blend together seamlessly.
Pro Keyboard Shortcuts
Efficiency is key in design. Memorize these to speed up your workflow:
- Ctrl/Cmd + J: Duplicate a layer.
- Ctrl/Cmd + T: Free Transform (resize and rotate).
- Ctrl/Cmd + Z: Undo.
- Spacebar (Hold): Hand tool to pan around the canvas.
- B: Brush tool.
- V: Move tool.
Exporting Your Work
Once your masterpiece is finished, you need to save it correctly. Go to File > Export As.
Choosing the Right Format
- JPG: Best for photographs and web images where file size matters.
- PNG: Best for graphics with transparent backgrounds.
- SVG: Best for logos and icons that need to be scaled without losing quality.
- PSD: Save as a PSD if you want to come back and edit your layers later.
Quality Settings
When exporting as a JPG, you will see a quality slider. Keeping it around 70% to 80% usually offers the best balance between visual clarity and a small file size. For professional prints, always keep it at 100%.
Troubleshooting Common Issues
Sometimes things don’t go as planned. If a tool isn’t working, check these three things:
- Is the correct layer selected? You cannot paint on a layer that is hidden or not highlighted in the layers panel.
- Is the layer locked? Check for a small padlock icon on the layer.
- Is there an active selection? If you have a tiny selection somewhere on the canvas, you won’t be able to edit anything outside of that “marching ants” box. Press Ctrl/Cmd + D to deselect everything.
Frequently Asked Questions
Is Photopea truly free to use?
Yes, Photopea is completely free. It is supported by a small ad sidebar. There is a Premium version available that removes ads and gives you more “Undo” steps in your history, but the actual editing tools are identical for both free and paid users.
Does Photopea work offline?
Photopea is a web-based application, so you need an internet connection to load the website. However, once the site is fully loaded in your browser, you can actually continue working on your project even if your internet drops out, as the processing happens locally on your computer.
Can I use Photoshop brushes in Photopea?
Absolutely. Photopea supports .ABR brush files. You can load them by going to the Brush tool, clicking the brush arrow in the top menu, and selecting “Define New” or simply dragging the .ABR file into the Photopea window.
Is Photopea safe for my privacy and files?
Photopea processes everything locally in your browser. This means your images are not uploaded to a server while you are editing them. When you “Open” a file, it stays on your machine, and when you “Export,” it saves directly back to your machine.
Can Photopea handle large, high-resolution files?
Photopea is surprisingly robust, but because it runs in a browser, it is limited by your computer’s RAM. It can easily handle standard 4K images and complex designs, but if you try to open a 1GB file with hundreds of layers on an old laptop, you might experience some lag.