详细解析标志的质感表现

2016-02-17 01:52 7 1 收藏

下面图老师小编要跟大家分享详细解析标志的质感表现,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - 平面设计 】

质感来自我们对于材料的感受,来自我们的触觉经验,当我们从视觉上感受一个标志的质感时,其实是一种通觉(联觉)现象,我们不用真正触模这个材料,只是凭借经验就知道这个东西,是重还是轻,是冷还是热,是金属还是塑料的反过来,这也就是说,我们也并不需要将真实的材料摆在人们面前,而只要将这种材料质感的感觉模仿到位,就可以使人通过联觉产生某种质感。视觉设计师,不是在还原物质本身,而是在还原视觉经验,电影《变形金刚》里的机器人不是真的,但是视觉特效,还原了我们对于金属,及智能的感受,加上声音等各个感觉的共同刺激,让我们有一种真实存在的感觉。

我们充分的分解与把握每种材料,每种感受,将人的生理及心理都科学的系统化,就可以加以利用,为人们创造新的体验,比如一个品牌体验的塑造,就需要用到人类各个感官的感受原理,单纯的通过品牌辅助形态,辅助色彩,不能很好的使消费者产生特定的感受,还要考虑触觉,嗅觉,听觉,肌体觉等等,但是每个感官上的体验都可以通过联觉作用来促发,都可以通过抽象之后的技术虚拟来刺激形成,我们并不用还原真实,因为体验都是情感化的,是虚拟的,体验都是来自抽象的感觉和情绪情感,我们只需要让人们的大脑相信即可。

在标志中也是这样,我们只要分解每种材料的质感来源,就可以通过软件将其还原。

说下,常见的材料种类,质感的表现方式,及软件里标志的质感表现。

一、常见的材料种类

我们的质感经验来自我们接触过的材料,常见的材料分类:中国讲自然界是五行金木水火土,现在生活中常见的人造材料包括金属,玻璃,塑料,木材,陶瓷,纸张,石头,等。还有现在常见的科技化的光质感,比如科技化的光效。

我们的触觉主要就是通过接触这类事物来产生触觉经验的,人们的触觉(也叫做肤觉)主要指分布于全身皮肤上的神经细胞接受来自外界的温度、湿度、疼痛、压力、振动等方面的感觉。我们常用的形容触觉感受的词语包括:粗糙光滑,潮湿干燥,坚硬柔软,冰冷温热,尖锐顿挫

二、质感的表现方式

以上这些形容词描述的是我们触觉接触到的刺激信号,所有的感觉刺激信号,其实没有冷热软硬之分,有的只是刺激信号的对感觉神经刺激强弱之分,而感觉是我们中和了这些信号之后,脑子里产生的印象。比如坚硬这种质感,是我们的感觉神经受到了强烈的压迫才产生的印象,我们的神经细胞只能分辨信号的强弱。通过这种原理,我们就知道,当所有的质感分解到每个感官层面上的刺激来进行把控时,只需要把控信号的强弱即可。这也是机器的把控方式,可以对应计算机2进制语言。

在可观的层面上对材料质感的把控,主要来自事物表面的 图案肌理,光泽,透明度,发光度,反光率等等,我们的将质感分解到这个层面就可以通过手段还原质感了。通常意义上对质感的把握也主要是通过这些方面。

需要说明下,一个标志图形的质感来自全方位的感受,当然包括了单纯的形,和单纯的色,我们不能说一个单色的标志图形没有质感,回顾一下我们触觉能够感受到事物的哪些方面就知道了,我们可以通过触摸分辨一个事物的外轮廓是尖锐还是圆滑,所以图形的形状形体和形态也是质感的一部分,我们还可以通过肤觉感受光的冷暖,所以色彩的冷暖也是质感的一部分,只不过,这些方面在一个单色的标志图形里不被强化罢了,但是形和色都是质感组合的一部分。如下面的水墨标志,色彩单一,但还是有质感,质感是通过形状来表现的:

详细解析标志的质感表现,PS教程,图老师教程网

三、软件里标志的质感表现

在平面设计,标志设计里常用的质感表现方式,或者说刺激人们质感的手法,为了好把握,我觉得概括成三个方面比较好记些,图案、肌理、光感。

通过 图案 与 肌理 表现质感

图案和肌理都是针对事物的表面来说的,我们对事物的质感感受,多半是来自其表面,我们触觉接触的就是表面。表面部分,就有纹理 规则的就是图案(容易识别出的表面规律),不规则的叫做肌理(不容易识别出的表面规律)。无论规不规则,我们都会产生质感感受,如下图:

详细解析标志的质感表现,PS教程,图老师教程网

左边的两个图形内就是通过规律的图案来表现质感的,右面的两个就是通过不规则不容易识别的肌理来表现质感的。规则与不规则没有明显的分界线,图案和肌理只是表面复杂程度的描述,设计时,主要看你想表现的感觉,适合图案还是肌理。

