How do I create animated text?

Use the Text Tool, type your content, then select an animation style from the Properties panel. PinePaper supports Pulse, Rotate, Bounce, Fade, Wobble, Swing, Shake, Jelly, and more.

Can I export my animation as video?

Yes! PinePaper exports to MP4 video (H.264), WebM (VP9), GIF animations, animated SVG with SMIL, and static PNG. MP4 and WebM are ideal for social media, GIF for messaging apps.

Yes! PinePaper Studio is completely free to use with all features available.

What file formats can I import?

You can import SVG files, raster images (PNG, JPG), and create text and shapes from scratch.

Does PinePaper work on mobile?

PinePaper is optimized for desktop use with mouse and keyboard. Mobile support is currently limited.

PinePaper Studio - Animált Szöveg, 2D Grafika és SVG Készítő

Vászon méret

Infinite Canvas

Platformok

Közösségi média

Prezentációk

Szabványos

Nyomtatás és papír

Egyéni

Egyéni vászon méret

Szélesség (px)

Magasság (px)

Képarány zárolása

Gyors arányok

Előnézet

800 × 600 px

📊 Diagram eszközök

Elemek összekötése

Kattintson az első elemre az összekötés indításához

Alakzatok

Folyamatábra

Alapvető

UML

Hálózat

Alapértelmezett stílus

Új csatlakozókra alkalmazva

Szín

Szélesség

Line Style

Nyílfej

Nyíl vége

Szaggatott folyamat

Irány

Sebesség

Automatikus elrendezés

Rács

Igazítás rácshoz

Import Mermaid

Load .mmd file...

Rigging Tools

Show bone overlay Show all Move skeleton

Active Skeleton

Quick-Start Presets

Bone Hierarchy

No skeleton active

Poses

No poses saved

Hogyan Használja a PinePaper Studio-t

Mobile Mode

You're viewing the mobile version. Tap items to select, drag to move, and use templates for quick designs.

For full control over fonts, animations, properties, and advanced features, use desktop mode.

Tip: Tap Refresh in the menu to start with a clean canvas.

Kezdő Lépések

Eszköztár (Bal): Válassza ki az eszközöket Szöveg, Alakzatok, Rajzok vagy Képek hozzáadásához.
Tulajdonságok (Jobb):
- Válasszon ki egy elemet a Betűtípus, Szín és Animáció szerkesztéséhez.
- Kattintson a háttérre a Minta vagy Háttérkép szerkesztéséhez.
Vászon (Közép): Az Ön kreatív tere. Húzza az elemeket a mozgatáshoz.
SVG Importálás: Használja az "SVG" gombot vektor grafika importálásához. Ingyenes SVG-ket találhat itt: SVG Repo.

Többnyelvű Támogatás

PinePaper Studio supports text in all languages and scripts (e.g., Chinese, Arabic, Hindi, Emoji).

Egyszerűen válassza a "Szöveg Eszközt" és írjon a kívánt nyelven. Az animációk univerzálisan működnek!

Animációk

Válasszon ki egy elemet és válasszon animációs stílust a Tulajdonságok panelen lévő rácsból.

Pulse/Wobble/Rotate: Egyszerű hurok animációk.
Útvonal: Használja az "Útvonal Eszközt" (ceruza ikon) egyéni útvonal rajzolásához, amelyet az elem követhet!

Sablonok

Kezdjen előre tervezett sablonokkal a gyors létrehozáshoz:

Kattintson a "Sablonok" gombra (bal oldali oldalsáv) az elérhető sablonok böngészéséhez.
Válasszon egy sablont hogy azonnal betöltse a vásznára.
Szabjon testre mindent: Szerkessze a szöveget, változtassa meg a színeket, állítsa be az animációkat - a sablonok teljesen szerkeszthetők.
Mentse el a sajátját: Készített valami csodálatosat? Kattintson a "Sablon Mentése" gombra, hogy hozzáadja a könyvtárához.

A sablonok háttérrel, szöveggel és animációkkal érkeznek, mindegyik már be van állítva. Tökéletes közösségi média bejegyzésekhez, idézetekhez és még sok máshoz!

AI Ügynököknek

A window.PinePaper globálisan elérhető.
Use PinePaper.create('text', { content: 'Hello' }) to interact programmatically.

Feedback & Support

Have ideas, found a bug, or need help? We'd love to hear from you!

Request Features Email Support

Edit Text

Crop Image

Aspect Ratio

Drag the handles on the canvas to adjust the crop area. Drag inside the crop area to move it.

Mask Image

Drag on canvas to position. Use corner handles to resize.

Drag Mode

Toggle what moves when you drag on canvas

Mask Size

100%

Shape

Remove Background

Select a key color to remove, or use the eyedropper to pick from the image.

Color Presets

Custom Color

#00FF00

Threshold 50

Higher = removes more similar colors

Edge Smoothing 10

Softer edges around removed areas

Code Console

Paste AI-generated code or write your own

Lines: 0 Chars: 0

Ready

🤖 Create with AI

Use any AI assistant to generate code. No design skills needed!

⚡ Best Experience: Configure MCP

For the best results, configure the PinePaper MCP server in Claude Desktop. This gives Claude direct access to the canvas API.

View MCP Setup Guide

1 Quick Start (Without MCP)

Open Claude or ChatGPT
Share the example prompt with the API docs link
Describe what you want to create
Copy the generated code
Paste into Code Console & Run!

Example Prompts (tap to copy)

Open Claude Open ChatGPT

📚 Code Examples

Tap an example to load it

Előző munkamenet találva

Session with 5 edits

Welcome to PinePaper Studio!

Guide

esc

↑↓ navigate ↵ select

⌘K to open

PinePaperStudio Beta

Cutout Styles

Device Capabilities

Létrehozás

Quick Actions

Pick a Shape

Exportformátum

Műveletek

Canvas Size

Egyéni vászon méret

📊 Diagram eszközök

Import Mermaid

Rigging Tools

Quick-Start Presets

Animations

Test Character

Bone: —

Hogyan Használja a PinePaper Studio-t

Mobile Mode

Kezdő Lépések

Többnyelvű Támogatás

Animációk

Sablonok

AI Ügynököknek

Feedback & Support

Crop Image

Mask Image

Remove Background

Code Console

Device Capabilities

Létrehozás

Quick Actions

Pick a Shape

Exportformátum

Műveletek

Canvas Size

📊 Diagram eszközök

🦴 Rigging Tools

Quick-Start Presets

Animations

Test Character

Bone: —

Code Console

🤖 Create with AI

⚡ Best Experience: Configure MCP

1 Quick Start (Without MCP)

Example Prompts (tap to copy)

📚 Code Examples

Rigging Tools