  透视学在很多设计师眼里就等同于数学，而数学就是每个设计师的噩梦，相信大多数设计师对于理科类的学科都很头疼，而设计就是理性与感性的结合，透视学就是理性的存在，它可以运用到绘画、建筑设计、雕塑、环境艺术设计、工业设计、平面广告设计等诸多领域，所以透视这个BUG不修复，这个“漏洞”将会永远的存在，无论在绘画还是设计创作时，它总会让你画面显得很“别扭”，甚至丑陋。 比如这样：   所以只有掌握了科学的透视变化规律，我们才能在设计时准确的表现出立体感，空间感，生动感的设计作品。如果不遵循透视的一般规律，所表现出来的画面将会失真，这会给设计者和客户带来视觉错位，并使各个相关区域出现不协调感，给设计带来很大的麻烦 。 当然艺术作品抽象画除外，因为这是作者有意为之，表达的是主体概念或者是精神意向，已经脱离了透视的范畴，这和我们设计作品还是有很大的区别的。   到底什么是透视呢？来，现在站起来走到窗前，透过窗户去观察外面的景物，并且描绘出来，也就是透过来观察，这就是透视。    我们平时走在街上的时候，看到路边树木，离我们近的会很高大，而离我们远的就会显得很矮小，当我们站在铁轨上，离自己距离近的枕木相对较大，而离自己远的枕木在视线中变得越来越小。物体尺寸相似，会随着距离的推远而缩小。这就是透视中近大远小，它所体现的是一种空间感和纵深感。  道路两旁的树离我们越近的就越高大，越远的就越矮小。  地板上的方块距离越远越小，距离我们的近的越大。 由于受到空气中水分、杂质、雾气等自然条件影响，物体会随着距离的增大而逐渐失去细节，变得越来越模糊，这就是透视中的虚实变化。 近处的绿色景物清晰可见，远处的山和丛林就会很模糊。 近处的食物颜色鲜艳对比度较强，远处的食物比较模糊，对比度就不明显。 在学习透视相关知识之前，我们要对专业术语有个了解，方便后期的学习。 接下来我们分别以图片的形式来解释各个名词： 观察者眼睛的位置，又称为目点。 被观察的现实的景和物。 物体所在的平面，比如地面、桌面、海面等。 是介于眼与物体之间的假设透明平面，它可向四周无限的扩大，而画幅是在画面中截取的一部分，画面与画幅必须与观察者的中心视线垂直，与双眼平行。 画幅是取景时假定透明的作图范围，起到取景框的作用。我们可以给它理解为透明的画纸。 视点到画面的垂直连线，同时也是所看方向视域锥体的中心轴线，又称中视线或视中线。 中心视线与画面的交点，又称视心、心点。每幅图上必须要有一个主点。 眼睛看出去的空间范围，空间形状构成一个圆锥体。常用视域为60°，若超出60°视角的透视图会出现反常、变形的情况。 通过主点所做的水平线，视平线和眼睛在一个高度上，平视时视平线与地平线重叠，仰视或俯视时二者分离。 透视的分类 在画图或设计时，首先确定的是视向，也就是观察者所看的方向，透视根据视向可以分为三类。 下面分别根据这三种视向进行分析讲解。 在立方体的六个平面中，存在与画幅（画面）平行的面，这时的透视关系就叫平行透视。与画幅垂直的平行线都在画幅上汇聚到一点并消失，这个点为主点，又称灭点或消失点。由于平行透视只存在一个消失点，所以又叫一点透视。平行透视，是所有透视学中最容易掌握的透视形式。 平行透视图示01 平行透视图示02 平行透视图示03 蓝色的线条是与画幅垂直的平行线，它们延伸汇聚到一点消失，这个点就是主点，也是平行透视的消失点，穿过这个点的线就是视平线。 图例01 道路两旁的平行线向前延伸消失于一点（主点），穿过这个点的线就是视平线，这个场景就是平行透视。 图例02 这个箱子类似于长方体，我们将箱子两条平行线延伸相交于一点，穿过这一点的线就是视平线，所以这个箱子是平行透视。 图例03 道路两旁的树木顶端连线，旗杆顶端连线，路边白色线条连线并延伸，都汇聚到一点消失，通过这个点，我们找到了红色的视平线，也就是人眼睛的高度，所以这个户外场景也属于平行透视。 平行透视规律总结 立方体与画幅形成一定角度关系，纵深平行的直线向主点两侧延伸分别汇聚到一点，这种透视关系就叫成角透视。因为有两个消失点，所以又被称作两点透视。 成角透视图示01 成角透视图示02 成角透视图示03 紫色线条向左汇聚到消失点01，红色线条向右延伸汇聚到消失点02，主点在两个消失点之间。 图例01 因为成角透视图一般透视线会延伸到ps画布之外，所以我们特别缩小透视图，方便大家更好的理解，这是一个室内的空间照片，棚顶平行的架子可以延伸消失于一点，竖着的柱子底部连接延伸消失于另一点，所以这个照片是典型的成角透视。 图例02 这个画面有三个成角透视的箱子，每个箱子两组平行线延伸都有两个消失点，这里我们分别用三种不同颜色的线来表示它们的透视线，可以看出延伸出去的线都消失在一个视平线上。 图例03 灯塔两边平行线分别延伸到至左右两个消失点，连接两个消失点，就是画面的视平线，所以这个灯塔就是典型的成角透视。我们看到视平线的位置也是海平线的位置，这也就是我们前面名词解释中所讲的，海平线、地平线都是视平线。 成角透视规律总结 通过以上的学习，相信大家对平行透视和成角透视已经有一定的了解了，那么两者共存是何种形式呢？其实我们生活中，视线所及之处无不是平行透视与成角透视共存的场景，只要细心观察，就能从中了解透视的变化。 在这个画面中车子是成角透视，地板是平行透视。 室内墙上的方块盒子是平行透视，沙发是成角透视。 这个画面中的房子是平行透视，车子是成角透视。 这个画面里的街道是平行透视，椅子是成角透视。 当平视画面中没有参照物时，可以即刻把海平线或地平线看做视平线。 海平线指海面与天交接的线。 地平线是指地面与天相接的线。 严格来说地平线与视平线是有所不同的，因为地球是圆的，所以当人站在地面上时，地球以人物为中心向四方弯曲。（下图表现的此现象，比较夸张） 而实际上地球的曲面率对大多数的观察距离来说是无限小的，可以忽略不计，因此地平线与人的视平线几乎是重合的。 无论我们站在哪里平视景物，视平线最终都会和地平线重合，此时，无论物体在地平线的哪个方位，物体与地面垂直的线都是不变的，不会发生任何透视变化。我们知道地平线是恒定不动的，而人的视平线可以随着抬头低头而变化，这样就产生了地平线与视平线分离的现象，也就是仰视透视和俯视透视。仰视时物体和视平线在地平线的上方，俯视时物体和视平线在地平线的下方。 方体平放，腾空，一个面与画面平行，此面是底面，视向是正仰视，它垂直于地面的线都消失于主点，此时的主点就是天点。而此透视是具有平行透视性质的正仰视透视。 正仰视透视图示01 正仰视透视图示02 正仰视透视图示03 图例01 图例02 这两个图片是楼体的正仰视透视的照片，在正仰视中没有地平线，只有一个视平线，也只有一个消失点 ，和平行透视的性质一样，是比较简单的透视形式。 方形物体平放，腾空，视向是仰视，能看到底面和侧面，垂直的边线向上延伸汇聚到一点，这个点就是天点（地平线以上的灭点），两侧的线向下延伸，消失到地点（地平线以下的灭点），视平线与地平线分离。 平行斜仰视透视图示01 仰视的时候地平线和视平线是分开的,地平线在视平线下方。 平行斜仰视透视图示02 平行斜仰视透视图示03 图例01 楼体上的阳台属于平行斜仰视，能明显看出侧面两条线向上延伸至天点，底面两侧线条向下延伸至地点。 图例02 集装箱两侧的线条向上延伸至天点，向下延伸至地点。 这张图片楼体外侧的装饰，都是典型的平行斜仰视透视。 当方体平放，腾空，视向是仰视，能看到底面和侧面，六个面都与画面成角，三组边线分别向天点、左右地点无限延伸并消失到三个点。 成角斜仰视透视图示01 仰视的时候地平线和视平线是分开的,地平线在视平线下方。 成角斜仰视透视图示02 成角斜仰视透视图示03 成角斜仰视透视在生活中的体现 图例01 由于画面尺寸有限，向上延长的线没有表示出来，所以这里给出了一个大致的位置，这个图属于典型的成角斜仰视透视，两边的线向下延伸至地点，两个地点的连线就是地平线。 图例02 这张照片是仰视拍摄的楼体外观，可以明显看出两侧垂直线向上聚集的感觉，而两侧的边线向下延伸到地点，这样也就找到了地平线。 图例03 图中的灯是仰视拍摄的，我们根据它平行边线的延伸找到了天点和地点，从而知道了地平线的位置。 方形物体平放，一个面与画面平行，此面是顶面，视向是正俯视，它垂直于地面的线都消失于主点，此时的主点就是地点。此透视是具有平行透视性质的正俯视透视。 正俯视透视图示01 正俯视透视图示02 正俯视透视图示03 图例01 这是一个房间的正俯视摄影，四个墙边的延长线消失于一点，穿过这个点的线就是这个画面的视平线，也就是拍摄者的视平线。 图例02 室内的一个角落的正俯视摄影照片，我们把垂直于底面的平行线（也就是沙发的边线）延长就会相交于一点，从而确定了视平线。 图例03 同样也是房间内的正俯视拍摄，方盒子的垂直线向下延伸相交于一点，这个点就是地点，穿过地点的线就是视平线。 方形物体平放，视向是俯视，能看到顶面和侧面，顶面平行线向上延伸相交于天点，垂直于地面的平行线向下延伸相交于地点，视平线与地平线分离，视平线处于地平线下方。 平行斜俯视透视图示01 俯视的时候地平线和视平线是分开的,地平线在视平线上方。 平行斜俯视透视图示02 平行斜俯视透视图示03 图例01 这里所体现的是俯视角度较大的视角，桌子腿向下延伸消失到地点，桌子面两侧的平行线向上延伸到天点。 图例02 这个图片展示出的俯视角度很大的，画面中出现的脚，我们可以想象为自己，代入到画面中，这样会对楼体的透视角度有个很好的体验。 图例03 这个图片所体现的俯视角度不是很大，两个椅子腿向下延伸到地点，顶面两侧的边线向上延伸到天点。 方形物体平放，视向为俯视，能看到顶面和侧面，六个面都与画面成角，三组边线分别向地点、左右天点消失。视平线与地平线分离，视平线处于地平线的下方。 成角斜俯视透视图示01 成角斜俯视透视图示02 成角斜俯视透视图示03 图例01 这个照片属于俯视角度比较大的，所以消失线都在画布以外，由于尺寸有限，我们没有标注出来，但是每条线的消失的方向（天点、地点）这里给出了相应的标示。 图例02 我们看图中方盒子属于典型的成角斜俯视透视，延伸它的边线分别消失到两个天点和地点，这里天点01由于画面尺寸关系没有标示出来。 图例03 这张室内摄影的照片，我们将台子边线延长，就会找到各个消失点，两个天点的连线就是地平线。 俯视仰视透视规律总结 根据上方我们所学的透视理论。做一个合成设计的banner，让大家更好的理解透视在设计中的应用。 素材收集 步骤演示 1.画出草图，我们案例以两个成角透视为例，由于画幅尺寸有限，所以我们简化画面中的蛋糕和木板，以方体来表现。画面中蛋糕两边延长线消失在左右两点，木板同理，四个点的连线就是视平线。根据之前我们学的理论，一个画面中只能有一个视平线，所以之后画面中添加的任何物体透视线都要消失在视平线上。这里我们确定了视平线的位置，也就是在画面之外。 2.首先选择一个木质桌面的素材置入到画面中，要注意的是木纹的方向要根据透视的走势去变化。 3.根据草图用钢笔工具画出图形，注意透视原理，四个点都要消失到一个视平线上。 4.用剪切蒙版给木板置入纹理素材，要注意纹理与透视方向的一致性。 顺着透视的结构贴材质 顺着透视的结构贴材质 顺着透视的结构贴材质 顺着透视的结构贴材质 5.选择巧克力素材，截取其中一部分用剪切蒙版置入到图形中，每个面的透视方向不同，所以置入的素材要做出相应的透视变化，也就是要顺着透视结构添加材质。 6.将蛋糕的图层建立组，命名为“蛋糕”，这样在后期修饰时，能方便我们去查找图层。 7.根据透视近实远虚的原理，为画面添加一个稍微模糊的远景素材（小蛋糕）。将远景蛋糕的边线延长消失在视平线上，从而确定它摆放的位置。 8.在远景蛋糕图层的基础上新建一个图层，图层模式为正片叠底，填充颜色，剪切蒙版置入到蛋糕里面，压暗远景素材，这样让它和前面蛋糕有个前后景的区分。 9.压暗桌面的四边，突出中间的主体。用画笔工具在桌面四角（红色区域）画上在木板上吸取的颜色，图层样式为正片叠底，适当降低透明度。 给四角压暗的方式有两种： ★使用手绘板，用画笔工具，点开传递，控制都选择“钢笔压力”，这样画出的东西是带有压感的，可以根据手的力度去把握轻重，达到很自然的效果。 ★用钢笔工具画出想压暗的区域，填充颜色，之后用滤镜中的高斯模糊工具对色块进行虚化的处理，数值可以根据实际情况而定，之后添加蒙版，擦掉不要的部分。 10.继续添加素材，给蛋糕侧面放置一个小棚子，要注意它的透视线延长消失到视平线上。 11.给蛋糕边缘的转折处添加素材，让边缘不那么生硬。 12.提亮蛋糕的顶面（红色区域），在顶面图层上新建一个图层，图层模式为叠加，用画笔工具画上颜色（使用手绘板，打开传递中的钢笔压力），加暗侧面（黄色区域），在侧面图层的上方新建一个图层，图层模式为正片叠底，同样使用画笔工具画上颜色，靠近底部边缘处稍重一些。 13.把其余的素材都添加到画面中，注意透视规律。 14.给蛋糕的三个面分别添加图层蒙版，根据蛋糕边缘的纹理走势，用画笔工具擦出凹凸不平的质感。 15.修饰蛋糕底下的木板，木板立面（红色区域）上方新建一个图层，模式为正片叠底，用画笔工具给这个部分加暗，同时增加它的亮度和对比度。 给木板的转折处（绿色区域）修饰圆滑一些，木板上方新建一个图层，图层模式为滤色，用矩形框工具画一个细长形状，做一点高斯模糊。 木板的顶面（紫色区域）提高亮度和对比度，并且添加一个新的图层，模式为柔光，用画笔工具提亮顶面。 16.增加画面的真实性，给蛋糕底部添加巧克力碎屑，在巧克力底部新建一个图层，用套索工具画出碎屑洒落的范围（红色区域）,置入一个巧克力的素材，然后给它添加一个图层蒙版，蒙版填充为黑色，前景色设置为白色，用画笔工具在蒙版上画出巧克力碎屑。选择14号画笔，调整间距、形状动态、散布。 17.给小棚子添加阴影区域，同样在它的上方创建一个图层，模式为正片叠底，用画笔工具加暗门与两个柱体，方法在之前的步骤中已经介绍过，这里不多做赘述了。 18.用画笔工具给物体添加投影，新建图层，模式为正片叠底，光源的位置是在开始设计时就设想好的，物体按照光源方向去画投影。 19.给小棚子里面推车的人物进行压暗处理，因为他所在的区域是不受光的，所以要让它符合环境，在它上面新建图层，模式为正片叠底，用画笔工具去加暗整个人物和推车，并且在此基础上调整亮度对比度。 20.继续提亮木板靠近光源的区域，木板顶面上方新建图层，模式为滤色，用画笔工具画上颜色提亮。 21.在蛋糕组的基础上用调整图层命令提高亮度、对比度，亮度为37，对比度为35，数值可根据实际操作而定。 22.给背景的桌面加暗，突出主体。先用亮度对比度去整体调整暗，然后再用画笔工具继续加深四个角。 23.将分好层级关系的文字置入到画面中，这样整个合成设计就完成了。 动图演示 合成设计中运用比较多的透视形式是：平行透视和成角透视，因为这两种透视形式是比较好把握的，也是8种透视中相对简单的，建议大家在初学时，尽量选择这两种透视去设计。 本篇文章主要介绍了平行透视、成角透视、正仰视、平行斜仰视、成角斜仰视、正俯视、平行斜俯视、成角斜俯视8种透视形式，相信大家对透视学也有了一个初步的认知。透视学在很多大学都是设计专业的必修课，可想而知它是多么的重要，而对于我们平面设计来说透视应用最多的领域就是合成设计，可以说无论你合成设计中光影做的多么细腻，质感多么逼真，画面多么有创意，只要你透视错了，整个作品就是失败的，所以学习透视是做好合成设计的基础。想提升对透视的敏感度，可以从平时的生活中开始，比如躺在床上观察棚顶和四周墙壁的透视变化，工作疲惫时走到窗前观察室外楼体的透视感觉，或者可以多拍些不同视角的照片，在电脑上画出物体的透视线，这些方法都可以帮助你更好的了解学习透视。那么本期的文章就到这里，如果你get到了新知识，记得为我打call。 案例素材下载请复制本链接： http://pan.baidu.com/s/1o80vVq6 跟着本篇文章的案例演示步骤进行操作练习。 |
|
|
