GNOME Bugzilla – Bug 781692
Designed a new dockable color dialog
Last modified: 2018-05-24 17:48:33 UTC
Created attachment 350364 [details] The new Color-Panel This color-panel,More convenient use of painting. This design in the attachment.Please view.
Which problem does this solve, compared to the current panel? "more convenient" is a very subject statement. :)
GIMP's "color panel" is very complete, but they are placed in different "tags", each time you want to switch. In the painting if the repeated non-stop switch, will certainly affect the work efficiency. "Change the foreground color" panel, I am very satisfied. Can be intuitive to see the color adjustment changes in the "box" after selecting the color, you can easily adjust the "H、S、 V". But it can not be placed in the "Dock", after selecting the color, need to click on a main window. Otherwise, fill color shortcut keys do not work. So I want to integrate the required functionality into the "only color panel".
So, to summarize: - this is intended as a dockable color dialog - it replaces the triangle of the color wheel selector by a square - it add the HSV sliders - it adds the color history buttons Is there anything interaction-wise I'm missing?
Yes :)
The square in the color wheel is fixed and not rotate.
Find some information：HSV Color Theory For Digital Artists Part 1/2 https://youtu.be/QA2dLTOJfJk Part 2/2 https://youtu.be/6tyumG7W1lQ so! Fixed the triangle in the color wheel,Maybe making new color dialog will be easier！ See the video,In short by the GIMP team to decide it :)
Adhere to the first idea,using a fixed square in the color wheel. Adhere to the first idea,using a fixed square in the color wheel :) The color in the square is easier to understand. At the time of 4:55 minutes of this video,The triangle was formed when the black of the square's bottom was merged. https://youtu.be/4QdZALYz-EE
Find a free color wheel project, can refer to! http://pvproject.deviantart.com/art/True-Painters-Wheel-Beta-504840934
(In reply to Michael Schumacher from comment #3) > So, to summarize: > > - this is intended as a dockable color dialog > > - it replaces the triangle of the color wheel selector by a square > - it add the HSV sliders > - it adds the color history buttons Would this dockable dialog be more or less the same as GIMP's Choose Foreground Color dialogs that show color panels (or the HSV triangle and wheel) on the left and the HSV/RGB/LCH color sliders on the right? Such a dockable dialog sounds like it would be nice to have.
(In reply to SenlinOS from comment #5) > The square in the color wheel is fixed and not rotate. Regarding square vs triangle, Krita allows for choosing the standard triangle and two variations on the square (https://userbase.kde.org/Krita/Manual/Dockers/AdvancedColorSelector). However, in Krita the triangle is the default, and from tutorials, it looks like triangles are also used in PhotoShop and Corel. Choice is good assuming someone wants to write the code, but I'm guessing a lot of people prefer the triangle over the square. Regarding a fixed triangle, this makes for a "visual disconnect" between the selected hue and the hue the triangle seems to be pointing at: * In Krita (and apparently also in Corel and PhotoShop), as the user chooses various hues, the corner of the triangle with the most saturated and brightest color stays pointing at cyan-blue. * GIMP's triangle rotates so that the most saturated and brightest corner in the triangle always points at the corresponding hue on the HSV hue wheel. FWIW, I find GIMP's rotating triangle more intuitive to use than Krita's fixed square or fixed triangle, so my input is biased. Also, by preference I use LCH instead of HSV to choose and modify colors, so my input is doubly biased.
(In reply to Elle Stone from comment #10) > (In reply to SenlinOS from comment #5) > > The square in the color wheel is fixed and not rotate. > > Regarding square vs triangle, Krita allows for choosing the standard > triangle and two variations on the square > (https://userbase.kde.org/Krita/Manual/Dockers/AdvancedColorSelector). > However, in Krita the triangle is the default, and from tutorials, it looks > like triangles are also used in PhotoShop and Corel. Choice is good assuming > someone wants to write the code, but I'm guessing a lot of people prefer the > triangle over the square. > > Regarding a fixed triangle, this makes for a "visual disconnect" between the > selected hue and the hue the triangle seems to be pointing at: > > * In Krita (and apparently also in Corel and PhotoShop), as the user chooses > various hues, the corner of the triangle with the most saturated and > brightest color stays pointing at cyan-blue. > > * GIMP's triangle rotates so that the most saturated and brightest corner in > the triangle always points at the corresponding hue on the HSV hue wheel. > > FWIW, I find GIMP's rotating triangle more intuitive to use than Krita's > fixed square or fixed triangle, so my input is biased. Also, by preference I > use LCH instead of HSV to choose and modify colors, so my input is doubly > biased. On Krita the behavior for triangle and square shapes wheels is not better of GIMP Wheels options and I think that is more intuitive and effective the current way on GIMP. For instance, the GIMP Cube Wheel could be seen also with a case of 'square' wheel (the first tab of Fg/Bg Color and Change Foreground Color Dialogs). The vertical hue scale is very useful and doesn't creates an incoherent or different behavior of current GIMP Triangle Wheel. And thinking on Lch to GIMP... the GIMP Cube is more effective and usable to pick colors in gamut. The possibility to mix and create dialogs dockables o not with different views of colors are very flexible to respond for many skills and flows, for instance, we can dispose two 'Colors' Dialogs with different views: one with cube wheel tab (controlling the gamut on lch) and other with Scales tab to read the values... So, the combination possibilities seems sufficient for any task where is necessary pick colors, to control gamut, to read the color values. Perhaps, an interesting issue would be around how the primary and complementary colors are disposed on the wheels... maybe, is interesting have in three views: # in the Standard digital Red/Green/Blue # or Traditional artist's Red/Yellow/Blue, # or yet in Red-Green and Blue-Yellow opponent pairs. This feature is possible to see on MyPaint.
(In reply to Elle Stone from comment #10) > dockable Foreground Color dialogs Feeling too wide. > GIMP's triangle rotates I am dizzy :) > LCH I didn't tick the "Mark out of gamut colors" But it has already shown "Magenta"" Giving the impression that there is a mistake，For example, I mistakenly thought it was a bug!But "magenta" really is turned on by default? -------------------------- I now use the GIMP default rectangle Color plate. Color selection depends on feeling. ------------------------------------ The strongest color wheel for free software,is actually Mypaint! https://github.com/mypaint/mypaint/wiki/v1.2-Colour-selectors I like the color wheel + square，Color sliders https://github.com/mypaint/mypaint/wiki/v1.2-HCY-Wheel-and-Gamut-Mask-Editor And a powerful color mask. But the overall functionality of Mypaint is too small!
Created attachment 352544 [details] Art Color_Color dialog design Made a detailed design, the Color sliders did not determine which one to use.
Created attachment 352557 [details] Art Color_Color dialogs design The current LCH is not suitable for CG painting. Adjust the color transition span is too large. -------------------------- New Art Color_Color dialogs design.
Created attachment 352648 [details] Separate RGB and RYB New design! These two sets are much more useful, the design of two sets of separate color wheel + boxes. The color sliders should really represents hue, saturation, brightness. GIMP's HSV slider is not correct. Please see the color explanation of the square box in the design. Such as: Increase the saturation of a color. Move horizontally to the right in the square-box， The color value is increased saturation, but also reduces lightness， So increase the lightness value of the same amount.move upwards. Therefore, only increasing saturation values will move in a curvilinear manner. I feel MyPaint's HCY sliders is very good. (as long as it's right)
Created attachment 352654 [details] Design Finish Completed design. Hope can come true! :)
Created attachment 352716 [details] Rotating Triangle & RYB Wheel GIMP rotation triangle does not change, only the color wheel to RYB. RYB color distribution such as attachment picture. The horizontal direction,left green - right red. Upper warm color - lower cool color This only adds an RYB color wheel option. Suitable for artistic colors. (This code should be easy to write!)
Find RYB data ~ ha ha! http://bahamas10.github.io/ryb/about.html Click on the top left corner: ← Color Wheel There will be a RYB maker! Cool!
Close
Um... what? Why?
(In reply to Michael Schumacher from comment #20) > Um... what? Why? Make this too complicated! Think it is not necessary! With the default color dialogs can also painting! So close it!
Created attachment 352884 [details] New design I'm sorry！ I'm too emotional! Implementing this color dialogs will be a long process! This dialogs must add HSL sliders to adapt to the painting. Krita's HSL slides are available for reference.（There are screenshots in the design） The new design uses only the RGB color. Added “Color Scheme” design The color scheme will not rotate while selecting the hue. It is separate, rotatable, and serves as a positioning color.
Created attachment 352897 [details] new dockable color dialog Update: angle description of color scheme.
Created attachment 352918 [details] Designed a new dockable color dialog Update: the Color-Scheme can be displayed as a button. --------------------------------------- The design of the triangular layout: Because the color saturation is horizontal, the triangle like this will make it easy to choose colors. (Identical to the triangle placement of Corel Painter.) (Krita's triangular placement is not good,not conducive to the observation of saturation.) --------------------------------------- The distribution of the color of the color wheel: Yellow on the top, Cool / Warm & Light / Dark is observed using a square diagonal. But the color wheel + triangle, Cool / Warm & Light / Dark boundary is not obvious. GIMP & Krita color wheel's color distribution is good. Cool / Warm horizontal distribution. Light / Dark vertical distribution. (But the GIMP and Krita Red / Cyan is opposite.)
The current design has been completed. Hope someone can write it out. I don't know how to program!
Created attachment 352997 [details] Designed a new dockable color dialog Update: add Color-Scheme lock rotation The current design has been completed. Hope someone can write it out. I don't know how to program!
Created attachment 353007 [details] Color Scheme_Button icon Color Scheme_Button icon, SVG (White background)
Created attachment 353082 [details] Lightness Trend & Saturation Trend Displaying trends in one graph is not convenient to watch, so new explanations are now produced separately. You can see the movement of Lightness in the Square or Triangle. The movement of Saturation in the Square or Triangle.
Created attachment 353106 [details] Color Wheel & Box layout and Color Trend The Color-Wheel color distribution. Square & Triangle placement. Square & Triangular color trend. GIMP and Krita color-wheel color distribution cannot align cool/warm color and light/dark color.(Seems to be lacking in color) I rearranged the color.（Although I don't know how it works in programming.） ----------------------------------------- Rouge R:100 G:25 B:0 Cyan R:0 G:75 B:100 Vert R:0 G:100 B:0 Violet R:100 G:0 B:100 Yellow R:100 G:100 B:0 Blue R:0 G:0 B:100 Aqua R:0 G:100 B:50 Pink R:100 G:0 B:50 ----------------------------------------- For more details, please see the attachment.
Created attachment 353130 [details] Designed a new dockable color dialog Complete design: The current design has been completed. Hope someone can write it out. I don't know how to program! (Color Wheel & Box layout parameter： comment #29) (Color-Scheme Button SVG-icon： comment #27)
Created attachment 353459 [details] Dialog-Icons and Color-Scheme-Button-Icon SVG icon Dialog icons: color and gray. The color scheme icons are more pronounced using 5% gray levels. (Background)
Come and have a look at this! Cool! Gpick: http://libregraphicsworld.org/blog/entry/creating-color-schemes-with-gpick https://github.com/thezbyg/gpick It's color wheel(RGB, RYB), sliders, color scheme all suitable for painting! Only the Color-order in the color wheel and the square need to adjust. It doesn't have a triangle box.
Created attachment 353556 [details] Only Triangle Compact Edition (The colors in the triangle are more regular.)
So you discovered my old write-up on Gpick :) I like your design, but one thing I don't get is how one accesses colors on the wheel. With Gpick, when I have e.g. triads, I have three color widgets above the color wheel that automatically update and can be dragged to the list of colors or to GIMP/Inkscape. Where do my triads show up in your design?
(In reply to Alexandre Prokoudine from comment #34) I did not understand your question :) This design, color wheel only one color selection. Color wheel peripheral color scheme is just a mark point, used to locate. The color scheme is only able to rotate. When designing, want to avoid code difficult to write, so it doesn't relate to any color. Color scheme positioning good color position, then choose one color on the color wheel. Gpick can choose some color on the color wheel, but clicking on them, the position will move, Damage location. I can lock the color scheme in my design. It's just an idea, I can't write it 。。
Rouge R:100 G:25 B:0 #FF4000 Cyan R:0 G:75 B:100 #00BFFF Vert R:0 G:100 B:0 #00FF00 Violet R:100 G:0 B:100 #FF00FF Yellow R:100 G:100 B:0 #FFFF00 Blue R:0 G:0 B:100 #0000FF Aqua R:0 G:100 B:50 #00FF80 Pink R:100 G:0 B:50 #FF0080 ------------------------------------- Add Hexadecimal Color parameter. The color wheel alignment parameters.
(In reply to Alexandre Prokoudine from comment #34) > So you discovered my old write-up on Gpick :) > > I like your design, but one thing I don't get is how one accesses colors on > the wheel. > > With Gpick, when I have e.g. triads, I have three color widgets above the > color wheel that automatically update and can be dragged to the list of > colors or to GIMP/Inkscape. Where do my triads show up in your design? My design is suitable for digital painting, GIMP new color dialog. The slider is only HSL, match the trend of color. This color dialog box can be docked in GIMP. It is similar to those of color boxes that digital artists like. Such as: https://youtu.be/4QdZALYz-EE (Some functions are similar to Gpick.)
Well, the whole point of having color harmony in the color wheel is that you can easily access each of the triad colors and use it in your design/illustration. Gpick makes it easy, because all three colors are instantly accessible and can be selected at any time. If I understand it correctly, with you design you only see the other two of the triad colors, while updating current foreground color with the first triad color. So maybe there should be color widgets that would be updated following color wheel rotation? Am I making any sense to you? :)
(In reply to Alexandre Prokoudine from comment #38) The design is based on the current GIMP color dialog. GIMP has only one foreground color display, so only one color is selected at a time. Gpick can display a variety of colors at the , but the GIMP dialog box cannot be very large. ------------------------ 1 - Color wheel + (square / triangle) conform to the habit of digital painting users. 2 - The HSL color slider. the slider conforms to color adjustment. (HSL color slider and color box in the only one panel, easy to observe.) 3 - The color-scheme as a marker point can be used to locate the color range，and without affecting foreground color selection. ------------------------ If you have time to implement this design, you can add to your own ideas, GIMP will get better :)
Created attachment 353841 [details] Gpick derived GIMP-color-dialog Gpick is really cool. The new GIMP color dialog design was derived from Gpick. After improvement, it will be very good. --------------------------------------------------------------- Color-Scheme Color: Color size is displayed as a percentage. (Only 6) In a wide and high fixed container. Color wheel + Color box: The saturation and lightness of the color box is related to the HSL slider. The color points in the color box can be moved. (Don't lock) Only lock the Type of the color scheme. (Can rotate) The Color wheel + Color box can zoom in size according to the panel size. (Gpick locks saturation/lightness and color scheme-Type at the same time) HSL color sliders: Do not display color bars. (Save space) The color change can be observed with Color wheel + Color box. Type, Color wheel, Color box Option: They are drop-down menus, displayed as icons.
Created attachment 353844 [details] SVG Icon_Gpick derived GIMP-color-dialog @Alexandre Prokoudine See comment #40 This Post is Gpick derived GIMP-color-dialog SVG Icon.
Created attachment 353853 [details] SVG Icon_Gpick derived GIMP-color-dialog Icon update (previous error)
Created attachment 353854 [details] Gpick derived GIMP-color-dialog Icon update Gpick is really cool. The new GIMP color dialog design was derived from Gpick. After improvement, it will be very good. --------------------------------------------------------------- Color-Scheme Color: Color size is displayed as a percentage. (Only 6) In a wide and high fixed container. Color wheel + Color box: The saturation and lightness of the color box is related to the HSL slider. The color points in the color box can be moved. (Don't lock) Only lock the Type of the color scheme. (Can rotate) The Color wheel + Color box can zoom in size according to the panel size. (Gpick locks saturation/lightness and color scheme-Type at the same time) HSL color sliders: Do not display color bars. (Save space) The color change can be observed with Color wheel + Color box. Type, Color wheel, Color box Option: They are drop-down menus, displayed as icons.
https://bugzilla.gnome.org/attachment.cgi?id=353854 Gpick derived GIMP-color-dialog correction: -------------------------------------- The containers for "Color-Scheme Color" are Vertically Size is fixed, and the Horizontal Size is percentages. "Lock Type" and "No Lock" should not be placed in the "Type" drop-down menu. (They, the right click in the "color wheel + box".)
Created attachment 353868 [details] SVG Icon_Gpick derived GIMP-color-dialog Icon update (Style update)
Created attachment 353869 [details] Gpick derived GIMP-color-dialog design Update Gpick is really cool. The new GIMP color dialog design was derived from Gpick. After improvement, it will be very good. --------------------------------------------------------------- Color-Scheme Color: Color size is displayed as a percentage. (Only 6) The container for "Color-Scheme Color" are Vertically Size fixed, the Horizontal Size is percentages. Vertical dimensions are smaller. (save space) Color wheel + Color box: The saturation and lightness of the color box is related to the HSL slider. The color points in the color box can be moved. (Don't lock) Only lock the Type of the color scheme. (Can rotate) The Color wheel + Color box can zoom in size according to the panel size. Lock Type & Reset scheme, the right click in the "color wheel + box". (Gpick locks saturation/lightness and color scheme-Type at the same time. Don't do that) HSL color sliders: Do not use color bars. (Save space) The color change can be observed with Color wheel + Color box. Type, Color wheel, Color box Option: They are drop-down menus, displayed as icons.
The HSL color sliders exists only in this new dialog. So it doesn't cause the GIMP default color sliders to be messy. HSL sliders and color history can be hidden, panel sizes will be smaller.
-- GitLab Migration Automatic Message -- This bug has been migrated to GNOME's GitLab instance and has been closed from further activity. You can subscribe and participate further through the new bug through this link to our GitLab instance: https://gitlab.gnome.org/GNOME/gimp/issues/1091.