Flat Coloring

So you’ve got a cool black on white drawing, and now you want to color it! The thing we’ll aim for in this tutorial is to get your lineart colored in with flat colors. So no shading just yet. We’ll be going through some techniques for preparing the lineart, and we’ll be using the layer docker to put each colour on a separate layer, so we can easily access each colour when we add shading.

Note

This tutorial is adapted from this tutorial by it’s original author.

Understanding Layers

To fill lineart comfortably, it’s best to take advantage of the layerstack. The layer stack is pretty awesome, and it’s one of those features that make digital art super-convenient.

In traditional art, it is not uncommon to first draw the full background before drawing the subject. Or to first draw a line art and then colour it in. Computers have a similar way of working.

In programming, if you tell a computer to draw a red circle, and then afterwards tell it to draw a smaller yellow circle, you will see the small yellow circle overlap the red circle. Switch the commands around, and you will not see the yellow circle at all: it was drawn before the red circle and thus ‘behind’ it.

This is referred to as the “drawing order”. So like the traditional artist, the computer will first draw the images that are behind everything, and layer the subject and foreground on top of it. The layer docker is a way for you to control the drawing order of multiple images, so for example, you can have your lineart drawn later than your colors, meaning that the lines will be drawn over the colors, making it easier to make it neat!

Other things that a layer stack can do are blending the colors of different layers differently with blending modes, using a filter in the layer stack, or using a mask that allows you to make parts transparent.

Tip

Programmers talk about transparency as ‘’Alpha’‘, which is because the ‘a’ symbol is used to present transparency in the algorithms for painting one color on top of another. Usually when you see the word ‘’Alpha’’ in a graphics program, just think of it as affecting the transparency.

Preparing your line-art

Put the new layer underneath the layer containing the lineart(drag and drop or use the up/down arrows for that), and draw on it.

…And notice nothing happening. This is because the white isn’t transparent. You wouldn’t really want it to either, how else would you make convincing highlights? So what we first need to do to colour in our drawing is prepare our lineart. There’s several methods of doing so, each with varying qualities.

The Multiply Blending Mode

So, typically, to get a black and white lineart usable for colouring, you can set the blending mode of the lineart layer to Multiply. You do this by selecting the layer and going to the drop down that says Normal and setting that to Multiply.

And then you should be able to see your colors!

Multiply is not a perfect solution however. For example, if through some image editing magic I make the lineart blue, it results into this:

This is because multiply literally multiplies the colors. So it uses maths!

What it first does is take the values of the RGB channels, then divides them by the max(because we’re in 8bit, this is 255), a process we call normalising. Then it multiplies the normalised values. Finally, it takes the result and multiplies it with 255 again to get the result values.

  Pink Pink(normalised) Blue Blue(normalised) Normalised, multiplied Result
Red 222 0.8705 92 0.3607 0.3139 80
Green 144 0.5647 176 0.6902 0.3897 99
Blue 123 0.4823 215 0.8431 0.4066 103

This isn’t completely undesirable, and a lot of artists use this effect to add a little richness to their colors.

Advantages

Easy, can work to your benefit even with coloured lines by softening the look of the lines while keeping nice contrast.

Disadvantages

Not actually transparent. Is a little funny with coloured lines.

Fill Tool

In most cases the fill-tool can’t deal with the anti-aliasing(the soft edge in your lineart to make it more smooth when zoomed out) In Krita you have the grow-shrink option. Setting that to say… 2 expands the colour two pixels.

Threshold decides when the fill-tool should consider a different colour pixel to be a border. And the feathering adds a extra soft border to the fill.

Now, if you click on a gapless-part of the image with your preferred colour…(Remember to set the opacity to 1.0!)

Depending on your lineart, you can do flats pretty quickly. But setting the threshold low can result in little artifacts around where lines meet:

However, setting the threshold high can end with the fill not recognising some of the lighter lines. Besides these little artifacts can be removed with the brush easily.

Advantages

Pretty darn quick depending on the available settings.

Disadvantages

Again, not great with gaps or details. And it works best with aliased line-art.

Selections

Selections work using the selection tools.

For example with the Path Selection Tool you can easily select a curved area, and the with Shift +  (not  + Shift, there’s a difference!) you can easily add to an existing selection.

You can also edit the selection if you have Select ‣ Show Global Selection Mask turned on. Then you can select the global selection mask, and paint on it. (Above with the alternative selection mode, activated in the lower-left corner of the stats bar)

