Photoshop CC平面设计教程(微课版)
上QQ阅读APP看书,第一时间看更新

1.1 平面设计基础

Photoshop是一个常用的图像处理及平面设计工具。平面设计主要由色彩构成、平面构成和立体构成组成。本节主要介绍色彩构成和平面构成的相关知识,这也是平面设计中常用到的知识。

1.1.1 色彩构成概述

色彩构成是指将两个色彩要素按照一定的规则进行组合和搭配,从而形成新的具有美感的色彩关系。

在完全黑暗中,人们看不到周围景物的形状和色彩,是因为没有光线;在光线很暗的情况下,有人看不清色彩,是因为视觉器官不正常,如色盲或是眼睛过度疲劳;在同种光线条件下,可以看到物体呈现不同的颜色,是因为物体表面具有不同的吸收光线与反射光线的能力。反射光线的能力不同会呈现不同的色彩。因此,色彩的发生是光对人视觉和大脑发生作用的结果,是一种视知觉。

由此可知,光通过光源色、透射光、反射光进入人的视觉,使人能感知物体表面色彩。

◎ 光源色是指本身能发光的色光,如各种灯、蜡烛、太阳等发光体。

◎ 透射光是指光源穿过透明或半透明的物体之后再进入视觉的光线。

◎ 反射光是光进入眼睛的最普通形式,眼睛能看到的任何物体都是由于物体反射光进入视觉所致。

图1-1所示为色彩在人眼中的形成过程示意图。

图1-1 色彩在人眼中的形成过程示意图

行业知识

要使用计算机进行平面设计,并且制作出高水平的平面设计作品,除了需熟练掌握平面设计软件的使用外,还必须掌握平面图像处理方面的美学知识,如色彩构成和平面构成等。

在平面设计中,色彩一直是设计师们最为重视的设计要素。正确搭配和运用色彩可以赋予作品良好的视觉效果,同时增强作品的吸引力。

1. 色彩构成的分类

色彩分为非彩色和彩色两类,其中黑、白、灰为非彩色,其他色彩为彩色。彩色是由红、绿、蓝3种基本的颜色互相组合而成的,如图1-2所示。这3种颜色又称为三原色,可以按照一定比例合成其他颜色,如图1-3所示。

图1-2 彩色组成基本色

图1-3 12种组合颜色

近似色:可以是其本色外的任何一种颜色。如选择红和黄,得到它们的近似色橙色,如图1-4所示。

图1-4 近似色

补充色:在色环中位置相对的颜色,如图1-5所示。补充色可使色彩强烈突出。如组合柠檬色图片时,用蓝色背景将使柠檬色更加突出。

图1-5 补充色

分离补色:由2~3种颜色组成。当选择一种颜色后,它的补色在色环中相对的一面,如图1-6所示。

图1-6 分离补色

组色:是色环上距离相等的任意3种颜色,如图1-7所示。当组色被用作一个色彩主题时,会使浏览者产生紧张的情绪。

图1-7 组色

暖色:通常以红色为主色调,如红色、橙色、黄色,如图1-8所示。它们具有温暖、舒适、充满活力的特点,也产生了色彩向浏览者显示或移动,并在页面中突出显示的可视化效果。

图1-8 暖色

冷色:通常以蓝色为主色调,如蓝色、青色和绿色,如图1-9所示。这些颜色将对色彩主题起到冷静的作用,有一种视觉收缩的效果,适用于页面的背景。

图1-9 冷色

2. 色彩构成的属性

视觉所能感知的一切色彩现象,都具有明度、色相、纯度3种属性,这3种属性是色彩最基本的构成要素。

明度:是指色彩的明暗程度。色彩中添加的白色越多,图像明度就越高;色彩中添加的黑色越多,图像明度就越低。图1-10所示的图像适当添加白色后,图像明度提高了,效果如图1-11所示。

图1-10 原始明度

图1-11 提高明度后的效果

知识提示

明度在三要素中具有较强的独立性,可以不带任何色相的特征而通过黑白灰的关系单独呈现出来。

色相:是指颜色的色彩相貌,用于区分不同的色彩种类,分别为红、橙、黄、绿、青、蓝、紫7色,它们首尾相连形成闭合的色环,如图1-12所示。注意,位于圆环直径上的两种颜色为互补色。

图1-12 色相环

纯度:指彩色的纯净程度,是色相的明确程度,也就是色彩的鲜艳程度和饱和度。混入白色,鲜艳度升高,明度变亮;混入黑色,鲜艳度降低,明度变暗;混入明度相同的中性灰,纯度降低,明度没有改变。如图1-13所示为色彩纯度的变化过程。

