足球指数捷报赔率
个人?#34892;?/a> 我的学堂 我的旅行 退出账号

图纸转线稿背后的计算机绘图原理

2019.08.06 | , ,
LAC丨ArchStudio LAC丨ArchStudio

作者:LAC
原文链接

?#36136;?#26032;的一周,制图教室和大家准时相见~

各位童鞋如果对于PS比较熟悉的话应该都会知道一个所谓的‘图纸转线稿’的操作。具体操作本身并不复杂,比如我们用PS打开?#25105;?#19968;张图纸。

复制一份,Ctrl+I反向。

图层模式改为线性减淡(添加)。

之后对于上部图层使用?#21496;?其他-最小值,半径可以给1个像素。

当当?#20445;?#25105;们就可以看见,出现了一个彩色的线稿图。

那么我们只需要在上面给一个黑白调整图纸,整体盖印,就可以获得一个黑白线稿图了,再使用正片叠底就可以叠加到任何其他图纸上面去了。

这个操作本身其实并没有什么可说的,非常简单的一个?#26657;有?#25216;巧,相信各位小伙伴也大多有所了解。但是之前在LAC暑期软件班授课的时候,就?#22411;?#23398;在课上了问了我这样一个操作背后的原理到底是什么?为什么通过这样几步PS操作就可?#22253;?#24425;色图变为黑白线稿?因为个人对于这类偏原理的问题一直都比较?#34892;?#36259;,所以今天这篇文章中就带着大家一起探究一下这样一个操作背后的计算机绘图原理到底是什么。




STEP 1

知识铺垫

要解决这样一个问题首先我们需要铺垫几个基础知识。

第一条是一个大家应该都知道的常识:在8位每通道的环境下,?#25105;?#39068;色的RGB通道的的数值都是0-255。

其次,线性简单(添加)其实就是英文中的Add,他对于颜色的计算完完全全遵守数学的加法。比如我们在PS里面绘制一个50的?#30097;?/span>

然后Ctrl+J复制一份,将上部的改为Add模式。

使用吸管吸一下,大家可以看到我们的颜色就是50+50=100的?#30097;?#25152;以对于A图层和B图层,Add其实就是A+B的作用。

第三个背景知识就是在8位每通道的情况下,如果原图层的颜色是X,那么反向就是255-X。比如对于一个50的?#30097;?#25105;们反向颜色绝对是255-50=205。

第四个背景知识就是对于?#25105;?#39068;色,RGB三通道的颜色数值是单独计算的,比如我们建立一个颜色RGB数值分别为50,100,150,那么反向之后的颜色就是255-50,255-100,255-150.每个通道单独计算之后再合成新的颜色。对于Add也是同样如此,RGB数值单独相?#21360;?/span>

最后一个知识点就是我们最后用到的?#21496;?-其它--最小值。这个操作指的是:以某一个点的设定半径范围内,最小的RGB颜色值来替代该点的颜色值。

?#27604;欢?#20110;这句?#26696;?#20301;可能不太好理解,画个图给大家。

比如我们绘制一个3*3像素的图。图纸中有一个像素,作为我们的测试点。

那么当我们半径设为1的话,那他就会与周围的8个像素进行?#21592;齲?#22914;果八个像素里面有?#25105;?#19968;个像素的RGB数值比?#34892;?#28857;低,(图中有一个黑点,黑色的RGB值都是0,低于白色的255)那么原像素的颜色就会变成最低的那个像素的RGB值,也就是会变为黑色。

为了进一步加深大家理解,再举另外一个例子,比如我们建立一张画布,一半为黑色,一半为白色,在中间位置我们绘制一个参考线。

那么当我们使用?#21496;?-其它--最小值的时候各位会发现,加大半径值,黑色的范围会不断的扩大


并且变成黑色的像素行数恰恰就是我们设置的半径值。回想下?#21496;?-其它--最小值的定义:以某一个点的设定半径范围内,最小的RGB颜色值来替代该点的颜色值。那么半?#23545;?#22823;,越多的左侧白像素在半径范围内就可以探测到黑像素右侧,从而变为黑色。(当半径为2的话,距离边界3个像素的白像素2个像素范围内都是白色,所以颜色不变,相反距离边界2个像素和1个像素的白像素因为可以接触到黑色就会变为黑色)。