When done, select the color you want to fill it with and press shift + backspace.

You can save selections in selection masks by  a layer, and then going to Add ‣ Local Selection. You first need to deactivate a selection by pressing the circle before adding a new selection.

This can serve as an alternative way to split out different parts of the image, which is good for more painterly pieces:

Advantages

A bit more precise than filling.

Disadvantages

Previewing your color isn’t as easy.

Geometric tools

So you have a tool for making rectangles or circles. And in the case of Krita, a tool for bezier curves. Select the path tool (), and set the tool options to fill=foreground and outline=none. Make sure that your opacity is set to 1.00(fully opaque).

By clicking and holding, you can influence how curvy a line draw with the path tool is going to be. Letting go of the mouse button confirms the action, and then you’re free to draw the next point.

You can also erase with a geometric tool. Just press E or the eraser button.

Advantages

Quicker than using the brush or selections. Also decent with lineart that contains gaps.

Disadvantages

Fiddly details aren’t easy to fill in with this. So I recommend skipping those and filling them in later with a brush.

Colorize Mask

So, this is a bit of an odd one. In the original tutorial, you’ll see I’m suggesting using G’Mic, but that was a few years ago, and g’mic is a little unstable on windows. Therefore, the Krita developers have been attempting to make an internal tool doing the same.

It is disabled in 3.1, but if you use 4.0 or later, it is in the toolbox. Check the Colorize Mask for more information.

So it works like this:

  1. Select the colorize mask tool.
  2. Tick the layer you’re using.
  3. Paint the colors your want to use on the colorize mask
  4. Click update to see the results:

When you are satisfied,  the colorize mask, and go to Convert ‣ Paint Layer. This will turn the colorize mask to a generic paint layer. Then, you can fix the last issues by aking the lineart semi-transparent and painting the flaws away with a pixel art brush.

Then, when you are done, split the layers via Layers ‣ Split ‣ Split Layer. There’s a few options you can choose, but the following should be fine:

Finally, press Ok and you should get the following. Each color patch it on a different layer, named by the palette in the menu and alpha locked, so you can start painting right away!

Advantages

Works with anti aliased lineart. Really quick to get the base work done. Can auto-close gaps.

Disadvantages

No anti aliasing of it’s own. You have to choose between getting details right or the gaps auto-closed.

Conclusion

I hope this has given you a good idea of how to fill in flats using the various techniques, as well as getting a hand of different Krita features. Remember that a good flat filled lineart is better than a badly shaded one, so keep practising to get the best out of these techniques!

文章转自krita官网使用教程

-----------------------------------------------------------------------下面的字是我加的-------------------------------------------------------------------------------

其实上色方法大致分为两种模式:使用颜色蒙版与在线稿下方建立图层上色

使用颜色蒙版速度快,但是边缘可能不平滑,而且要求区域闭合。

在线稿下方简历图层上色时,如果线稿背景为白色则需要设置线稿图层为正片叠底(四则运算里的乘法,multiply)。

线稿图层设置为正片叠底(乘法)后,下方图层的颜色,与白色(线稿背景)混合不发生任何变化,与黑色(线稿的线)混合,结果色只有黑色,所以用这种方式处理白色背景线稿非常合理。

如果线稿背景透明,则保持混合模式为正常即可。

截下来,就可以在上色图层上色了。

上色时可使用直接使用填充工具,也可选择后再使用填充工具,可使用贝塞尔曲线,还可使用各式各样的笔刷。

各式各样的笔刷,提供了各种创作的可能性。