图1-13 色彩纯度的变化过程

3. 色彩对比

色彩对比是指两种或两种以上的色彩,在空间或时间关系上相比较会出现明显的差别,并产生比较作用。同一色彩被感知的色相、明度、纯度、面积、形状等因素相对固定,且处于孤立状态,无从对比。因为对比有成双成对比较的含义,所以色彩的对比现象是发生在两种或两种以上的色彩间。色彩对比从色彩的基本要素上,可以分为色相对比、明度对比、纯度对比。

色相对比:色彩并置时因色相的差别而形成的色彩对比称为色相对比。将相同的橙色放在红色或黄色上,会发现在红色上的橙色有偏黄的感觉。因为橙色是由红色和黄色调成的,当它与红色并列时,相同的成分被调和而相异的成分被增强,所以看起来比单独时偏黄,其他色彩比较也会有这种现象。当对比的两色具有相同的纯度和明度时,两色越接近补色,对比效果越明显。图1-14所示为不同情况下的色相对比示意图。

图1-14 色相对比示意图

明度对比:色彩并置时因明度的差别而形成的色彩对比称为明度对比。将相同的色彩放在黑色和白色上比较色彩的感觉,会发现放在白色上的色彩感觉比较暗,放在黑色上的色彩感觉比较亮,明暗的对比效果非常明显。图1-15所示为不同情况下的明度对比示意图。

图1-15 明度对比示意图

纯度对比:色彩并置时因纯度的差别而形成的色彩对比称为纯度对比。纯度对比可以体现在单一色相的对比中,同色相可以因为含灰量的差异而形成纯度对比;也可以体现在不同色相的对比中,红色是色彩系列中纯度最高的,其次是黄、橙、紫等,蓝绿色系纯度偏低。当其中一色混入灰色时,也可以明显地看到它们之间的纯度差。图1-16所示为不同情况下的纯度对比示意图。

图1-16 纯度对比示意图

4. 色彩构图原则

在平面设计中,不能凭感觉任意搭配色彩,要运用审美的原则安排和处理色彩间的关系,即在统一中求变化、在变化中求统一。色彩构图原则大致可以从对比、平衡、节奏3个方面概括。

对比:是指比较色彩某一特征的程度,如明暗色调对比,一幅优秀的作品必须具备明暗关系,以突出作品的层次。

平衡:是以重量来比喻物象、黑白、色块等在一个作品画面分布上的审美合理性。人们在长期的实践中已习惯于重力的平衡和稳定,在观察事物时总要寻找最理想的视角和区域,反映在构图上就要求平衡。

节奏:是指色彩在作品中的合理分布。一幅好作品的精华位于视觉中心,是画面中节奏变化最强且视觉上最有情趣的部分,而色彩的变化最能体现这一节奏。

1.1.2 色彩搭配技巧

不同的色相组合可以表现出不同的感情,而同一种感情也可以用不同的色彩组合方式来体现。下面列举常见的表达感情的色彩组合方式。

1. 有主导色相的配色

有主导色相的配色是指由一种色相构成的统一配色,体现整体统一性,强调展现色相的印象。若不是同一种色相,那么色相环上相邻的类似色也可以形成相近的配色效果,这种配色会给人自然和谐的印象,但也容易形成单调乏味的感觉。图1-17所示为有主导色相的同色系配色案例。

图1-17 有主导色相的配色

2. 有主导色调的配色

有主导色调的配色是指由一种色调构成的统一配色,深色调和暗色调由类似色调搭配也可以形成同样的配色效果。即使出现多种色相,只要保证色调一致,画面也能体现出整体统一性。但在暗色调或深色调的配色中,不同色相的色彩如果不能体现变化,画面就会出现孤寂或清冷的感觉。图1-18所示为有主导色调的同色系配色案例。

图1-18 有主导色调的配色

3. 强调色配色

在同色系色彩搭配构成的配色中,可通过添加强调色的配色技巧来突出画面重点,这种方法适用于明度、纯度相近的朦胧效果配色中。强调色一般选择基本色的对比色等明度和纯度差异较大的色彩,或白色和黑色,关键在于将强调色限定在小面积内予以展现。图1-19所示为强调色配色案例。

图1-19 强调色配色

4. 同色深浅搭配配色

同色深浅搭配配色是由同一色相的色调差构成的配色类型,属于单一色彩配色的一种,色相相同的配色可展现和谐的效果。需要注意的是,若没有色调差异,则画面会陷入缺乏张弛的呆板感觉。图1-20所示为同色深浅搭配配色案例。

图1-20 同色深浅搭配配色