通过光感处理表现质感

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

就是我们说的事物的光泽,透明度,发光度,反光率。我们对一个质感的把握很大层面上是通过光,事物反光到我们眼睛里,我们才能识别事物。在3维软件里还原一种材质质感,除了形态,颜色,很大部分工作就是在处理打光,处理光的反光度,折射率等。我们初中高中物理都学过,全反射,漫反射,这其实也是我们对事物质感把握的主要依据,金属之所以给我们金属的感觉,就是其镜面反射(全反射)效果,这种反射的高光部分明亮耀眼,高光的轮廓也清晰些。纸张木材的漫反射,高光就没金属高光来的亮,高光的边缘也是过度平滑的,水的透明质感就要考虑光的折射。练习素描时,也会讲到每种质感塑造手法,现在我们只是拿来放到软件里处理。

所以常见材料的质感塑造,都是通过处理光来表现的,软件里通过模仿材质的高光、反光、折射等来实现,如果你想表现金属质感,那就去找张金属效果的图片,分析其光的规律,比如高光在哪,如何软件表现处理。专业的3维设计师,更要专业研究光的原理与表现,才能在3维软件里让作品看起来真实可信。对于平面设计师,就不需要这么复杂,像画家一样,只是用一种颜料来表现,结合每种质感的光线规律就可以在2维里塑造可信的质感了。

大家也不能单纯的只处理光部分,要想一个标志图形的质感强烈,形体和色彩都必须考虑,全方位的考虑分析模仿才能更好的表现出质感。比如下面这两个金属质感的标志:

详细解析标志的质感表现,PS教程,图老师教程网

它们强烈的金属质感,需要先通过透视把形体塑造出来,然后配上金属色常见的金属色--金色,银色,然后,才是处理光感,将色彩渐变,表现光照, 最后,仔细看 图形的每个边缘都要单独画一个很细的形状,来表现高光和阴影。这个标志的金属质感和量感才明显。

其实每种质感都可以通过很多手法来表现,并非一定按照物理原理来表现,比如将质感分解,再结合艺术处理手法,我们除了可以用高光和透明色来表现透明水的质感,也可以用渐变色来表现水质感,如下图:

详细解析标志的质感表现,PS教程,图老师教程网

左边两个就高光、反射,折射(透明)来表现水,右边两个就是色彩渐变模仿透明质感。

质感的挪用与混用

一旦分解了质感,就可以挪用了,我们能做出金属的人,石头的人,火焰的人,橡皮的人 《神奇四侠》里的人物给我们新的质感感受,就是质感技术挪用的结果,当然用其他材料塑造另一种事物,是艺术常用的手段,比如雕塑,但是在电脑领域里,我们可以创造更多新的感受,在标志里也是一样,很多质感我们描述不出来,没见过这种材料,这都是质感的挪用和混用造成的。一旦你掌握了很多质感表现方法,就可以混搭出很多新的质感效果。如下图,我们说不出来材料,但是质感却很强烈。

详细解析标志的质感表现,PS教程,图老师教程网

质感对设计师而言,都是只不过是图案肌理,及光感的调整问题。

质感很都要结合体积和空间,动态才能表现极致,在后面的文章里,我们会讲到体积空间及动态的处理方法,它们都可以结合质感来表现,都是一体的。

QQ训练5群:255602547 QQ训练6群:274289770

周一,周四晚上在QT语音(房间号31211984)点评训练作品,教程和作品都同步在博客、站酷、微群;

我将标志质感按常见的材料来分类,如下:

漫反射质感(常见材料如纸张,木材,不透明胶体,表面磨砂质感等)

详细解析标志的质感表现,PS教程,图老师教程网

详细解析标志的质感表现,PS教程,图老师教程网

全反射质感(金属,硬塑料)

详细解析标志的质感表现,PS教程,图老师教程网

详细解析标志的质感表现,PS教程,图老师教程网

折射透明质感(水,透明塑料,等高科技材料)

详细解析标志的质感表现,PS教程,图老师教程网

详细解析标志的质感表现,PS教程,图老师教程网

很多标志要处理实际的应用,会用在很多媒介上,有名片的有立体的,因为能受使用的表现技术不同,所以往往要想办法处理,比一些车标,虽然它们在汽车上是立体的金属,但是在平面却可通过黑白的光影处理来表现质感,如下图:

详细解析标志的质感表现,PS教程,图老师教程网

这也是标志墨稿处理手法,及让标志从平面走向立体的设计手法,很多标志在实际运用中,都要考虑这个问题,以后我们会讲到。

每种质感的表现方面有很多,这样分类只是为了好把握,如果不知道如何处理,大家可以下载一个质感的标志,放到软件里尝试,最就是下载一些,标志源文件,看下它们的源文件是如何处理的。我会在文章之后,整理常见的质感表现手法,像色彩一样,发到微群里。有些质感,都是软件材质技巧伦里的,比如很多矢量软件书里,有金属字做法,你可以收集起来,整体一套质感的表现手法,也希望大家分享在群里。

