[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-kimageshop
Subject: Re: UI Improvement to the brush dialog
From: Cyrille Berger Skott <cberger () cberger ! net>
Date: 2010-10-24 14:02:40
Message-ID: 201010241602.40383.cberger () cberger ! net
[Download RAW message or body]
[Attachment #2 (multipart/alternative)]
On Sunday 24 October 2010, LukasT.dev@gmail.com wrote:
> > 1) Add a multiplier combobox to some of the KisSliderSpinBox. It would be
> > seen as a combobox (with choice like x0.1 x1 x2 x10...). The idea is that
> > sometime I work with small brush diameters, and it is difficult to select
> > with precision the diameter, so I would restrict the diameter range to
> > 0->10, and add a 1x, 10x and 100x multiplier. Similary for the scale of
> > predefined brush, for now, we have the range 0->2, David wants to
> > increase the maximum value, personnally I have the oposite problem, I
> > have big brushes (~1000x1000) and I sometime want to scale them more
> > than 0.01 (or with greater precision), so there I would change the range
> > to 0->1 and have x0.1 x1 and x10 as multiplier. We could also use the
> > multiplier idea for spacing.
>
> It seems to me from the mockup that it is element I don't like there. It
> eats space of course. Would about hiding this into Configuration dialog?
> I'm not sure how often you need to change from x1 -> x2 -> x10, but if it
> is not very common, configuration would solve the problem with eating
> space.
For the size of predefined brush, it depends of the brush and especially of
its original size. For the size of "auto brush" very often. It is not a
setting that depends on your style of painting, but on what you want to draw
next.
Also while it takes space, it actually increase the precision of the slider.
And I don't think I would want to go to krita settings to be able to switch
between the 0->10 range and 0->100 range for brushes.
> > 2) who knows what the value on the curves correspond too ? So we need
> > axis legend. And rather than just values, I think we can be a little bit
> > smarter.
>
> Yes, I already had that in my mind. Last time I was surprised about
> opacity. It is 0 till 100 when pressure is in 0.0 - 0.5 and then it is
> always 100 from 0.5 - 1.0 as it is thresholded.
Same as for size, I remember someone on irc that was confused as to why size
would go from 0 to 200%. I am not sure why it is so.
> > For instance, for "size", I would indeed use values,
>
> maybe percents would be smart: like 200 %
ok
> > Not sure about mirror, I don't know what the curve does.
>
> If the pressure is in 0.0 - 0.5 , the mask is nor mirrored, if it is in 0.5
> - 1.0, it is mirrored. I was mapping Photoshop feature to sensor :)
ok so "mirrored" "no mirrored" would do... but a bit long, so maybe an icon.
Or a preview.
> > And for softness
> > (why don't we use the same word for softness and fade ?)
>
> I don't know why it is called fade in Krita. Softness/hardness is common in
> painting apps, right?
Because it is a fade :) Personnaly, I don't care for the name, I just want
uniformity.
> > we could have a
> > circle brush that represent both extremeties.
>
> Not exactly sure, I would go for values here. It differs for softbrush
> mask/fade mask (a.k.a default)
ok.
> > Same ideas for sensors legend, "pressure" would say "low pressure" /
> > "high pressure" the angles would use the arrow icons mentioned above.
> > For tilt we could show a pen and a paper with different angles. Not sure
> > about time, distance, fade and fuzzy, maybe just use the values for
> > them.
>
> I don't know here. Sensor legend is different from curve legend, right?
yes, value is vertical legend, sensor is horizontal legend.
--
Cyrille Berger Skott
[Attachment #5 (text/html)]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><meta name="qrichtext" content="1" /><style type="text/css">
p, li { white-space: pre-wrap; }
</style></head><body style=" font-family:'DejaVu Sans Mono'; font-size:9pt; font-weight:400; \
font-style:normal;"> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">On Sunday 24 October \
2010, LukasT.dev@gmail.com wrote:</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
> 1) Add a multiplier combobox to some of the KisSliderSpinBox. It would be</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > seen as a combobox (with choice like x0.1 x1 x2 \
x10...). The idea is that</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > sometime I \
work with small brush diameters, and it is difficult to select</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> > with precision the diameter, so I would restrict the diameter \
range to</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > 0->10, and add a 1x, 10x \
and 100x multiplier. Similary for the scale of</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> > predefined brush, for now, we have the range 0->2, David wants \
to</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > increase the maximum value, \
personnally I have the oposite problem, I</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
> have big brushes (~1000x1000) and I sometime want to scale them more</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > than 0.01 (or with greater precision), so there I \
would change the range</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > to 0->1 \
and have x0.1 x1 and x10 as multiplier. We could also use the</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> > multiplier idea for spacing.</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> </p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> It seems to me \
from the mockup that it is element I don't like there. It</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> eats space of course. Would about hiding this into Configuration \
dialog?</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> I'm not sure how often you need to \
change from x1 -> x2 -> x10, but if it</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
is not very common, configuration would solve the problem with eating</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> space.</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">For the size of predefined brush, it depends of the brush and especially of \
its original size. For the size of "auto brush" very often. It is not a setting that \
depends on your style of painting, but on what you want to draw next.</p> <p \
style="-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;"></p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">Also while it takes space, it actually increase the \
precision of the slider. And I don't think I would want to go to krita settings to be able to \
switch between the 0->10 range and 0->100 range for brushes.</p> <p \
style="-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;"></p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > 2) who knows what the value on the curves \
correspond too ? So we need</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > axis \
legend. And rather than just values, I think we can be a little bit</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > smarter.</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> </p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> Yes, I already \
had that in my mind. Last time I was surprised about</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> opacity. It is 0 till 100 when pressure is in 0.0 - 0.5 and then it \
is</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> always 100 from 0.5 - 1.0 as it is \
thresholded.</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">Same as for size, I \
remember someone on irc that was confused as to why size would go from 0 to 200%. I am not sure \
why it is so.</p> <p style="-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;"></p> \
<p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > For instance, for \
"size", I would indeed use values,</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> maybe percents would be smart: \
like 200 %</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">ok</p> <p \
style="-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;"></p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > Not sure about mirror, I don't know what the \
curve does.</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> </p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> If the pressure is in 0.0 - 0.5 , the mask is nor \
mirrored, if it is in 0.5</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> - 1.0, it is \
mirrored. I was mapping Photoshop feature to sensor :)</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">ok so "mirrored" "no mirrored" would do... but a bit \
long, so maybe an icon. Or a preview.</p> <p style="-qt-paragraph-type:empty; margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;"></p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > And for \
softness</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > (why don't we use the same \
word for softness and fade ?)</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> I don't know why it is called fade \
in Krita. Softness/hardness is common in</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
painting apps, right?</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">Because it is a fade \
:) Personnaly, I don't care for the name, I just want uniformity.</p> <p \
style="-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;"></p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > we could have a</p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> > circle brush that represent both extremeties.</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> </p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
Not exactly sure, I would go for values here. It differs for softbrush</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> mask/fade mask (a.k.a default)</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">ok.</p> <p style="-qt-paragraph-type:empty; margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;"></p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > Same ideas \
for sensors legend, "pressure" would say "low pressure" /</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > "high pressure" the angles would use \
the arrow icons mentioned above.</p> <p style=" margin-top:0px; margin-bottom:0px; \
margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> \
> For tilt we could show a pen and a paper with different angles. Not sure</p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">> > about time, distance, fade and fuzzy, maybe just \
use the values for</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> > them.</p> \
<p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">> </p> <p style=" margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;">> I don't know here. Sensor legend is different from curve legend, \
right?</p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; \
-qt-block-indent:0; text-indent:0px; -qt-user-state:0;">yes, value is vertical legend, sensor \
is horizontal legend.</p> <p style="-qt-paragraph-type:empty; margin-top:0px; \
margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; \
-qt-user-state:0;"></p> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; \
margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">-- </p> <p style=" \
margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; \
text-indent:0px; -qt-user-state:0;">Cyrille Berger Skott</p></body></html>
_______________________________________________
kimageshop mailing list
kimageshop@kde.org
https://mail.kde.org/mailman/listinfo/kimageshop
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic