PS基础教程

色彩基础

“光彩夺目”，光是色彩产生的基础，没有光也就没有了色彩。物体本身并不具备色彩，是因为吸收并反射了不同波长的可见光才呈现出不同的颜色的。

找出哪些颜色配搭在一起很美腻并不是一件偶然的事儿，这其实是一项很科学道理的工作。不同的颜色组合适合不同的作品，而且这种类似固定搭配的组合规则并不能轻易被打破。让我们从最基础的部分开始了解色彩理论吧！

 

色彩三要素

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

色相——即赋予每种色彩的相貌，如：红、橙、黄、绿、青、蓝、紫 代表不同特征的色彩相貌。例如将黄色加入白色之后，显出不同的奶黄、麦芽黄等，但它的黄色性质不变，依然保持黄色的色相。

明度——明度是指色彩的明暗程度。明度最高的颜色是白色，最低的是黑色。

纯度——是指色彩的饱和鲜艳度。纯度最高的颜色被成为纯色。光色中的红、橙、黄、绿、青、蓝、紫都是高纯度的。一个色彩只要不加入其他色彩，就是高纯度，其他色彩且加得越多，纯度就越低。黑、白、灰是无彩色，其纯度等于零。黑白灰只有明度。

常用的颜色模式

HSB模式的色彩原理更符合色彩属性原则即色相，明度与饱和度。这也更符合人眼的判断原理。H代表色相Hue,S代表饱和度Saturation,B代表亮度Brightness。在实际使用的时候较RGB与CMYK模式都要方便一些，在此推荐设计师在调色的时候可以尝试这用一下。绘图软件通常都装有这个色彩模式。

原色

所有颜色的源头被称为三原色，三原色指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色，比如显示器，三原色则分别是红色、绿色和蓝色，也就是我们熟悉的RGB。

光的三原色RGB，颜料的三原色CMY(K)，可以分为“叠加型”和“消减型”两种系统。美术上的三原色红黄蓝（实际使用，符合人实际色彩感受）

间色

如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合，就会创建三种间色：绿色、橙色和紫色。将这些颜色应用进项目中，可以提供很强烈的对比。

三级颜色

三次色来源于间色与原色的混合，主要有：红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。

 

现在，你应该了解了颜色到底都是怎么衍生出来的，也可以了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性，并创建适量的对比度，让设计工作更好地展开吧。

 

接下来我们聊聊基于色轮我们可以得到的基本色彩组合。

对比色

两种可以明显区分的色彩，叫对比色。包括色相对比、明度对比、饱和度对比、冷暖对比、补色对比、色彩和消色的对比等。是构成明显色彩效果的重要手段，也是赋予色彩以表现力的重要方法。其表现形式又有同时对比和相继对比之分。比如黄和蓝、紫和绿、红和青，任何色彩和黑、白、灰，深色和浅色，冷色和暖色，亮色和暗色都是对比色关系。

互补色

互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度，在颜色饱和度很高的情况下，可以创建很多十分震撼的视觉效果。

 

这幅作品有多少颜色？

 

 

相似色

相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法，可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有：蓝绿色、蓝色和蓝紫色；还有黄绿色、黄色和橘黄色。

三角色

三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色，可以让作品的颜色很丰富。在上面的例子中，蓝紫色和黄绿色就可以形成十分强烈的对比。

分散的互补色

分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧，黄色的互补色应该是紫色，但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度，而且还可以让颜色更丰富。

四方色

四方色是在色轮上画一个正方形，取四个角的颜色。在上面的例子中是：紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的，不信可以自己用用感受一下，尤其是使用其中一个颜色作为主色，其他的三个颜色作为辅助色的时候。

四方补色

四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色，分别选用他们两旁的颜色来建立矩形，最终取得橙红色、橙黄色、蓝绿色和蓝紫色。

 

 

 

 

明暗

颜色的色调也可以影响颜色给人的感觉，就拿上图的蓝色来说，第一张是原图，第二张添加了白色，第三张添加了黑色，同样的蓝色产生了不同的感觉。在实际应用中，可以在采用单色配色方案时，通过改变颜色的色调来创建不同的感觉。

 

 

暖色

