🎯 Beginner's Guide

Introduction

Welcome to Online-PS! This tutorial will guide you through the basics of using our powerful online image editor. Whether you're new to image processing or an experienced designer, Online-PS provides a professional-grade editing experience.

Interface Overview

When you first open Online-PS, you'll see several key areas:

• Menu Bar: Located at the top, contains File, Edit, View, Image, Layer, Effects, and Tools menus
• Toolbar: On the left side, displays all available drawing and editing tools
• Canvas: The central area where you create and edit your images
• Layers Panel: On the right side, shows all layers in your project
• Properties Panel: Displays settings for the currently selected tool

Opening Your First Image

To start editing, you need to open an image. Here are several ways to do this:

1. Click File → Open File to browse your computer
2. Use File → Open from Webcam to capture a photo
3. Paste an image directly with Ctrl+V
4. Drag and drop an image onto the canvas

Basic Tools

Online-PS includes several essential tools for image editing:

• Brush: Paint freehand strokes on your image
• Pencil: Draw precise lines with sharp edges
• Eraser: Remove parts of your image
• Color Picker: Sample colors from your image
• Fill: Fill areas with solid colors
• Selection Tools: Select specific areas to edit

Working with Layers

Layers are fundamental to non-destructive editing. You can:

• Create new layers with Layer → New
• Duplicate layers to preserve your work
• Adjust layer opacity for transparency effects
• Merge layers when you're satisfied with your edits

Saving Your Work

When you're done editing, save your work:

• Export: Save as PNG, JPG, or other formats
• Save As Data URL: Store as a data URL for web use
• Quick Save: Use F9 to quickly save to browser storage

Next Steps

Now that you understand the basics, explore our other tutorials to learn about advanced features like layers, effects, and color corrections.