5. 感受性别的配色

通常情况下,暖色系常用于表示女性,冷色系常用于表示男性。需要注意的是,在实际配色过程中并不单是色相重要,色调也非常重要。明度差异小的配色在淡雅、清新的色调中常常代表女性,对比度较强的配色在暗色调或深色调等强有力的色调中常常代表男性。图1-21所示为男性配色和女性配色案例。

图1-21 感受性别的配色

6. 感受温度的配色

通常在表现湿热、酷暑、寒冷、清凉等温度感时,会采用冷色调色彩和暖色调色彩。暖色调色彩是指能够使情绪高涨的兴奋色,在视觉上有优先识别性,适用于设计吸引眼球的作品;冷色调色彩是指在纯度和明度都低的色调下,能够呈现出比实际画面更加收缩的效果,俗称“后褪色”。图1-22所示为暖色调色彩配色案例。

图1-22 暖色调色彩配色

7. 感受年龄的配色

年龄不同,与之相称的色彩也会有所变化。把握年龄相称的配色重点在于捕捉色调,而不单独是色相本身。通常在体现年龄小时,应选择高明度和高纯度的原色搭配不浑浊的色调;而体现年龄大时,应选择低明度和低纯度的色彩搭配深色调或中间色搭配单一色调。图1-23所示为感受年龄的配色案例。

图1-23 感受年龄的配色

8. 感受季节的配色

通常表现春天应该选择明快或柔和的色调;表现夏天应该选择高纯度的暖色调色彩或体现清凉感的冷色调色彩;表现秋天应该选择中间色调的色彩;表现冬天则应该选择冷色调的色彩或灰色调的色彩。图1-24所示为表现春季的配色案例。

图1-24 表现春季的配色

1.1.3 平面构成视觉对比

在平面设计过程中,平面的不同构成会给人不同的视觉感,优秀的平面作品会使人过目不忘,不好的作品则会使人产生不安的感觉。下面介绍几种常用的平面构成。

基本构成形式:平面构成的基本形式大体分为90°排列格式、45°排列格式、弧线排列格式、折线排列格式,如图1-25所示。

图1-25 基本构成形式

重复构成形式:以一个基本单形为主体在基本格式内重复排列,排列时可做方向和位置变化,具有很强的形式美感,如图1-26所示。

图1-26 重复构成形式

近似构成形式:是具有相似之处的形体之间的构成,如图1-27所示。

图1-27 近似构成形式

渐变构成形式:是指将基本形体按大小、方向、虚实、色彩等关系渐次变化排列的构成形式,如图1-28所示。

图1-28 渐变构成形式

发射构成形式:以一点或多点为中心,向周围发射或扩散形成的视觉效果,具有较强的动感及节奏感,如图1-29所示。

图1-29 发射构成形式

空间构成形式:利用透视学中的视点、灭点、视平线等原理所求得的平面上的空间形态,如图1-30所示。

图1-30 空间构成形式

特异构成形式:在一种较为有规律的形态中进行小部分的变异,以突破较为单调的构成形式,如图1-31所示。

图1-31 特异构成形式

分割构成形式:将不同的形态分割成较为规范的单元,以得到比例一致、灵活自由的视觉感,如图1-32所示。

图1-32 分割构成形式

1.1.4 平面构图原则

在平面构图过程中,为了让作品最终得到受众的认可,应使作品构图符合以下原则。

和谐:单独的一种颜色或单独的一根线条无所谓和谐,几种要素具有基本的共同性和融合性才称为和谐。和谐的组合也可能保持部分的差异性,但当差异性表现强烈和显著时,和谐的格局就向对比的格局转化。

对比:又称对照,把质或量反差甚大的两个要素进行组合,使人产生强烈的视觉感触,但仍具有统一感的现象称为对比。它能使主题更加鲜明,作品更加活跃。

对称:假定在某一图形的中央设一条垂直线,将图形划分为左右完全相等的两部分,这个图形就是左右对称的图形,这条垂直线称为对称轴。对称轴的方向如由垂直转换成水平方向,则称为上下对称;如垂直轴与水平轴交叉组合为四面对称,则两轴相交的点为中心点,这种对称形式称为“点对称”。

平衡:在平衡器上两端承受的重量由一个支点支持,当双方获得力学上的平衡状态时,称为平衡。在生活现象中,平衡是动态的特征,如人体运动、鸟的飞翔、兽的奔驰、风吹草动、流水激浪等都是平衡的形式,因而平衡的构成具有动态性。

比例:是部分与部分或部分与整体之间的数量关系,是构成设计中一切单位大小以及各单位间编排组合的重要因素。