mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-15 14:18:04 +08:00
Clean up old website code and files (#3658)
This commit is contained in:
Keavon Chambers
@@ -393,16 +393,16 @@ Blend across color schemes. Morph shapes before they're scattered around the can
|
||||
|
||||
## Geared for generative pipelines
|
||||
|
||||
Graphite's representation of artwork as a node graph lets you customize, compose, reuse, share, and automate your content workflows:
|
||||
Graphite's representation of artwork as a node graph lets you customize, compose, automate, reuse, and share your content workflows.
|
||||
|
||||
<div class="feature-icons four-wide">
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.art/icons/icon-atlas-features__2.png" alt="" />
|
||||
<span class="balance-text">Infinitely pan and zoom; export any resolution with no pixelation</span>
|
||||
<span class="balance-text">Infinitely pan and zoom without pixelation, export any resolution</span>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.art/icons/icon-atlas-features__2.png" alt="" />
|
||||
<span class="balance-text">Build workflows to mix AI and human-authored content <em>(future)</em></span>
|
||||
<img class="atlas" style="--atlas-index: 1" src="https://static.graphite.art/icons/icon-atlas-features__2.png" alt="" />
|
||||
<span class="balance-text">Compile standalone programs from node systems <em>(future)</em></span>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.art/icons/icon-atlas-features__2.png" alt="" />
|
||||
@@ -527,102 +527,3 @@ Get started with Graphite by following along to a hands-on quickstart tutorial.
|
||||
</div>
|
||||
</section>
|
||||
<!-- ▙ RECENT NEWS ▟ -->
|
||||
<!-- -->
|
||||
<!-- ▛ DEMO VIDEO ▜ -->
|
||||
<!--
|
||||
<section id="demo-video">
|
||||
<div class="block">
|
||||
Watch this timelapse showing the process of mixing traditional vector art (tracing a physical sketch and colorizing it, first two minutes) with using Imaginate to generate a background (last 45 seconds).
|
||||
<div class="youtube-embed aspect-16x9">
|
||||
<img data-youtube-embed="JgJvAHQLnXA" src="https://static.graphite.art/content/index/commander-basstronaut-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite - Vector Editing: "Commander Basstronaut" Artwork (25x Timelapse)" />
|
||||
</div>
|
||||
(Recorded in an older version of Graphite from early 2023.)
|
||||
</div>
|
||||
</section>
|
||||
-->
|
||||
<!-- ▙ DEMO VIDEO ▟ -->
|
||||
<!-- -->
|
||||
<!-- ▛ IMAGINATE ▜ -->
|
||||
|
||||
<!-- TODO: Reenable when Imaginate is properly working again -->
|
||||
|
||||
<!--
|
||||
|
||||
<section id="imaginate">
|
||||
|
||||
<div class="block">
|
||||
|
||||
<h1><span class="alternating-text"><span>Co-create</span><span>Ideate</span><span>Illustrate</span><span>Generate</span><span>Iterate</span></span> with Imaginate</h1>
|
||||
|
||||
**Imaginate** is a node powered by <a href="https://en.wikipedia.org/wiki/Stable_Diffusion" target="_blank">Stable Diffusion</a> that makes AI-assisted art creation an easy, nondestructive process.
|
||||
[Learn how](/learn/node-graph/imaginate) it works.
|
||||
|
||||
</div>
|
||||
<div class="diptych">
|
||||
|
||||
<div class="block">
|
||||
|
||||
<h2 class="balance-text">Add a touch of style</h2>
|
||||
|
||||
**Magically reimagine your vector drawings** in a fresh new style. Just place an Imaginate node between your layers and describe how it should end up looking.
|
||||
|
||||
<div class="image-comparison" data-image-comparison style="--comparison-percent: 50%">
|
||||
<div class="crop-container">
|
||||
<img src="https://static.graphite.art/content/index/light-bulb-before.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Vector illustration of a light bulb" />
|
||||
</div>
|
||||
<div class="crop-container">
|
||||
<img src="https://static.graphite.art/content/index/light-bulb-after.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Watercolor painting of a light bulb" />
|
||||
</div>
|
||||
<div class="slide-bar">
|
||||
<div class="arrows">
|
||||
<div></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
|
||||
<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
|
||||
<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<blockquote class="balance-text require-polyfill"><strong>Watercolor painting</strong> of a light bulb gleaming with an exclamation mark inside</blockquote>
|
||||
|
||||
</div>
|
||||
<div class="block">
|
||||
|
||||
## Work fast and sloppy
|
||||
|
||||
**Doodle a rough draft** without stressing over the details. Let Imaginate add the finishing touches to your artistic vision. Iterate with more passes until you're happy.
|
||||
|
||||
<div class="image-comparison" data-image-comparison style="--comparison-percent: 50%">
|
||||
<div class="crop-container">
|
||||
<img src="https://static.graphite.art/content/index/california-poppies-before.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Sloppy poppy: vector doodle of California poppy flowers wrapped around a circle" />
|
||||
</div>
|
||||
<div class="crop-container">
|
||||
<img src="https://static.graphite.art/content/index/california-poppies-after.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Polished poppy: artistic, high-quality illustration of California poppy flowers wrapped around a circle" />
|
||||
</div>
|
||||
<div class="slide-bar">
|
||||
<div class="arrows">
|
||||
<div></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
|
||||
<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22">
|
||||
<path d="M12.71 1.71 11.29.29.59 11l10.7 10.71 1.42-1.42L3.41 11Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<blockquote class="balance-text require-polyfill"><strong>Botanical illustration</strong> of California poppies wrapped around a circle</blockquote>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
-->
|
||||
|
||||
<!-- ▙ IMAGINATE ▟ -->
|
||||
|
||||
@@ -122,7 +122,7 @@ But 2023 wasn't only put towards refactoring code. New features were added all t
|
||||
|
||||
With so much to change in the goal of rewriting nearly every system with its Graphene counterpart, we had to take an incremental path so other feature development could continue without a broken editor. As succinctly as possible, this is the story of how we pulled it off— although this section gets rather technical so feel free to skip past if that's not your cup of tea.
|
||||
|
||||
The previous, intentionally-temporary layer system supported folders, vector shapes, text, bitmap images, and dynamic AI art (part of the Imaginate image generation feature).
|
||||
The previous, intentionally-temporary layer system supported folders, vector shapes, text, bitmap images, and dynamic image generation.
|
||||
|
||||
<p><img src="https://static.graphite.art/content/blog/2024-01-01-looking-back-on-2023-and-what's-next/migration-block-diagram-1.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Block diagram of a Graphite document before the node graph" /></p>
|
||||
|
||||
@@ -160,13 +160,12 @@ First, I have some high-level goals for 2024:
|
||||
- Reach 20,000 [stars on GitHub](https://github.com/GraphiteEditor/Graphite/stargazers) (we just passed 5000 this December)
|
||||
- Move towards a greater focus on polish, stability, performance, and learning resources for the product
|
||||
- Attain sustainable income from donors and sponsors, and maybe even apply for grants in order to hire a full-time developer
|
||||
- Build infrastructure for user accounts and prove the viability of getting revenue from hosted AI cloud computation
|
||||
- Build infrastructure for user accounts and prove the viability of getting revenue from hosted cloud rendering
|
||||
|
||||
And then from a development perspective, I am looking forward to accomplishing these overarching objectives in 2024:
|
||||
|
||||
- Restoring several previous features that were removed during refactors in the past year to a fully working state including Imaginate, snapping, folder bounding boxes, transform pivots, and vector shape boolean operations
|
||||
- Restoring several previous features that were removed during refactors in the past year to a fully working state including snapping, folder bounding boxes, transform pivots, and vector shape boolean operations
|
||||
- Deploying GPU-based rendering by default and moving from an experimental to a production-ready hardware-accelerated compositing system using [Vello](https://github.com/linebender/vello) to unify the currently separate raster and vector pipelines
|
||||
- Shipping desktop apps for Windows, Mac, and Linux and bundling built-in AI models to run Imaginate and other upcoming features directly on user hardware
|
||||
- Designing a new vector graphics data format suitable for advanced procedural editing and rendering, plus the associated procedural workflow features
|
||||
- Remaking the Brush tool with the GPU-accelerated pipeline and the adaptive resolution system so digital painting in Graphite becomes practical
|
||||
- Implementing the Mask Mode feature for Magic Wand tool marquee selections, which will dramatically improve Graphite's utility as a raster graphics editor
|
||||
|
||||
@@ -335,8 +335,6 @@ EDITOR'S NOTE: The grammatical structure of each bullet point should follow the
|
||||
|
||||
- Fixes, documentation, and updates for npm dependencies and tooling, as well as fixes for Bezier-rs demos not building <small>([#1857](https://github.com/GraphiteEditor/Graphite/pull/1857))</small>
|
||||
|
||||
- Partial restoration of the Imaginate node within the modern node graph architecture, but more work remains <small>([#1908](https://github.com/GraphiteEditor/Graphite/pull/1908))</small>
|
||||
|
||||
- Profiling metrics development infrastructure for Graphene graph compilation <small>([#1924](https://github.com/GraphiteEditor/Graphite/pull/1924), [#1974](https://github.com/GraphiteEditor/Graphite/pull/1974))</small>
|
||||
|
||||
- CI infrastructure to post Clippy warnings as PR comments <small>([#1926](https://github.com/GraphiteEditor/Graphite/pull/1926), [commit a93dcb2](https://github.com/GraphiteEditor/Graphite/commit/a93dcb2776027bfcb385ae9dfddff249bdfd896b))</small>
|
||||
|
||||
@@ -103,7 +103,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
|
||||
<span>Procedural vector editing and usability</span>
|
||||
</div>
|
||||
<!-- Alpha 4 -->
|
||||
<div class="feature-icon ongoing heading" data-year="2025">
|
||||
<div class="feature-icon ongoing heading" data-year="2025–">
|
||||
<h3>— Alpha 4 —</h3>
|
||||
</div>
|
||||
<div class="feature-icon complete" title="Development Complete">
|
||||
@@ -146,10 +146,6 @@ Marrying vector and raster under one roof enables both art forms to complement e
|
||||
<img class="atlas" style="--atlas-index: 73" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>Blend tool to morph between shapes</span>
|
||||
</div>
|
||||
<div class="feature-icon ongoing" title="Development Ongoing">
|
||||
<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>Expanded imaging model data format</span>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 51" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>Context menus throughout the editor</span>
|
||||
@@ -163,7 +159,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
|
||||
<span>Stable document format</span>
|
||||
</div>
|
||||
<!-- Beta 1 -->
|
||||
<div class="feature-icon heading" data-year="2026">
|
||||
<div class="feature-icon heading" data-year="Early 2026">
|
||||
<h3>— Beta 1 —</h3>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
@@ -194,6 +190,10 @@ Marrying vector and raster under one roof enables both art forms to complement e
|
||||
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>Custom attributes for table data</span>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>Expanded imaging model data format</span>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>Physical measurement units</span>
|
||||
@@ -344,7 +344,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 49" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
<span>AI nodes and tools (e.g. magic wand)</span>
|
||||
<span>Neural nodes/tools like Magic Wand</span>
|
||||
</div>
|
||||
<div class="feature-icon">
|
||||
<img class="atlas" style="--atlas-index: 20" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
|
||||
|
||||
80
website/content/learn/_outline_draft.md
Normal file
80
website/content/learn/_outline_draft.md
Normal file
@@ -0,0 +1,80 @@
|
||||
+++
|
||||
title = "Outline Draft"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
draft = true
|
||||
|
||||
[extra]
|
||||
order = 0
|
||||
+++
|
||||
|
||||
- # Interface
|
||||
- # Layers panel
|
||||
- About layers and folders
|
||||
- Control bar
|
||||
- Blend modes and opacity
|
||||
- Adding folders
|
||||
- Deleting the selected layers
|
||||
- The layer list
|
||||
- Editing layers
|
||||
- Selection and multi-selection
|
||||
- Rearranging the hierarchy
|
||||
- # Properties panel
|
||||
- Node properties
|
||||
- Parameters
|
||||
- Expose button
|
||||
- Name
|
||||
- Value inputs
|
||||
- # Viewport
|
||||
- # Navigation
|
||||
- Pan
|
||||
- Tilt
|
||||
- Zoom
|
||||
- # Artboards
|
||||
- Infinite canvas
|
||||
- New document artboard
|
||||
- Adjusting existing artboards
|
||||
- # Graph
|
||||
- # INDEX:
|
||||
- Opening the graph
|
||||
- Document graph vs. layer graph, limitations
|
||||
- Adding nodes
|
||||
- Connecting nodes
|
||||
|
||||
## Overlaid node graph editing
|
||||
|
||||
Opening the overlaid node graph shows the structure of nodes and layers that compose the document artwork. It's a more detailed view of what the [Layers](../layers-panel) and [Properties](../properties-panel) panels show.
|
||||
|
||||
**Nodes** are the entities with left-to-right input **connectors**.
|
||||
|
||||
**Layers** are the larger entities shown with thumbnails and a bottom-to-top direction of data stacking. Their purpose is to composite sources of graphical data on top of one another in a **layer stack**. Layers take input from other nodes or layers via a connector on their left side. When that connector is fed by another layer stack, the Layers panel considers it a **group** because it combines one stack into another parent stack.
|
||||
|
||||
Layers and nodes are wired together using **links** which send data between the outputs of nodes to the inputs of others. You can wire up a node by dragging from the output connector of one node to the input connector of its destination node. But note that forming cyclic graphs, where a loop can be traced along the links of a set of nodes, is not permitted. Graphical data flows into the **Output** node which then becomes rendered to the document viewport.
|
||||
|
||||
### Node/layer controls
|
||||
|
||||
When a layer or node is selected, these buttons will show up on the left side of the control bar:
|
||||
|
||||
<p><img src="https://static.graphite.art/content/learn/interface/document-panel/node-controls-buttons.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="The node/layer controls" /></p>
|
||||
|
||||
| | |
|
||||
|-|-|
|
||||
| Make<span> </span>Hidden/<br />Make<span> </span>Visible | <p>Toggles the visibility state of the layer or node. This is equivalent to the eye icon button displayed beside each layer. If a node or layer is hidden, it gets bypassed in the data flow. <kbd>Ctrl</kbd><kbd>H</kbd> (macOS: <kbd>⌘</kbd><kbd>H</kbd>) is a shortcut for this toggle that can be used from the graph or viewport.</p> |
|
||||
| Preview/<br />End<span> </span>Preview | <p>Temporarily moves the graph output away from the Output node and the graph output is instead provided by the previewed node. While previewing, the node is styled with a dashed, brighter border. Ending the preview returns responsibility back to the Output node. This is a handy feature for viewing part of a graph without needing to disconnect the actual Output node and manually restore it later. Clicking a node or layer in the graph while holding <kbd>Alt</kbd> is a shortcut for toggling its preview.</p> |
|
||||
- # Nodes
|
||||
- # Layers
|
||||
- # Vector Editing
|
||||
- # Nodes
|
||||
- # Layers
|
||||
- # Raster Editing
|
||||
- # INDEX:
|
||||
- Opening the graph
|
||||
- Document graph vs. layer graph, limitations
|
||||
- Adding nodes
|
||||
- Connecting nodes
|
||||
- # Nodes
|
||||
- # Layers
|
||||
- # Tools
|
||||
- # General tools
|
||||
- # Vector tools
|
||||
- # Raster tools
|
||||
@@ -1,34 +0,0 @@
|
||||
+++
|
||||
title = "Graph"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 4
|
||||
+++
|
||||
|
||||
- Opening the graph
|
||||
- Document graph vs. layer graph, limitations
|
||||
- Adding nodes
|
||||
- Connecting nodes
|
||||
|
||||
## Overlaid node graph editing
|
||||
|
||||
Opening the overlaid node graph shows the structure of nodes and layers that compose the document artwork. It's a more detailed view of what the [Layers](../layers-panel) and [Properties](../properties-panel) panels show.
|
||||
|
||||
**Nodes** are the entities with left-to-right input **connectors**.
|
||||
|
||||
**Layers** are the larger entities shown with thumbnails and a bottom-to-top direction of data stacking. Their purpose is to composite sources of graphical data on top of one another in a **layer stack**. Layers take input from other nodes or layers via a connector on their left side. When that connector is fed by another layer stack, the Layers panel considers it a **group** because it combines one stack into another parent stack.
|
||||
|
||||
Layers and nodes are wired together using **links** which send data between the outputs of nodes to the inputs of others. You can wire up a node by dragging from the output connector of one node to the input connector of its destination node. But note that forming cyclic graphs, where a loop can be traced along the links of a set of nodes, is not permitted. Graphical data flows into the **Output** node which then becomes rendered to the document viewport.
|
||||
|
||||
### Node/layer controls
|
||||
|
||||
When a layer or node is selected, these buttons will show up on the left side of the control bar:
|
||||
|
||||
<p><img src="https://static.graphite.art/content/learn/interface/document-panel/node-controls-buttons.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" onload="this.width = this.naturalWidth / 2" alt="The node/layer controls" /></p>
|
||||
|
||||
| | |
|
||||
|-|-|
|
||||
| Make<span> </span>Hidden/<br />Make<span> </span>Visible | <p>Toggles the visibility state of the layer or node. This is equivalent to the eye icon button displayed beside each layer. If a node or layer is hidden, it gets bypassed in the data flow. <kbd>Ctrl</kbd><kbd>H</kbd> (macOS: <kbd>⌘</kbd><kbd>H</kbd>) is a shortcut for this toggle that can be used from the graph or viewport.</p> |
|
||||
| Preview/<br />End<span> </span>Preview | <p>Temporarily moves the graph output away from the Output node and the graph output is instead provided by the previewed node. While previewing, the node is styled with a dashed, brighter border. Ending the preview returns responsibility back to the Output node. This is a handy feature for viewing part of a graph without needing to disconnect the actual Output node and manually restore it later. Clicking a node or layer in the graph while holding <kbd>Alt</kbd> is a shortcut for toggling its preview.</p> |
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Layers"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Nodes"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
@@ -1,18 +0,0 @@
|
||||
+++
|
||||
title = "Layers panel"
|
||||
|
||||
[extra]
|
||||
order = 3
|
||||
+++
|
||||
|
||||
This manual page hasn't been written yet! But here is an outline for what's coming soon:
|
||||
|
||||
- About layers and folders
|
||||
- Control bar
|
||||
- Blend modes and opacity
|
||||
- Adding folders
|
||||
- Deleting the selected layers
|
||||
- The layer list
|
||||
- Editing layers
|
||||
- Selection and multi-selection
|
||||
- Rearranging the hierarchy
|
||||
@@ -1,14 +0,0 @@
|
||||
+++
|
||||
title = "Properties panel"
|
||||
|
||||
[extra]
|
||||
order = 4
|
||||
+++
|
||||
|
||||
This manual page hasn't been written yet! But here is an outline for what's coming soon:
|
||||
|
||||
- Node properties
|
||||
- Parameters
|
||||
- Expose button
|
||||
- Name
|
||||
- Value inputs
|
||||
@@ -1,10 +0,0 @@
|
||||
+++
|
||||
title = "Node catalog"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 9
|
||||
+++
|
||||
|
||||
## Graphical data types
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Raster nodes"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Vector nodes"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
@@ -1,13 +0,0 @@
|
||||
+++
|
||||
title = "Raster editing"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 6
|
||||
+++
|
||||
|
||||
- Opening the graph
|
||||
- Document graph vs. layer graph, limitations
|
||||
- Adding nodes
|
||||
- Connecting nodes
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Layers"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Nodes"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
@@ -1,9 +0,0 @@
|
||||
+++
|
||||
title = "Tools"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 7
|
||||
+++
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "General tools"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Raster tools"
|
||||
|
||||
[extra]
|
||||
order = 3
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Vector tools"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
+++
|
||||
@@ -1,8 +0,0 @@
|
||||
+++
|
||||
title = "Vector editing"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 5
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Layers"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
+++
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Nodes"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
@@ -1,12 +0,0 @@
|
||||
+++
|
||||
title = "Viewport"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 3
|
||||
+++
|
||||
|
||||
- Canvas
|
||||
- Legacy layers
|
||||
- Legacy folders
|
||||
@@ -1,10 +0,0 @@
|
||||
+++
|
||||
title = "Artboards"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
+++
|
||||
|
||||
- Infinite canvas
|
||||
- New document artboard
|
||||
- Adjusting existing artboards
|
||||
@@ -1,10 +0,0 @@
|
||||
+++
|
||||
title = "Navigation"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
|
||||
- Pan
|
||||
- Tilt
|
||||
- Zoom
|
||||
@@ -1,9 +0,0 @@
|
||||
+++
|
||||
title = "Workflows"
|
||||
template = "book.html"
|
||||
page_template = "book.html"
|
||||
|
||||
[extra]
|
||||
order = 8
|
||||
+++
|
||||
|
||||
@@ -1,60 +0,0 @@
|
||||
+++
|
||||
title = "Imaginate"
|
||||
|
||||
[extra]
|
||||
order = 2
|
||||
js = ["/js/carousel.js"]
|
||||
css = ["/component/carousel.css"]
|
||||
+++
|
||||
|
||||
Imaginate is a useful tool at every stage in the artistic process. Early on it provides inspiration for styles, color palettes, subjects, and composition. It lets you quickly test ideas and explore artistic directions. It's also a useful way to generate placeholder images and content for kit bashing.
|
||||
|
||||
Intermediate stages in the creative process can utilize Imaginate as an iterative back-and-forth dialogue between yourself and the tool. It can be used to improve your creation's artistic fidelity and details, evolve an idea, or inject a little controlled chaos to bring forth happy accidents. And coherency can be given to scenes built from kit bashing collages through interactively transforming its look with iterative Imaginate steps.
|
||||
|
||||
Near the end of the art process, Imaginate is useful for adding the finishing touches the beautify your creative work with small additions like textures, subtle lighting and shadow effects, and pleasant gradients to make the whole piece look its best. It can turn a sterile, flat vector drawing into a detailed final work.
|
||||
|
||||
<!--
|
||||
Illustrate a use case:
|
||||
1. Hand draw a sketch of a scene
|
||||
2. Generate several scenes to get inspiration for the color palette
|
||||
3. Sample from those scenes and use the vector tools to ink sketch
|
||||
4. Iteratively improve the fidelity
|
||||
5. Inpaint to replace an element in the scene
|
||||
6. Outpaint to extend the scene
|
||||
-->
|
||||
|
||||
<section id="imaginate-creative-concepts-carousel" class="carousel center window-size-2" data-carousel>
|
||||
<div class="carousel-slide">
|
||||
<img src="https://files.keavon.com/-/PerfumedNiceRhinoceros/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/UnwrittenFrankHeterodontosaurus/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/BlindBiodegradableAlaskajingle/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/DigitalElatedVicuna/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/ThreadbareIncredibleFlycatcher/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/NaughtyGracefulSquirrel/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/BrownSuburbanMacaw/capture.png" alt="" data-carousel-image />
|
||||
<img src="https://files.keavon.com/-/AbsoluteAwkwardGrouse/capture.png" alt="" data-carousel-image />
|
||||
</div>
|
||||
<div class="screenshot-details">
|
||||
<div class="carousel-controls">
|
||||
<button class="direction prev" data-carousel-prev>
|
||||
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
|
||||
<polygon points="24.71,10.71 23.29,9.29 12.59,20 23.29,30.71 24.71,29.29 15.41,20" />
|
||||
</svg>
|
||||
</button>
|
||||
<button class="dot active" data-carousel-dot></button>
|
||||
<button class="dot" data-carousel-dot></button>
|
||||
<button class="dot" data-carousel-dot></button>
|
||||
<button class="dot" data-carousel-dot></button>
|
||||
<button class="dot" data-carousel-dot></button>
|
||||
<button class="dot" data-carousel-dot></button>
|
||||
<button class="dot" data-carousel-dot></button>
|
||||
<button class="direction next" data-carousel-next>
|
||||
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20,0C8.95,0,0,8.95,0,20c0,11.05,8.95,20,20,20c11.05,0,20-8.95,20-20C40,8.95,31.05,0,20,0z M20,38c-9.93,0-18-8.07-18-18S10.07,2,20,2s18,8.07,18,18S29.93,38,20,38z" />
|
||||
<polygon points="16.71,9.29 15.29,10.71 24.59,20 15.29,29.29 16.71,30.71 27.41,20" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,6 +0,0 @@
|
||||
+++
|
||||
title = "Procedural editing"
|
||||
|
||||
[extra]
|
||||
order = 1
|
||||
+++
|
||||
Reference in New Issue
Block a user