纯粹的光效质感表现

这里还有一点要强调,就是纯粹的光的表现,现在视觉媒介越来越科技化,很多标志都是表现光效,如下图

光效质感标志:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析标志的质感表现,PS教程,图老师教程网

这类标志很酷,复合时代感,常用的手法有:

直接羽化色彩:

详细解析标志的质感表现,PS教程,图老师教程网

这类手法并不是不适合用矢量做,当然有的文件是用PS做的,不过媒介不同,这类标志实体表现就通过灯来做了。

色彩明度渐变:

详细解析标志的质感表现,PS教程,图老师教程网

上图中左边两副是通过色彩明度来变形的,光在视觉上第一印象主要就是明暗,用色的明暗来表现光的明暗。右边两幅是利用色彩的饱和度一致,通过色相本身的明暗来表现色光,因为色光最基本的呈现就是红橙黄绿青蓝紫,所以这种处理很容易产生光效。

原色原理结合色彩的对比属性:

详细解析标志的质感表现,PS教程,图老师教程网

在艺术派别里的点彩派使用原色点化画法,利用光的加色原理(原色光RGB的加色原理),结合人眼的视觉混合,实现明亮化的光色。同时通过色彩的对比属性,同明度不同色相的色彩并置在一起,就会产生对比效应,使人分辩不出色彩交接处,很晃眼,从而造成视觉动态。这种动态又强化了光感,所以上图中的标志,都是使用了三色光及色彩对比性质实现的光效效果。

错觉视幻效果:

详细解析标志的质感表现,PS教程,图老师教程网

幻视是上世纪60年代西方美术的一个流派,是一种模仿光效应的艺术形式。通过对人眼识别理论与色光理论与错视觉的研究,才实现。在标志中,主要是使用,点和线的规律组合,来创造视觉上的律动,闪光感。如上图的点化效果的标志中,即用到了点彩手法,也有的利用了幻视手法,线的幻视手法最多见,如下图:

详细解析标志的质感表现,PS教程,图老师教程网

疏密造成的光感很强烈,只要你对色彩形态的基本原理把握的深,就可以创作出很多光效手法。不局限在我们介绍的这些。

请大家多收集整理,和标志的色彩一样,质感的标志练习要明确的分类,然后每个类分别找一致两种手法,模仿下。

来源:http://www.tulaoshi.com/n/20160217/1577391.html

延伸阅读
标签: PS PS基础
效果图: 原图: 1、创建新组/命名为:简调,先简单的调下原图适当压暗,皮肤的纹理会更明显,参数如图。 2、降低整体颜色饱和度,渐变映射-选择灰白渐变-降低填充39%。 3、稍微加强整体对比度,色阶-挪动白色小方块至250。 4、这里建立的观察组是由2个纯色图层黑色组成,1层用混合模式:颜色,让照片转换为黑白灰照片;2层...
在用Photoshop表现各种反光材质的时候,我们一般都会选择金属、塑料、玻璃等对光反射比较强烈的材质。这一次,我们来试试用水——这种最普通不过的东西,来表现一种反光强烈、闪亮和透明的表面效果。 对于水这种介质,我们再熟悉不过了。在Photoshop中,很多时候用图层样式来表现它的透明感和反光,这种方法虽然比较方便,但无法表现水下的折...
标签: Illustrator
没用到很复杂的工具,一些平常的工具组合也能很好地表达质感:) 最终效果: [next] 在练习的过程中注意: 1、光照方向、强度要一致; 2、明确的高光几阴影有助于光滑、反光较强的材质质感的表现; 3、多结合日常的观察经验,力求将光影准确的表现出来; 4、练习的过程也是熟悉工具的过程。 我们先利用的渐变工具来画蛋黄...
标签: PS PS基础
今天来分享一个移动电源的修图方法,有将近一年没分享东西了,这张图是一位做美工的姑娘发过来问我要怎么修,我就试着做了下,感觉还像那么回事,今天正好有时间就整理了下,重新做了一遍并录了个视频,拿出来和大家一起分享下,站友们可以去糟粕吸精华。 视频教程下载: 本地高速下载 视频录的有点长,大致看下就可以了,有兴趣的朋友可以...
标签: PS PS基础
对于行外人士来说,高端质感还没怎么接触过,但是对于行业人士来说则是皮肤处理中的基础。那么时尚新锋数码后期学校就针对于皮肤的处理,打造一套专业高端质感人像修图教程,下面让我们一起来学习吧。 效果图: 原图: 步骤: 1、打开图像,进行液化修型。 2、50%灰调整光影。 3、刻画眼睛。 4、让图像更具立体感。...

经验教程

219

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部