其他频道 PS工具大全 在线PS 在线ico制作 字体转换器 书法字典
当前位置:首页 > 教程 > 高级实例 >

标志设计中的色彩表现(1)

作者:精思巧形LOGO 来源:98ps整理 更新时间:2012-10-27 返回首页:PS酒吧
这是《标志图形训练--色彩表现》的分篇,主要探讨和讲解,常见的标志色彩在软件中的表现及取色技巧问题。文章中涉及到的标志示例源文件,在QQ训练群的群共享里有分享, 文件是CDR的,在AI里思路基本都一致, 大家可以打开看。 从色彩表现上,我们把常见的标志色彩分成以下几种,我们看看在软件中如何实现: CMYK与RGB原色类:


这类色彩就是CMYK,及RGB色的组合。虽然不是纯粹的C:100,M:0,Y:0,K:0,这类极致色值,但思路上都是借用原色光的亮度来表现色彩,思路都是一致的。 标志色彩我们都会取RGB用于屏幕表现,取CMYK用于印刷使用,上图的标志,在电脑上设置RGB时,并非极致的R:255,G:0,B:0,要根据标志整体来,调整色彩明度及饱和度,在取CMYK时,也不是直接在软件里转化色彩模式,我们一般都是在四色手册上目测,要使用的色彩值,然后选色值。 图中的两个色块相交部分,不是软件自己生成的,比如,中间的“6”和“G”的组合,“6”的洋红和“G”的青,不是透明的而是直接的色块,相交部分的色块,是另上的色彩,并非通过原有色块透明之后叠加的色彩,我在后面的源文件示意图里大致做了下,色块关系,大家可以下载看下。 同色系单色系类:


同色系的取色问题,属于一种配色设计手法(单色设计),我先把常见的十种配色手法示例图转载过来:十种基本的配色设计,分别叫做:无彩(无色)设计(achromatic) 类比设计(analogous) 对比(冲突)设计(clash) 互补设计(complement) 单色设计(monochromatic) 中性设计(neutral) 分裂补色设计(splitcomplement) 原色设计(primary) 二次色设计(secondary) 三次色三色设计(tertiary) 让我们来现在用实例来看看他们到底是什么含义?





大家有空还是要去学下详细的配色理论,我们的同类色或称单色系标志里的色彩取色很简单,我们主要就是想通过同一个色相的明度深浅变化,来丰富色彩表现,在取RGB时,调色板以Lab色彩模式为主,保持 a b 值不变,色相就不会变,阶梯性的输入0-100的数值就能得到不同明度的同一色相的色彩,如下图:


当然有的标志色彩看上去是同一色彩,但是色相值(ab值)会稍有不同,但基本原理还是色彩明度不同,就像我们上图举例里的第一个标志的色彩,在高明度的色彩里明显加入了绿色,但是整体的明度还是很高,整个标志感觉还是色彩统一的。 这类标志配色主要就是得到不同明度的色彩,明度在Lab下最好控制,因为,L值就是Light 是光的亮度值,对应到人眼上就是色彩明度。分了100个级别。很容易调整。CMYK 还是要去查四色手册。五彩色系类:


这类标志的配色,色相全,比如都是七彩色的,这时候,我们主要处理的是色彩的明度和饱和度问题,如上图的标志从左到有,虽然都是七彩色相的,但是色彩的饱和度却越来越低,所以呈现出的感觉也不一样,如果我们要调一个饱和度很高的彩虹出来,就必须控制调整七色的饱和度和明度,最直接的办法就是用 HSB模式取色,H(hues)表示色相,S(saturation)表示饱和度,B(brightness)表示亮度。色相H值(0-360)就是色相环的色相,可以选择不同的色相,保证后面的“S” 和“B”值不变,即可统一明度和饱和度,确保色调感觉一致。有时候我们只保持饱和度,明度还是要变化的,因为色相本身的明度问题,比如高亮度的蓝色是不存在的,电脑就会自动使用最近的色彩替代,所以不要绝对的控制,视觉上统一才是最终目的,我们不追求理论上的一致。渐变色彩类:


渐变色彩的调整,都是可以规律性的把握的,我们通过渐变方式,及渐变过度色彩值的调整,和与背景的关系就可以解决常见的标志渐变问题, 1. 渐变方式:常见的分为规则与不规则之分: 1)渐变规则:即渐变效果是通过工具里的线性渐变,射线渐变,圆锥渐变,方角渐变得到的,这类色彩效果渐变均匀,规律一眼就看得出来,如上图的标志基本都是通过这些渐变工具直接处理处理的。有的色彩渐变就是为了塑造标志的质感,但是色彩其实都不复杂,只是块面分的多而已。 2)渐变不规则:就是色彩不均匀,不能用上面的渐变填充工具直接处理出来,那可以使用网格填充工具。如下图,当然这种手法字标志里用的还是少数,很多体积和质感强烈的标志,或者水彩肌理类的标志才会这样处理,而且很多都是直接处理成位图,在PS里做,因为标志文件印刷使用的最大尺寸都不会太大,只要位图文件像素够大,位图标志一样使用,如果真要大幅面使用,那基本都是喷绘,喷绘的像素分辨率要求很小,所以即使做位图标志,也足够一些标志使用了,毕竟网格上色不如PS位图上色好控制。


顶:0 踩:0 作业:Go! 问答:?

“标志设计中的色彩表现(1)”的相关教程和素材: 标志 设计

本周热点教程
Photoshop教程栏目列表