暖色可以创造温暖的感觉，暖色通常会让人联想起太阳、火焰和爱情。红色是血的颜色，感觉是温暖的，橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜，图像看起来就会有温馨快乐的感觉。

 

冷色

冷色也有其独特的含义，通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起，看起来十分内敛。

 

色彩涵义

其实色彩本身是没有意义的，但色彩可以使我们联想到某种事物，或某段回忆，进而影响我们的情绪。人其实是靠着经验与习惯生活的，而色彩能够使我们联想到曾经的经验与习惯，于是色彩也就有了意义，这意义不是色彩本身的，而是色彩背后所代表的事物带给我们的。色彩是很难被理性衡量的，不同的人看到色彩有各自不同的感受。

红色

红色是代表爱情和激情的颜色。情人节的礼物通常都有一个红色的盒子，或者是粉红色，也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以同时找到红色、橙色和黄色。红色也表示危险，所以很多表示停止的标识牌都是红色的，因为红色可以很好地吸引人们的注意。红色是很强势的颜色，当它和其他颜色相遇时，比如搭配黑色，可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。

橙色

橙色代表了温暖，但是并不像红色那样咄咄逼人。橙色能够创建一个有趣的氛围，因为它充满了活力，而且橙色创造出的活跃气氛并没有危险的感觉。橙色可以与一些健康产品搭上关系，比如维生素C，毕竟橙子里也有很多维生素C。

 

 

黄色

提到黄色，经常可以联想到太阳和温暖。使用橙色的时候，可以创造出一种夏天的好玩的感觉，黄色则带给人口渴的感觉，所以经常可以在卖饮料的地方看到黄色的装饰。黄色也可以和懦弱与恐惧联系起来，这个则是因为以前“yellow”这个词也代表着这个意思。当黄色与黑色搭配在一起时，十分吸引人的注意力，一个绝佳的例子就是很多国家的出租车都采用这种配色。

 

 

绿色

在西方国家，绿色是钱的颜色，这与他们的文化和财富有关。因为大多数植物都是绿色的。绿色也代表着经济增长和健康。绿色经常用作一些保健食品的LOGO，因为看起来就十分贴近自然。绿色还意味着利润和收益。如果搭配上蓝色，通常会给人健康、清洁、生活和自然的感觉。

 

 

 

蓝色

蓝色是一个神奇的颜色，因为不同明度的蓝色会给人不同的感受、想法和情绪。如下图中所示，深蓝色可以给人一种悲伤的感觉，让人联想起伤心时怎么听都不够的蓝调音乐。而浅蓝色则通常会让人联想起天空和水，给人以提神、自由和平静的感觉。蓝天永远都是平静的，水流可以冲走泥土，清洗伤口，所以蓝色也代表着新鲜和更新。蓝色给人冷静的感觉，会帮助人放松下来。

 

 

 

紫色

紫色总是让人不禁想起皇室成员的长袍。紫色可以更多地与浪漫、亲密、柔软舒适的质感产生联系。紫色给人一种奢华的感觉，也有一种神秘感。下面这个葡萄酒网站就是极好的例子。

 

 

 

白色

白色通常与医院联系在一起，因为医生们都是穿着白大褂的，而且医院内部的装修通常也是白色的。此外，宗教绘画有时候也是没有色彩的，白色也代表着圣洁。白色通常给人干净的感觉，比如白色的床单和衣服都让人感觉很干净。也可以代表棉花和柔软的云朵。心理健康相关的事物也可以选用白色，白色也同样适用于卫生、清洁相关的设计。比如下面这个网站，就很好地利用了白色。

 

 

黑色

黑色通常与死亡有关，尤其是在美国。它可以代表腐坏，因为很多食物腐坏变质以后就是黑色的。黑色也代表邪恶，因为是白色的对立颜色，而白色通常代表着纯洁美好善良。黑暗和未知也会给人焦虑的感觉。很多图像中，黑色表达了抑郁、绝望和孤独。虽然黑色有很多负面的含义，但是黑色也是一个万能色彩，当黑色遇上其他颜色的时候会产生其他的意义。比如当黑色邂逅金黄色，就可以给人一种奢华、高档的感觉；当黑色偶遇银灰色，则会给人一种成熟稳重的感觉。下面的网站就完美诠释了这一点。

 

 

 

总结

