Online Photoshop Brush Tool Tutorial: Learn Digital Painting from Scratch
Want to learn how to use the brush tool in online Photoshop? This guide details all brush tool functions, including brush settings, pressure-sensitive drawing, layer management tips, and more. Beginners can quickly get started with digital painting.
Want to draw on your computer but don’t know how to use the brush tool? Traditional Photoshop has complex functions that can be overwhelming. In fact, the brush tool in online Photoshop is simple and easy to use. This tutorial will teach you how to master the brush tool from scratch and start your digital painting journey!
Introduction to Online Photoshop Brush Tool
The brush tool is one of the most fundamental and powerful tools in online Photoshop, useful for:
- Free Drawing: Draw lines, doodles, illustrations
- Photo Retouching: Add brush stroke effects, paint light effects
- Layer Masks: Precisely control layer display areas
- Digital Painting: Create complete digital artworks
- Design Elements: Add decorative brush stroke effects
Basic Brush Tool Operations
Step 1: Open Online Photoshop Tool
Visit JiuJiu YouYi Online Photoshop (99ue.com) and click “Start Editing” to enter the workspace. You can create a new blank canvas to start painting or open an existing image for retouching.
Step 2: Select Brush Tool
Find the brush tool in the left toolbar (keyboard shortcut B). If you see the pencil tool or other drawing tools, long-press the icon to expand the submenu and select the brush tool.
Step 3: Set Brush Properties
Set basic brush properties in the top options bar:
Brush Type:
- Round brush: Most commonly used, suitable for most scenarios
- Hard-edged brush: Clear edges, suitable for detail work
- Soft-edged brush: Soft edges, suitable for transitions
- Special brushes: Texture, hair, clouds and other effect brushes
Brush Size:
- Use the slider to adjust directly
- Keyboard shortcuts: Left bracket [ to decrease, right bracket ] to increase
- Precise value input: Enter pixel value directly
Opacity:
- 100%: Completely opaque
- Lower values: Semi-transparent effects, suitable for layered drawing
Flow:
- Controls paint flow rate
- Low flow with multiple strokes can create gradient effects
Step 4: Set Brush Color
Find the foreground/background color selector at the bottom of the toolbar:
- Foreground Color: The color used for brush drawing
- Background Color: The color revealed when erasing
- Click the color swatch to open the color picker and select a color
- Keyboard shortcut D: Reset to default black and white
- Keyboard shortcut X: Swap foreground and background colors
Step 5: Start Drawing
Click and drag the mouse on the canvas to start free drawing. Based on your settings, you can create:
- Smooth lines
- Soft gradients
- Textured brush strokes
Advanced Brush Techniques
Using Layers for Drawing
- Create new layer: Click the “New Layer” button at the bottom of the layers panel
- Draw on the new layer: Select the newly created layer to draw
- Layer advantages:
- Can adjust opacity individually
- Can delete or hide at any time
- Won’t affect other content
Brush Dynamics Settings
Open the “Brush” panel from the “Window” menu for more advanced options:
| Setting | Function Description | Effect |
|---|---|---|
| Shape Dynamics | Brush size varies with pressure | Simulates real brush strokes |
| Scattering | Strokes randomly distributed | Creates natural textures |
| Texture | Add brush texture | Increases texture feel |
| Color Dynamics | Color random variation | Rich color drawing |
| Transfer | Opacity varies with pressure | Light and heavy stroke effects |
Using Pressure-Sensitive Drawing
If using a graphics tablet, you can enable pressure sensitivity:
- Pressure level affects stroke thickness
- Pressure intensity affects opacity
- Closer to real painting experience
Common Painting Scenario Applications
Line Art Drawing
- Select hard-edged round brush
- Set lower opacity (30-50%)
- Use light colors for initial sketch
- Gradually deepen to confirm lines
Coloring Techniques
- Create new layer below line art
- Select soft-edged brush
- Set low opacity for layered coloring
- Multiple layers create depth
Light and Shadow Effects
- Create new layer, set mode to “Overlay”
- Use large soft-edged brush
- Light colors for highlights, dark colors for shadows
- Adjust layer opacity to control intensity
Frequently Asked Questions
Q: Brush size keyboard shortcuts not working?
A: Make sure your input method is in English mode. Keyboard shortcuts may not work under Chinese input method.
Q: How do I restore brush default settings?
A: Select “Reset Brushes” from the menu in the top right corner of the brush panel to restore default settings.
Q: Brush drawing has lag?
A: The image may be too large or computer performance is insufficient. We recommend appropriately reducing canvas resolution or closing other programs.
Q: How do I import custom brushes?
A: Online Photoshop currently mainly supports built-in brushes. For more brush resources, check if JiuJiu YouYi platform offers brush extension packs.
Q: Why is the brush color transparent?
A: Check if opacity and flow settings are at 100%. Also confirm that the current layer is not locked or hidden.
Q: How do I draw straight lines?
A: Click the starting point, hold the Shift key, then click the end point to draw a straight line.
Want to experience professional-level online photo editing and painting? Visit JiuJiu YouYi Online Photoshop now - no download or installation needed, just open your browser and start using it. Rich brush features await your exploration, completely free!
JiuJiu YouYi is dedicated to providing professional, convenient, and free online photo editing services, making digital painting simple and fun.