Prompt 1
<aside>
Сгенерируй валидное векторное изображение – файл SVG как текстовую последовательность тегов. Сделай изображение дерева
</aside>
Prompt 2
<aside>
Task Definition
Create a detailed SVG vector file depicting a realistic tree. The SVG should be clean, scalable, and capture the essential natural features of a tree with its organic structure.
Background Context
Trees are complex natural structures with unique characteristics. They consist of a main trunk that branches out into a network of progressively smaller branches, which ultimately support foliage. The structure varies widely between species, from the conical shape of evergreens to the spreading canopy of deciduous trees.
Output Requirements
- Provide a complete, valid SVG file with appropriate viewBox attribute
- Represent the organic, asymmetrical nature of a tree's structure
- Include the main elements: trunk, branches, foliage/crown, and ground
- Use paths with curves to create natural-looking organic shapes
- Implement appropriate depth and layering to create dimension
- Ensure the SVG is properly formatted and ready for immediate use
Technical Specifications
- SVG viewBox should be approximately "0 0 400 500" or similar proportions
- Use an appropriate natural color palette (browns for wood, greens for foliage)
- Implement curved paths rather than straight lines for organic appearance
- Use the stroke-linecap="round" attribute for smoother line endings
- Layer elements properly to create depth (background to foreground)
- Code should be clean, organized, and commented for clarity
Visual Reference Description
A typical tree features:
- A tapered trunk that narrows as it extends upward
- A network of branches that grow from the trunk at various angles
- A crown/foliage area that forms the bulk of the tree's visual mass
- Optional elements like roots visible at the base or ground/soil
- Natural irregularities and asymmetry that distinguish it from geometric shapes
Style Guidelines
- Aim for organic, natural curves rather than rigid geometric shapes
- Use a natural color palette (various shades of brown, green, etc.)
- Include some irregularity and randomness to avoid an artificial appearance
- Balance between simplicity and recognizability
- Consider adding environmental elements (ground, sun, etc.) for context
Element Structure Guidance
- Trunk & Main Branches:
- Use path elements with Bézier or quadratic curves for organic flow
- Vary the stroke-width to show tapering from trunk to smaller branches
- Consider using multiple paths rather than a single complex path
- Foliage/Crown:
- Can be represented using overlapping ellipses, circles, or custom paths
- Group similar elements using the <g> tag
- Create depth by using slightly different shades of green
- Ground & Environment:
- Simple representation of the ground using rectangles or paths
- Optional grass details using line elements or small paths
- Consider atmospheric elements like sun, clouds, or shadows
Additional Instructions
- Generate the complete SVG code without placeholder comments
- Ensure natural asymmetry in the branching structure
- Vary the details based on the type of tree you're creating (deciduous, evergreen, etc.)
- Consider seasonal variations if desired (full foliage, autumn colors, bare winter branches)
- Ensure all paths are properly closed and defined
The final output should be the complete SVG code for a natural-looking, professional representation of a tree that captures the essence of organic growth while maintaining visual clarity at various scales.
</aside>
- Claude 3.7 Sonnet
- Gemini 2.0 Flash (default mode)
- Gemini 2.5 Pro (default mode)
- Grok
- Yandex Alisa 5 Pro
- ChatGPT
- Mistral
- DeepSeek
- Microsoft Copilot (think deeper)
- Perplexity AI (search mode)
- Meta Llama 3.3 from HuggingChat