Minecraft Skin Editor Tutorial
A complete guide to TDoGMC Studio: interface layout, keyboard shortcuts, layers, cloud sync and troubleshooting.
Preface
TDoGMC Studio provides a professional skin creation experience. Read below to get started.
Interface Overview
- Top Navigation
- Toolbar
- Properties Bar
- Tool Options
- Main Canvas
Keyboard Shortcuts
Speed up your workflow with these hotkeys:
Global & File
| Undo / Redo | Ctrl + Z / Y |
|---|---|
| Cloud Save / Export | Ctrl + S |
| Import Image | Ctrl + O |
| Copy | Ctrl + C |
| Paste | Ctrl + V |
View & Control
| Pan Canvas | Space（Hold） |
|---|---|
| Zoom Canvas | Wheel / Pinch |
| Toggle 2D/3D | Tab |
| Center View | Ctrl + 0 |
| Cancel / Exit | Esc |
Tools
| Pencil | B |
|---|---|
| Eraser | E |
| Pick Color (Alt subtracts in Marquee tool) | I / Alt（Hold） |
| Fill | F |
| Selection | M |
| Selection: add / subtract | Shift / Alt |
| Pan | H / Hold Space |
Advanced
| Resize Brush | ] / [ |
|---|---|
| Gradient | G |
| Swap Foreground/Background Color | X |
| Noise Brush | N |
| Blur / Sharpen Toggle | U |
| Burn / Dodge Toggle | O |
View & Controls
In 2D and 3D modes, use the following gestures and mouse actions:
Mouse
- Rotate
- Pan
- Zoom
- Context Menu
Touch
- Pinch to Zoom
- Single Finger Pan
Temporary Tools
Hold Space for Pan; Hold Alt for Eyedropper.
Hidden Gestures
On mobile/tablet: 2-finger tap to Undo; 3-finger tap to Redo.
Symmetry Drawing
In 3D mode, right-click the Brush tool to enable Symmetry. Actions on one side (e.g., left arm) will mirror to the other side.
- Y-Axis Symmetry
Advanced Color Management
The editor is equipped with a professional-grade color management pipeline, helping you pick colors instantly and efficiently build your personal color library.
Foreground/Background Color System
Color Library Management and Marquee Selection
Floating Color Picker (FCP)
- The bottom left corner is the Foreground/Background Color widget.
- Press the X key at any time to instantly swap the two, which is extremely convenient when drawing the boundary between highlights and shadows.
- Hold down the left mouse button and drag to batch select multiple empty color blocks across rows and columns.
- Right-click to bring up the menu, allowing you to fill all selected slots with the current color in one click.
- Double-click on any color block, or click the Foreground/Background color sphere, to bring up the advanced Floating Color Picker.
- Supports precise seven-axis coordinated adjustment of HSV (Hue/Saturation/Value) and RGBA.
- Click the 📌 in the top right corner to pin the color picker, turning it into a persistent floating window that doesn't block your drawing view.
Core Tools
Master these essential tools:
Paint Bucket
Fills closed areas based on tolerance.
Eyedropper
Pick colors from canvas or reference. Hold Alt for quick access.
Gradient Tool
Click and drag on the canvas to fill a smooth gradient from the start point to the end point: the start color equals the foreground color and the end color equals the background color (the drag direction sets the gradient direction). Change colors with the foreground/background orbs or the palette; press X to swap them and reverse the gradient.
Burn/Dodge
Adjusts pixel brightness. Perfect for shading and highlights.
Marquee Tool
Creates a mask; drawing is restricted to inside the selection. Hold Shift to add to the selection, Alt/Option to subtract.
Color Adjust (HSB)
Real-time adjustment of Hue, Saturation, and Brightness.
View & Interaction
3D mode uses real-time rendering, allowing painting directly on the model.
- Camera Control
- Left Click
- Rotate View
- Middle Click
- Pan View
- (or Space)
- Wheel
- Zoom
Limitations
Due to UV mapping, Marquee and Gradient are not supported in 3D. Use Tab for 2D mode.
3D Grid
Shows grid in transparent areas to distinguish 'Air' from 'Unpainted'.
Reference Window
Floating tool to load images for tracing/reference.
Image Panning
Drag with Left Click to move image.
Scroll Zoom
Zoom centered on cursor.
Cross-window Pick
Pick colors directly from the reference image.
Drag to Move
Drag title bar to reposition.
Free Resize
Drag edges to resize.
Opacity Slider
Adjust transparency.
Structure Management
Minecraft skins have a dual-layer structure; our layers allow even more complexity.
- Merge Down
Visibility Control
Toggle rendering for specific body parts in the right panel.
Batch Action
Use the header checkbox to select/deselect all.
Model Specs
Supports Steve (4px arms) and Alex (3px arms).
- Active Layer
Layers Panel
Manage stack order and visibility.
Parts Control
Independent toggle for each body part's inner/outer layer.
Merge Down
Merges current layer into the one below.
Official Linking
Data exchange via official Mojang/Microsoft APIs.
Data Fetch
System can read your current official skin and store it in the Wardrobe.
Sync Update
Click 'Refresh' to sync changes from the official game source.
Persistence & Sync
How your data is saved:
Guest Mode (Local)
Drafts saved to browser IndexedDB. Do not clear cache.
Pro Member (Cloud)
Silent encrypted cloud sync. Start on PC, finish on Mobile.
Conflict Handling
If data differs across devices, a wizard helps you choose the version to keep.
- Local Cache
- Cloud Storage
Troubleshooting
Common solutions and feedback guide:
- Self-check Guide
Black Screen or Glitch?
Press Ctrl + 0 to reset view.
Not Drawing?
Check if layer is hidden or if in Rotate mode.
System Errors?
Press Ctrl+Shift+R for hard refresh.
Submitting Feedback
Include these details for faster bug fixes:
Full Screenshot
Include URL and version number (bottom right).
Steps
What did you click before the error?
Console Logs
Press F12, screenshot red text in 'Console'.
- Must Read Before Feedback
- 《Bug Guide》
- Go to Forum
Complex Bug?
Email our tech support team with details.