
Creating posters, thumbnails and portfolio designs requires image-editing skills, but professional software may not always be accessible or convenient to use. If you work on a phone, tablet or basic laptop, learning selections, layers, typography and photo retouching can feel challenging. Installing heavy applications or paying for software may also make it harder to get started with graphic design.
Photopea offers a browser-based alternative for practising essential Photoshop-style editing techniques without installing desktop software. You can cut out objects, adjust colours, manage layers and create graphics using a compatible device and internet connection. By learning its essential tools and applying them to practical projects, you can develop graphic design skills and create visuals for social media, thumbnails and portfolios.
Learners interested in graphic design, photo editing, and creating professional visual content can explore the PW Earners platform for practical digital skill development opportunities. The PW Earners Mobile Courses Batches page helps learners discover available programmes, while the Mobile Courses section provides access to courses focused on mobile-based learning, content creation, and other digital skills. Photopea is a browser-based image editing tool that can help beginners work with layers, masks, text, and image adjustments without installing desktop software. Learners who want to strengthen their visual design fundamentals can also explore the Canva One Shot: Mobile Graphic Design and Colour Theory blog to understand colour combinations, typography, and visual hierarchy for creating more effective designs.
Photopea is a convenient option for practising graphic design without installing desktop software. Here are its main benefits and a practical tip for mobile users:
Browser-based editing: Open Photopea in Chrome or another compatible browser without installing a desktop application.
PSD file support: Open and save PSD files to continue editing layered designs.
Multiple design uses: Create thumbnails, posters, social media graphics and portfolio pieces using selection, retouching, text and layer tools.
Photoshop-style features: Practise familiar editing techniques, keeping in mind that some advanced features differ from Photoshop.
Mobile learning: You can build on your Photopea skills with PW Earners Mobile Courses, which offer mobile-focused learning options for developing practical digital skills.
Tip: Pair a compatible phone or tablet with an OTG adapter, keyboard and mouse to make detailed editing easier. Check your device's compatibility before purchasing accessories.
Photopea's interface contains a few main areas that help you access tools and manage your design:
Toolbar: On the left, it contains selection, drawing, cropping and retouching tools.
Menu bar: At the top, it includes File, Edit, Image, Layer and Window options.
Options bar: Displays settings for the selected tool.
Canvas: The central workspace where you edit your image.
Panels: On the right, these include the Layers panel and other editing controls.
Learn a few shortcuts to work faster. Use the Space bar while dragging to move around the canvas, and open the Window menu to restore missing panels. Zoom in when editing fine details and zoom out to check the overall composition.
Start with the tools you will use most often instead of trying to learn everything at once.
|
Tool |
Main use |
|
Move Tool |
Moves and aligns design elements. |
|
Selection Tools |
Select specific areas of an image. |
|
Lasso Tools |
Create freehand or straight-edged selections. |
|
Quick Selection |
Helps select subjects and areas with similar visual characteristics. |
|
Crop Tool |
Adjusts image dimensions and composition. |
|
Eyedropper |
Samples colours from an image. |
|
Healing Tools |
Help remove spots and unwanted marks. |
|
Brush and Eraser |
Paint on or erase parts of a layer. |
|
Clone Stamp |
Copies pixels from one area to another. |
|
Pen Tool |
Creates precise paths, cut-outs and shapes. |
|
Shape Tool |
Adds shapes with fills and strokes. |
|
Text Tool |
Adds text and adjusts font, size, spacing and alignment. |
Useful shortcuts include Ctrl+A to select all, Ctrl+D to deselect, Ctrl+J to copy a selection onto a new layer, and Ctrl+T to transform a layer. Shortcuts may vary by device and browser.
Layers let you edit individual elements without affecting the entire image. For example, you can keep the background, product image and headline on separate layers so each element is easier to adjust.
Layer management: Create, duplicate, group, lock or delete layers to organise your design.
Adjustment layers: Change brightness, exposure, vibrance and colours without directly modifying the original image.
Layer masks: Control which parts of a layer are visible. White reveals the layer, while black hides it.
Blending modes and layer styles: Add effects such as shadows, strokes, glows and colour overlays.
Tip: Duplicate your original image before making major edits. This keeps a backup and lets you compare the edited design with the original.
Choose image settings based on where you intend to use your design.
|
Setting |
Digital graphics |
Print designs |
|
Colour mode |
RGB |
Often CMYK, depending on printer requirements |
|
Resolution |
72 DPI is a common screen-design setting |
300 DPI is commonly used for high-quality print |
|
Units |
Pixels |
Inches, millimetres or other print dimensions |
|
Editable format |
PSD |
PSD or another suitable editable format |
|
Export format |
PNG or JPG |
The format specified by the printer |
The correct dimensions and resolution depend on the platform or printer. Save your project as a PSD when you need to retain editable layers. Export as PNG when transparency is needed or JPG when you want a widely supported image with a smaller file size.
A burger-themed social media post is a useful practice project because it combines image cut-outs, colour correction, typography and background effects.
Prepare the image: Open the product photo and duplicate the original layer.
Cut out the subject: Use the Pen Tool or a suitable selection tool to separate the burger from its background.
Edit the background: Add a black-and-white background or a colour treatment that complements the product.
Adjust colours: Use adjustment layers to refine brightness, contrast and tone.
Add typography: Create a clear headline and supporting text with the Text Tool.
Apply finishing effects: Use Gaussian Blur selectively to add depth.
Save and export: Save the editable PSD before exporting the final graphic.
You can apply the same process to a thumbnail titled “Learn and Earn with Graphic Design.” If you want to turn your designs into engaging videos, the VN Video Editing Full Course can help you learn complementary mobile editing techniques, including effects and colour grading. You can also practise creating promotional graphics and social media visuals to build a portfolio of design projects.
Regular practice helps you become familiar with the tools and apply them confidently to complete designs.
Pen Tool cut-outs: Practise cutting out 50 simple objects before moving to more complex shapes.
Shape design: Create banners, buttons and frames using different fills and strokes.
Blending modes: Apply different modes to duplicated layers and compare the results.
Typography: Create headline variations by changing font size, spacing, alignment and colour.
Social media graphics: Design a poster, promotional graphic and thumbnail using your own images.
File management: Save layered PSD files and export final designs as PNG or JPG.
Once you can create clean cut-outs and readable layouts, apply the same skills to more complex projects. You can also check the available PW Earners’ mobile course batches for other relevant mobile learning options.
Creating effective graphics becomes easier when you practise essential editing techniques and apply them to real projects. Photopea lets you work on thumbnails, posters and social media visuals directly in your browser. Start with simple designs, experiment with layers and colour adjustments, and gradually take on more complex projects to improve your graphic design skills.
Beyond image editing, learners can expand their creative capabilities by exploring AI-powered tools and video production techniques. The AI for Video Editors: How to Use AI in Photos, Videos and Audio blog explains how artificial intelligence can support different aspects of digital content creation. Learners interested in AI-assisted productivity can also read the ChatGPT Astra Tutorial by PW Earners and the Claude AI Full Course by PW Earners to explore additional AI tools. Those looking to use their creative skills to build an online audience can explore the Pinterest Growth Course for insights into visual content discovery and digital marketing. To discover other learning opportunities, visit the PW Earners Mobile Courses Batches page and explore programmes aligned with your creative and professional goals.
