wonderunit / storyboarder

✏️ Storyboarder makes it easy to visualize a story as fast you can draw stick figures.
https://wonderunit.com/storyboarder
3.18k stars 294 forks source link

Flood fill drawing mode #1221

Open DCNielsen opened 6 years ago

DCNielsen commented 6 years ago

I've never seen this in an app before, but would be outstanding for drawing speed:

PROBLEM: Drawing shapes and filling them in is time consuming. Also, the quickest solutions usually provide a mechanical result.

SOLUTION: Why not combine this into one action?

Here's how the idea works. A toggle button (hotkey?) in the UI puts you in flood fill drawing mode. While activated, every time I draw, whenever I lift up, the shape completes itself (connects to the drawing start point with a straight line)

After the drawn line connects itself, the shape that was drawn fills in, bonus if it has some variable texture/noise that makes it seamless with the line that was drawn.

This is essentially combining five functions that Photoshop does: 1) Draw with Lasso (which auto closes when I lift up the mouse) + 2) Make selection within shape 3) Expand selection halfway into the drawn shape's width 4) Fill that shape 5) Manually tweak shape edge.

Here's a quick demo vid I hacked up in Photoshop. Would have done it in Storyboarder, but I was hitting some lag with Quicktime recording.

https://youtu.be/JwSQqa9gskU

The pause represents that I'm still holding the mouse down before I pick up and the autofill happens.

BONUS THOUGHT: Maybe instead of a straight line close-off it's an auto generated bezier closure that connects the acceleration of the end-of-drawing curve with the acceleration of the beginning-of-drawing curve if you want to be fancy. If I am holding shift at end of drawing maybe it does the straight line instead.

audionerd commented 5 years ago

Basic lasso + fill feature will be part of the next release.