作为一名设计师，了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色，可以创造出不同感觉的图像。合适的组合可以获得关注，通过视觉传达设计师所想，进一步拉近设计师与观众的距离，让图像更具力量。如果之前并不仔细考虑用色，现在开始，应该培养对于色彩的感觉。相信客户会看到一个不一样的你，你的设计作品将会通过颜色建立联想，更好地传达信息。

 

PS基础分解：

【基础部分】
----------关于工具栏
1.左列表第一大块为选择类工具
2.左列表第二大块为块状类工具
3.左列表第三大块为线状类工具
4.最上面叫做菜单栏，其中[窗口]选项可以打开ps界面右侧的一切工具栏。
5.菜单栏下面的属性栏会根据左侧工具的不同而变化，是属于左侧工具栏的某个工具的属性条目。


----------关于图层
1.每一个图层都相当于一张纸，初始化的时候是一张白纸，也可以删除白底的白纸成为透明的底图层。
2.[alt] + [滚轮]或[ctrl] + [+]可以缩放整张图层纸。
3.用[shift] + [左键]可以选择多个图层，再使用[ctrl] + [e]可以合并多个图层。
4.每个图层的右边有个小锁，点击小锁拖入下面的垃圾桶便可以解锁该图层。
5.每个图层的左边有个眼睛，使眼睛消失便可以隐藏该图层，再点击一次便显示该图层。
6.越往上面的图层距离屏幕更近，在最下面的图层便在屏幕的最底部。
7.[space] + [左键]可以改变在图层的中心聚焦位置，即挪动视角。


----------关于标尺
1.[ctrl] + [r]显示标尺。
2.[ctrl] + [;]隐藏标尺所拉出来的线。
3.使用标尺的时候从标尺刻度附近开始拖拽到需要的地方。
4.在使用标尺的时候必须选中工具栏中的移动工具。


----------关于回退和删除
1.[del]键是删除。
2.[backspace]键可删除这一步。
3.[ctrl] + [z]可回到上一步，只能执行一次。
4.[ctrl] + [alt] + [z]可回到上一步，可一直执行。


【切图步骤】
1.使用标尺精确锁定范围，[ctr] + [r]显示标尺。
2.右键点击工具栏的矩形选框工具，选择所需的形状。
3.在使用左键框好所需要的图后，[ctrl] + [enter]确定所选区域。
4.[ctrl] + [j]取出该区域到新的图层，并且该图层位于顶层。
5.点击背景图层的眼睛隐藏背景。
6.新建一个页面，拖动所选区域到该页面（拖动时注意两点，一是必须选择左侧工具栏中的移动工具，第二个是必须选中该图片所在的图层，完成以上两点再点击图片进行拖动）。
7.删掉新的页面的背景底图层以使该图片的背景透明。
7.选择菜单栏中的文件，然后存储为web使用格式。
8.选择png格式，因为png是背景透明，jpg则有背景底。


【抠图步骤】
1.选择钢笔工具。
2.用左键一下一下的把需要抠出来的图用矢量路径线条包围起来，直到形成一个封闭的线条。
3.另外，在未成为一个封闭的线条之前[ctrl] + [左键]选中某个点可移动该点，如果使用[alt] + [左键]则可以描绘弧度。
4.在使用抠图时一定要在属性栏中选中路径，因为形状是画图用的。
5.[ctrl] + [enter]确定所选内容。
6.[ctrl] + [j]取出该区域到新的图层，并且该图层位于顶层。
7.点击背景图层的眼睛隐藏背景。
8.新建一个页面，拖动所选区域到该页面（拖动时注意两点，一是必须选择左侧工具栏中的移动工具，第二个是必须选中该图片所在的图层，完成以上两点再点击图片进行拖动）。
9.删掉新的页面的背景底图层以使该图片的背景透明。
10.选择菜单栏中的文件，然后存储为web使用格式。
11.选择png格式，因为png是背景透明，jpg则有背景底。


【画图】
ctrl + t ：可以变化图形
在ctrl + t 之后，再按shitf + 左键 可按比例放大缩小
点击矩形工具 -> 属性栏中的路径操作 -> 合并形状组件 (可合并多个形状的外形)
直接选择工具：路径选择工具选取之后可整体锚点移动，直接选择工具可选择单个或多个锚点局部移动