当各位理解这五点之后,我们就可以开始梳理操作背后的绘图原理了。



STEP 2

梳理操作

首先对于原图,如果直接每个像素的RGB数值设为x的话。那么反向之后的图层就变为255-x.

而两者使用add叠加的话,add的公式为A+B,结果就是x+255-x=255,为纯白色。所以任何图纸和自己的反向使用Add叠加的话一定是一个纯白色。

而我们使用?#21496;?-其它--最小值之所以可以出现线稿就是因为对于色块内部像素他周围的颜色还是本身颜色,RGB数值相同,因此最小值并不会发生变化。

比如下图选区内的像素,上下左右都是本身,所以不发生变化,x+255-x=255,所以还是白色,也就成了我们所看到的白底

但是在不同色块相交接的地方,因为颜色不同,无论相连的像素?#20154;?#26263;还是亮,都会发生颜色的改变。(自己的颜色变为对方的颜色或者对方的颜色变为自己颜色)。而当颜色发生变化的话,上部的颜色就成了255-x-t (t为两个相邻色块的颜色差值),使用add结果就是x+255-x-t=255-t (t不为0)。因?#21496;?#20250;出现具有颜色信息的'线'

那么这就是我们生成线稿背后的计算机绘图原理了。



STEP 3

验证总结

那么为了验证我们的分析正确,我们使用一下我们之前黑白?#22253;?#30340;那张图纸。

复制一份反向线性减淡添?#21360;?/span>

如果我们之前分析的是正确的话,当我们给他设置一个三个像素的?#21496;?-其它--最小值,我们的必然会在?#34892;?#32447;右侧生成一个三个像素的黑线,结果果然如此。所以我们的分析是正确的。

那么基于这样一个分析我们也能知道,最适合我们转换线稿的图纸就是?#21487;?#22635;充的插画图。他可以得到一个最清楚?#19994;?#23485;的边界。



END

官方网?#38236;?#22336;

http://www.lac-studio.com

官方电话

400-863-5573

021-6142-1005

联合 Linking | 学术 Academy | 创新 Creation


1条评论
Dowa
Dowa 2019-08-06 18:05:45 回复 0

强!无敌

LAC丨ArchStudio LAC丨ArchStudio

作者:LAC
原文链接

media@archcollege.com
建筑学院来稿须知 关闭
?#34892;?#24744;的关注与支持!我们非常欢迎各类投稿。
几点简单的来稿须知,望您耐心读完。
来稿要求如下:

● 作品类稿件

1、高清项目实景照片/效果图/模型照片/手绘草图
2、高清技术图纸,如:分析图/主要平立剖/总平面/关键节点详图
(图片要求?#20309;?#27700;印,格式为JPG,图片分辨率72,宽度大于1200像素)
3、详实的设计说明800字左右(word格式)
4、真实准确的基本项目信息
5、如有项目视频,请提供高清项目视频
6、贵司的LOGO、官网相关信息。(用于注明文章出处及作者)

● 其他稿件

1、配图清晰且无水印图片
2、内容有趣有料,文字流畅通?#22330;?br> 3、作者姓名,若有公号请提供公号名称及LOGO
我们的编辑将在收到稿件后的3个工作日内审稿并与您取得联系,如果没有刊载?#19981;?#22312;3个工作日内您答复。
投稿邮箱:[email protected]
如有其他疑?#26159;?#21152;QQ:359440856 或微信: jzxy-gtn
建筑学院 建筑学院

建筑学院APP

为建筑师而打造的精品应用

点击下载
close
社交账号登录
close
close
close
欢迎加入【建筑学院】
快去完善你的个人信息吧!
完善资料
等下完善
close
足球指数捷报赔率 红马时时计划软件 新疆风采25选7开奖结果 快3和值计算公式 360时时走势图 福彩快乐十分走势图 黑龙江6+1玩法 港彩金牌二码 麻将千术 3分赛计划平台 重庆时时彩真的假的