krita 平涂 线稿上色 颜色蒙版相关推荐

  1. 0.7秒完成动漫线稿上色,爱奇艺发布AI上色引擎

    出品 | AI科技大本营(ID:rgznai100) 中国漫画的需求量在不断增加,而动漫制作成本一直居高不下.究其原因为动漫制作是一个复杂且耗时的过程,需要大量工作人员在不同阶段进行协作. 动漫制作过 ...

  2. 0.7秒,完成动漫线稿上色

    鱼羊 发自 凹非寺 量子位 报道 | 公众号 QbitAI 给一张这样繁复的线稿: 一步步填上颜色.赋上光影: 你猜需要多长时间? 答案是最快0.7秒. 没错,这又是AI的手笔. 厚涂不在话下,换种漫 ...

  3. 超火的漫画线稿上色AI出新版了!无监督训练,效果更美好 | 代码+Demo

    夏乙 安妮 编译整理 量子位 出品 | 公众号 QbitAI 给喜欢的动漫形象建个了收藏夹,里面收集她的各种图片--懂,谁没几个喜欢的动漫萌妹呢. 一些手绘线稿也很可爱,但黑白配色总会略显单调. △请 ...

  4. 线稿上色V3(比V2差别在于这个参考图的处理方式),并且更好用哦

    转自AI Studio,原文链接:线稿上色V3(比V2差别在于这个参考图的处理方式),并且更好用哦 - 飞桨AI Studio 线稿上色V3(比V2差别在于这个参考图的处理方式),并且更好用哦 - 飞 ...

  5. Photoshop高级应用之线稿上色实例:女孩

    Photoshop高级应用之线稿上色实例:女孩 1.先是草稿,懒的透一遍干净的稿子了,这次尝试一下直接用草稿画,当然这样是比有个干净线稿直接上色要辛苦的多,但效果也相应的会更好. 2.调整一下线稿的亮 ...

  6. 美术老师去世后,他做了一个算法模型,为老师的线稿上色

    大数据文摘出品 来源:artnome 编译:楚阳.橡树_Hiangsug.夏雅薇 机器学习最能发挥功效的地方是协助人而非取代人. 尽管我们可能无法从头开始构建自己的机器学习模型,但是类似于Runway ...

  7. python 自动上色_Github | 线稿自动上色

    今天要介绍的是一个 Github 项目,项目地址如下,它实现了对线稿的自动上色功能,效果还是很不错的,一起来看看吧. https://github.com/SerialLain3170/Coloriz ...

  8. 资源 | Style2paints:专业的AI漫画线稿自动上色工具

    IT派 - {技术青年圈} 持续关注互联网.大数据.人工智能领域 关注 往期精彩回顾 重大改变!Excel即将接入Python!办公软件也要革命 2017年大数据领域薪资有多高? 由于档期限制,我们经 ...

  9. Style2paints:专业的AI漫画线稿自动上色工具

    由于档期限制,我们经常会看到动画由于制作时间紧迫而出现作画崩坏的情况.来自苏州大学的研究者们提出的 Style2paints 或许可以帮助我们缓解这样的情况,这种工具可以使用 AI 技术为黑白线稿快速 ...

最新文章

  1. 鸿蒙武器排行榜,刺客伍六七武器排行榜,剪刀垫底,魔刀仅排第二,图四才是最强武器...
  2. mysql中engine=innodb和engine=myisam的区别详解
  3. OCR-PIL.Image与Base64 String的互相转换
  4. db2 如何导出insert语句_MySQL 执行脚本/导入/导出数据
  5. 测试工程师不懂AI,还有未来吗?
  6. php调用.net webservice,PHP调用.NET的WebService 简单实例
  7. roobo机器人怎么唱歌_日本推出机器人“妻子”,拥有3大功能,能替代真人伴侣吗?...
  8. 如何搭建一个好的数据指标体系?
  9. C#获取字符串中某个字符出现的次数
  10. 代码整合错了,回滚后再整合,为何要诉苦
  11. apache log分析
  12. 可能是最全的java架构师面试题
  13. RF射频技术-si4438C芯片介绍
  14. 黑苹果 hackintosh 声卡驱动
  15. hb运行到微信小程序出现报错:[微信小程序开发者工具] ? Enable IDE Service (y/N) 
  16. TC4056A丝印1A 线性锂离子电池充电IC
  17. 微信小程序防止恶意点击、多次点击
  18. 下载电驴屏蔽资源办法
  19. DDR 内存与 PCB 设计挑战
  20. 地图、比例尺基本认识

热门文章

  1. 应届生改派、派遣证、报到证、户口接收函(进京函)--人社部渠道
  2. 安卓开发之设计微信界面
  3. 关于postgresql的安装与实用
  4. android版本怎么升级10,荣耀10怎么升级EMUI10系统
  5. 专业导论-课后总结-2019.12.12-V1.0
  6. 基于5G和MEC的新型智慧工地应用研究
  7. 调用百度API 对文本进行情感倾向分析(舆情分析)
  8. RuntimeError:Given input size:(256x1x1). Calculated output size: (256x0x0).Output size is too small
  9. 诱导性多潜能干细胞(iPS cells) 现状及前景展望
  10. 大数据开发工程师基本功修炼之史上最全Linux学习笔记(建议)