[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