diff --git a/images/blending_modes/lighten/Blending_modes_Luminosity_Shine_SAI_Sample_image_with_dots.png b/images/blending_modes/lighten/Blending_modes_Luminosity_Shine_SAI_Sample_image_with_dots.png new file mode 100644 index 000000000..e5fa2c2c8 Binary files /dev/null and b/images/blending_modes/lighten/Blending_modes_Luminosity_Shine_SAI_Sample_image_with_dots.png differ diff --git a/reference_manual/blending_modes/lighten.rst b/reference_manual/blending_modes/lighten.rst index 614db3104..7cab64cb2 100644 --- a/reference_manual/blending_modes/lighten.rst +++ b/reference_manual/blending_modes/lighten.rst @@ -1,327 +1,353 @@ .. meta:: :description: Page about the lighten blending modes in Krita: Color Dodge, Gamma Illumination, Gamma Light, Easy Dodge, Flat Light, Fog Lighten, Hard Light, Lighten, Lighter Color, Linear Dodge, Linear Light, P-Norm A, P-Norm B, Pin Light, Screen, Soft Light, Tint and Vivid Light. .. metadata-placeholder :authors: - Wolthera van Hövell tot Westerflier - Maria Luisac - Reptorian :license: GNU free documentation license 1.3 or later. .. _bm_cat_lighten: Lighten ------- Blending modes that lighten the image. .. index:: ! Color Dodge, Dodge .. _bm_color_dodge: Color Dodge ~~~~~~~~~~~ Similar to Divide. Inverts the top layer, and divides the lower layer by the inverted top layer. This results in a image with emphasized highlights, like Dodging would do in traditional darkroom photography. .. figure:: /images/blending_modes/lighten/Blending_modes_Color_Dodge_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Color Dodge**. .. index:: ! Gamma Illumination .. _bm_gamma_illumination: Gamma Illumination ~~~~~~~~~~~~~~~~~~ Inverted Gamma Dark blending mode. .. figure:: /images/blending_modes/lighten/Blending_modes_Gamma_Illumination_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Gamma Illumination**. .. index:: ! Gamma Light .. _bm_gamma_light: Gamma Light ~~~~~~~~~~~ Outputs the upper layer as power of the lower layer. .. figure:: /images/blending_modes/lighten/Blending_modes_Gamma_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Gamma Light**. .. index:: ! Hard Light .. _bm_hard_light: Hard Light ~~~~~~~~~~ Similar to Overlay. A combination of the Multiply and Screen blending modes, switching between both at a middle-lightness. Hard light checks if the color on the upperlayer has a lightness above 0.5. Unlike overlay, if the pixel is lighter than 0.5, it is blended like in Multiply mode, if not the pixel is blended like in Screen mode. Effectively, this decreases contrast. .. figure:: /images/blending_modes/lighten/Blending_modes_Hard_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Hard Light**. .. _bm_lighten: Lighten ~~~~~~~ With the darken, the upper layer's colors are checked for their lightness. Only if they are Lighter than the underlying color on the lower layer, will they be visible. .. figure:: /images/blending_modes/lighten/Blending_modes_Lighten_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Lighten**. .. _bm_lighter_color: Lighter Color ~~~~~~~~~~~~~ .. figure:: /images/blending_modes/lighten/Blending_modes_Lighter_Color_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Lighter Color**. .. _bm_linear_dodge: Linear Dodge ~~~~~~~~~~~~ Exactly the same as :ref:`bm_addition`. Put in for compatibility purposes. .. figure:: /images/blending_modes/lighten/Blending_modes_Linear_Dodge_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Linear Dodge** (exactly the same as Addition). .. _bm_easy_dodge: Easy Dodge ~~~~~~~~~~ Aims to solve issues with Color Dodge blending mode by using a formula which falloff is similar to Dodge, but the falloff rate is softer. It is within the range of 0.0f and 1.0f unlike Color Dodge mode. .. figure:: /images/blending_modes/lighten/Blending_modes_Easy_Dodge_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Easy Dodge**. .. _bm_flatlight: Flatlight ~~~~~~~~~ The spreadout variation of Vivid Light mode which range is between 0.0f and 1.0f. .. figure:: /images/blending_modes/lighten/Blending_modes_Flat_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Flat Light**. .. _bm_fog_lighten: Fog Lighten (IFS Illusions) ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Lightens the image in a way that there is a 'fog' in the end result. This is due to the unique property of fog lighten in which midtones combined are lighter than non-midtones blend. .. figure:: /images/blending_modes/lighten/Blending_modes_Fog_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Fog Lighten**. .. _bm_linear_light: Linear Light ~~~~~~~~~~~~ Similar to :ref:`bm_overlay`. Combines :ref:`bm_linear_dodge` and :ref:`bm_linear_burn`. When the lightness of the upper-pixel is higher than 0.5, it uses Linear dodge, if not, Linear burn to blend the pixels. .. figure:: /images/blending_modes/lighten/Blending_modes_Linear_Light_Gray_0.4_and_Gray_0.5.png :align: center Left: **Normal**. Right: **Linear Light**. .. figure:: /images/blending_modes/lighten/Blending_modes_Linear_Light_Light_blue_and_Orange.png :align: center Left: **Normal**. Right: **Linear Light**. .. figure:: /images/blending_modes/lighten/Blending_modes_Linear_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Linear Light**. + +.. _bm_luminosity_shine_sai: + +Luminosity/Shine (SAI) +~~~~~~~~~~~~ + +Similar to :ref:`bm_addition`. + +Takes the opacity of the new color (combined opacity of the layer, the brush, any used transparency masks etc.) and multiples the color by the opacity, then adds to the original/previous color. + +.. math:: + + c_{new} = c_{above}*{\alpha}_{above} + c_{below} + +The result of this operation is the same as combining the new pixels with a fully opaque black layer in a :ref:`bm_normal` mode and then combining the result with the original layer using :ref:`bm_addition` mode. It should be also the same as the results of "Luminosity" blending mode in SAI1 or "Shine" blending mode in SAI2. + + + +.. figure:: /images/blending_modes/lighten/Blending_modes_Luminosity_Shine_SAI_Sample_image_with_dots.png + :align: center + + Left: **Normal**. Right: **Luminosity/Shine (SAI)**. + + + + .. _bm_p-norm_a: P-Norm A ~~~~~~~~ P-Norm A is similar to Screen blending mode which slightly darken images, and the falloff is more consistent all-around in terms of outline of values. Can be used an alternative to screen blending mode at times. .. figure:: /images/blending_modes/lighten/Blending_modes_P-Norm_A_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **P-Norm A**. .. _bm_p-norm_b: P-Norm B ~~~~~~~~ P-Norm B is similar to Screen blending mode which slightly darken images, and the falloff is more consistent all-around in terms of outline of values. The falloff is sharper in P-Norm B than in P-Norm A. Can be used an alternative to screen blending mode at times. .. figure:: /images/blending_modes/lighten/Blending_modes_P-Norm_B_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **P-Norm B**. .. _bm_pin_light: Pin Light ~~~~~~~~~ Checks which is darker the lower layer's pixel or the upper layer's double so bright. Then checks which is brighter of that result or the inversion of the doubled lower layer. .. figure:: /images/blending_modes/lighten/Blending_modes_Pin_Light_Gray_0.4_and_Gray_0.5.png :align: center Left: **Normal**. Right: **Pin Light**. .. figure:: /images/blending_modes/lighten/Blending_modes_Pin_Light_Light_blue_and_Orange.png :align: center Left: **Normal**. Right: **Pin Light**. .. figure:: /images/blending_modes/lighten/Blending_modes_Pin_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Pin Light**. .. _bm_screen: Screen ~~~~~~ Perceptually the opposite of :ref:`bm_multiply`. Mathematically, Screen takes both layers, inverts them, then multiplies them, and finally inverts them again. This results in light tones being more opaque and dark tones transparent. .. figure:: /images/blending_modes/lighten/Blending_modes_Screen_Gray_0.4_and_Gray_0.5.png :align: center Left: **Normal**. Right: **Screen**. .. figure:: /images/blending_modes/lighten/Blending_modes_Screen_Light_blue_and_Orange.png :align: center Left: **Normal**. Right: **Screen**. .. figure:: /images/blending_modes/lighten/Blending_modes_Screen_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Screen**. .. _bm_soft_light: Soft Light (Photoshop) & Soft Light SVG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ These are less harsh versions of Hard Light, not resulting in full black or full white. The SVG version is slightly different to the Photoshop version in that it uses a slightly different bit of formula when the lightness of the lower pixel is lower than 25%, this prevents the strength of the brightness increase. .. figure:: /images/blending_modes/lighten/Blending_modes_Soft_Light_Photoshop_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Soft Light (Photoshop)**. .. figure:: /images/blending_modes/lighten/Blending_modes_Soft_Light_SVG_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Soft Light (SVG)**. Soft Light (IFS Illusions) & Soft Light (Pegtop-Delphi) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ These are alternative versions of standard softlight modes which are made to solve discontinuities seen with the standard blend modes. Sometimes, these modes offer subtle advantages by offering more contrast within some areas, and these advantages are more or less noticeable within different color spaces and depth. .. figure:: /images/blending_modes/lighten/Blending_modes_Soft_Light_IFS_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Soft Light (IFS Illusions)**. .. figure:: /images/blending_modes/lighten/Blending_modes_Soft_Light_PEGTOP_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Soft Light (Pegtop-Delphi)**. .. _bm_super_light: Super Light ~~~~~~~~~~~ Smoother variation of Hard Light blending mode with more contrast in it. .. figure:: /images/blending_modes/lighten/Blending_modes_Super_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Super Light**. .. _bm_tint: Tint (IFS Illusions) ~~~~~~~~~~~~~~~~~~~~ Basically, the blending mode only ends in shades of tints. This means that it's very useful for painting light colors while still in the range of tints. .. figure:: /images/blending_modes/lighten/Blending_modes_Tint_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Tint**. .. _bm_vivid_light: Vivid Light ~~~~~~~~~~~ Similar to Overlay. Mixes both Color Dodge and Burn blending modes. If the color of the upper layer is darker than 50%, the blending mode will be Burn, if not the blending mode will be Color Dodge. .. warning:: This algorithm doesn't use color dodge and burn, we don't know WHAT it does do but for Color Dodge and Burn you need to use :ref:`bm_hard_mix` .. figure:: /images/blending_modes/lighten/Blending_modes_Vivid_Light_Sample_image_with_dots.png :align: center Left: **Normal**. Right: **Vivid Light**. diff --git a/user_manual/introduction_from_other_software/introduction_from_sai.rst b/user_manual/introduction_from_other_software/introduction_from_sai.rst index 8bbc6a885..0ba9b60a2 100644 --- a/user_manual/introduction_from_other_software/introduction_from_sai.rst +++ b/user_manual/introduction_from_other_software/introduction_from_sai.rst @@ -1,216 +1,218 @@ .. meta:: :description: This is a introduction to Krita for users coming from Paint Tool Sai. .. metadata-placeholder :authors: - Wolthera van Hövell tot Westerflier - AnetK - Boudewijn Rempt :license: GNU free documentation license 1.3 or later. .. index:: Sai, Painttool Sai .. _introduction_from_sai: ================================================ Introduction to Krita coming from Paint Tool Sai ================================================ How do you do that in Krita? ---------------------------- This section goes over the functionalities that Krita and Paint Tool Sai share, but shows how they slightly differ. Canvas navigation ~~~~~~~~~~~~~~~~~ Krita, just like Sai, allows you to flip, rotate and duplicate the view. Unlike Sai, these are tied to keyboard keys. Mirror This is tied to :kbd:`M` to flip. Rotate There's a couple of possibilities here: either :kbd:`4` and :kbd:`6`, or :kbd:`Ctrl + [` and :kbd:`Ctrl + ]` for basic 15 degrees rotation left and right. But you can also have more sophisticated rotation with :kbd:`Shift + Space` + drag or :kbd:`Shift` + |mousemiddle| + drag. To reset the rotation, press :kbd:`5`. Zoom You can use :kbd:`+` and :kbd:`-` to zoom out and in, or use :kbd:`Ctrl` + |mousemiddle|. Use 1, 2 or 3 to reset the zoom, fit the zoom to page or fit the zoom to page width. You can use the Overview docker in :menuselection:`Settings --> Dockers` to quickly navigate over your image. You can also put these commands on the toolbar, so it'll feel a little like Sai. Go to :menuselection:`Settings --> Configure Toolbars`. There are two toolbars, but we'll add to the file toolbar. Then, you can type in something in the left column to search for it. So, for example, 'undo'. Then select the action 'undo freehand stroke' and drag it to the right. Select the action to the right, and click :menuselection:`Change text`. There, toggle :menuselection:`Hide text when toolbar shows action alongside icon` to prevent the action from showing the text. Then press :guilabel:`OK`. When done right, the :guilabel:`Undo` should now be sandwiched between the save and the gradient icon. You can do the same for :guilabel:`Redo`, :guilabel:`Deselect`, :guilabel:`Invert Selection`, :guilabel:`Zoom out`, :guilabel:`Zoom in`, :guilabel:`Reset zoom`, :guilabel:`Rotate left`, :guilabel:`Rotate right`, :guilabel:`Mirror view` and perhaps :guilabel:`Smoothing: basic` and :guilabel:`Smoothing: stabilizer` to get nearly all the functionality of Sai's top bar in Krita's top bar. (Though, on smaller screens this will cause all the things in the brushes toolbar to hide inside a drop-down to the right, so you need to experiment a little). :guilabel:`Hide Selection`, :guilabel:`Reset Rotation` are currently not available via the Toolbar configuration, you'll need to use the shortcuts :kbd:`Ctrl + H` and :kbd:`5` to toggle these. .. note:: Krita 3.0 currently doesn't allow changing the text in the toolbar, we're working on it. Right click color picker ~~~~~~~~~~~~~~~~~~~~~~~~ You can actually set this in :menuselection:`Settings --> Configure Krita --> Canvas input settings --> Alternate invocation`. Just double-click the entry that says :kbd:`Ctrl` + |mouseleft| before :guilabel:`Pick foreground color from image` to get a window to set it to |mouseright|. .. note:: Krita 3.0 actually has a Paint-tool Sai-compatible input sheet shipped by default. Combine these with the shortcut sheet for Paint tool Sai to get most of the functionality on familiar hotkeys. Stabilizer ~~~~~~~~~~ This is in the tool options docker of the freehand brush. Use Basic Smoothing for more advanced tablets, and Stabilizer is much like Paint Tool Sai's. Just turn off :guilabel:`Delay` so that the dead-zone disappears. Transparency ~~~~~~~~~~~~~ So one of the things that throw a lot of Paint Tool Sai users off is that Krita uses checkers to display transparency, which is actually not that uncommon. Still, if you want to have the canvas background to be white, this is possible. Just choose :guilabel:`Background: As Canvas Color` in the new image dialogue and the image background will be white. You can turn it back to transparent via :menuselection:`Image --> Change image background color`. If you export a PNG or JPG, make sure to uncheck :guilabel:`Save transparency` and to make the background color white (it's black by default). .. image:: /images/filters/Krita-color-to-alpha.png :align: center Like Sai, you can quickly turn a black and white image to black and transparent with the :menuselection:`Color to Alpha Filter` under :menuselection:`Filters --> Colors --> Color to Alpha`. Brush Settings ~~~~~~~~~~~~~~ Another, somewhat amusing misconception is that Krita's brush engine is not very complex. After all, you can only change the Size, Flow and Opacity from the top bar. This is not quite true. It's rather that we don't have our brush settings in a docker but a drop-down on the toolbar. The easiest way to access this is with :kbd:`F5`. As you can see, it's actually quite complex. We have more than a dozen brush engines, which are a type of brush you can make. The ones you are used to from Paint Tool Sai are the Pixel Brush (ink), The Color Smudge Brush (brush) and the filter brush (dodge, burn). A simple inking brush recipe for example is to take a pixel brush, uncheck the :guilabel:`Enable Pen Settings` on opacity and flow, and uncheck everything but size from the option list. Then, go into brush-tip, pick :ref:`auto_brush_tip` from the tabs, and set the size to 25 (right-click a blue bar if you want to input numbers), turn on anti-aliasing under the brush icon, and set fade to 0.9. Then, as a final touch, set spacing to 'auto' and the spacing number to 0.8. You can configure the brushes in a lot of detail, and share the packs with others. Importing of packs and brushes can be done via the :menuselection:`Settings --> Manage Resources`, where you can import .bundle files or .kpp files. Erasing ~~~~~~~ Erasing is a blending mode in Krita, much like the transparency mode of Paint Tool Sai. It's activated with :kbd:`E` or you can select it from the Blending Mode drop-down... Blending Modes ~~~~~~~~~~~~~~ Krita has a lot of Blending modes, and thankfully all of Paint Tool Sai's are amongst them except binary. To manage the blending modes, each of them has a little check-box that you can tick to add them to the favorites. Multiple, Screen, Overlay and Normal are amongst the favorites. Krita's Luminosity is actually slightly different from Paint Tool Sai's and it replaces the relative brightness of color with the relative brightness of the color of the layer. -Sai's Luminosity mode is actually the same as Krita's *Addition* or *linear dodge* mode. The Shade mode is the same as *Color Burn* and *Hard Mix* is the same as the lumi and shade mode. +Sai's Luminosity mode (called Shine in Sai2) is the same as Krita's *Luminosity/Shine (SAI)* mode, which is new in Krita 4.2.4. +The Sai's Shade mode is the same as *Color Burn* and *Hard Mix* is the same as the lumi and shade mode. + Layers ~~~~~~ Lock Alpha This is the checker box icon next to every layer. Clipping group For Clipping masks in Krita you'll need to put all your images in a single layer, and then press the 'a' icon, or press :kbd:`Ctrl + Shift + G`. Ink layer This is a vector layer in Krita, and also holds the text. Masks These grayscale layers that allow you to affect the transparency are called transparency masks in Krita, and like Paint Tool Sai, they can be applied to groups as well as layers. If you have a selection and make a transparency mask, it will use the selection as a base. Clearing a layer This is under :menuselection:`Edit --> Clear`, but you can also just press :kbd:`Del`. Mixing between two colors ~~~~~~~~~~~~~~~~~~~~~~~~~ If you liked this docker in Paint Tool Sai, Krita's Digital Color Selector docker will be able to help you. Dragging the sliders will change how much of a color is mixed in. What do you get extra when using Krita? --------------------------------------- More brush customization ~~~~~~~~~~~~~~~~~~~~~~~~ You already met the brush settings editor. Sketch brushes, grid brushes, deform brushes, clone brushes, brushes that are textures, brushes that respond to tilt, rotation, speed, brushes that draw hatches and brushes that deform the colors. Krita's variety is quite big. More color selectors ~~~~~~~~~~~~~~~~~~~~ You can have HSV sliders, RGB sliders, triangle in a hue ring. But you can also have HSI, HSL or HSY' sliders, CMYK sliders, palettes, round selectors, square selectors, tiny selectors, big selectors, color history and shade selectors. Just go into :menuselection:`Settings --> Configure Krita --> Advanced Color Selector Settings` to change the shape and type of the main big color selector. .. image:: /images/dockers/Krita_Color_Selector_Types.png :align: center You can call the color history with :kbd:`H`, common colors with :kbd:`U` and the two shade selectors with :kbd:`Shift + N` and :kbd:`Shift + M`. The big selector can be called with :kbd:`Shift + I` on canvas. Geometric Tools ~~~~~~~~~~~~~~~ Circles, rectangles, paths, Krita allows you to draw these easily. Multibrush, Mirror Symmetry and Wrap Around ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ These tools allow you to quickly paint a mirrored image, mandala or tiled texture in no time. Useful for backgrounds and abstract vignettes. .. image:: /images/tools/Krita-multibrush.png :align: center Assistants ~~~~~~~~~~ The painting assistants can help you to set up a perspective, or a concentric circle and snap to them with the brush. .. figure:: /images/assistants/Krita_basic_assistants.png :alt: Krita's vanishing point assistants in action :width: 800 Krita's vanishing point assistants in action Locking the Layer ~~~~~~~~~~~~~~~~~ Lock the layer with the padlock so you don't draw on it. Quick Layer select ~~~~~~~~~~~~~~~~~~ If you hold :kbd:`R` and press a spot on your drawing, Krita will select the layer underneath the cursor. Really useful when dealing with a large number of layers. Color Management ~~~~~~~~~~~~~~~~ This allows you to prepare your work for print, or to do tricks with the LUT docker so you can diagnose your image better. For example, using the LUT docker to turn the colors grayscale in a separate view, so you can see the values instantly. .. image:: /images/Krita-view-dependant-lut-management.png :align: center Advanced Transform Tools ~~~~~~~~~~~~~~~~~~~~~~~~ Not just rotate and scale, but also cage, wrap, liquify and non-destructive transforms with the transform tool and masks. .. image:: /images/tools/Krita_transforms_recursive.png :align: center More Filters and non-destructive filter layers and masks ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ With filters like color balance and curves you can make easy shadow layers. In fact, with the filter layers and layer masks you can make them apply on the fly as you draw underneath. .. image:: /images/Krita_ghostlady_3.png :align: center Pop-up palette ~~~~~~~~~~~~~~~ This is the little circular thing that is by default on the right click. You can organize your brushes in tags, and use those tags to fill up the pop-up palette. It also keeps a little color selector and color history, so you can switch brushes on the fly. .. image:: /images/Krita-popuppalette.png :align: center What does Krita lack compared to Paint Tool Sai? ------------------------------------------------ * Variable width vector lines * The selection source option for layers * Dynamic hard-edges for strokes (the fringe effect) * No mix-docker * No Preset-tied stabilizer * No per-preset hotkeys Conclusion ---------- I hope this introduction got you a little more excited to use Krita, if not feel a little more at home.