UI必学photoshop基础课程和配色

课程名称： UI必学photoshop基础课程和配色
课程地址： https://www.imooc.com/learn/914

必学基础软件：
PS
AI
...

PS基本工具：
形状工具（U）
钢笔工具（P）
图层样式（ALT + L + Y）

色彩的最基本的三大要素：
色彩分两大类：

• 无色彩： 由黑白和不同程度的灰组成
• 有色彩： 有彩色就是具备光谱上的某种或某些色相，统称为彩调

色彩的两种模式：
RGB、CMYK

形状工具&钢笔工具

形状工具和钢笔工具结合布尔运算，可以制作出各种扁平化、线性化icon/ui

图层样式

• PS中的一项图层处理功能，是在使用PS制作icon/图片效果的重要工具之一
• 通过不同的图层样式选项设置，可以很容易地模拟出各种效果
• 图层样式可以被应用于各种普通的、矢量的和特殊性的图层上，几乎不受图层类别限制
• 图层样式具有极强的可编辑性，当图层中应用了图层样式后，会随文件一起保存，可以随时进行参数选项的修改
• 图层样式的选项非常丰富，通过不同选项及参数的搭配，可以创作出变化多样的图像效果。

约束路径拖动：
选择工具>直接选择

形状工具：
形状，路径，像素

路径改为形状：
选择路径>图形工具>建立>形状

新建图层：
Ctrl + Alt + Shift + N

形状工具切换：
Shift + U

新建参考线：
Alt + V + E

合并形状：
Ctrl + E

图层组：
Ctrl + G

色彩的基础小知识

• 色彩的两大类

  • 无色彩
  • 有色彩

• 三原色&三间色

  • 三原色是指不能透过其他颜色的混合调配而得出的“基本色”
  • 三种颜色中的任意两种颜色相互重叠，又会产生三间色

    红 + 蓝 = 紫
    红 + 黄 = 橙
    蓝 + 黄 = 绿
    紫、橙、绿就是三间色

• 色彩的三要素（HSB）

  1. 色相（色彩做呈现出来的质的面貌）
  2. 纯度（饱和度）
     • 同一个色相的色彩，不掺杂黑色，白色，灰色，则被称为纯色。在纯色中加入不同明度的无彩色/有彩色，会出现不同的纯度。
  3. 明度
     • 简单理解为颜色的亮度，不同的颜色具有不同的明度。
     • 色彩自身的明度
       每一种纯色都有与其相应的明度。黄色明度最高，蓝紫色明度最底，红色、绿色为中间明度。
       任何一种色彩都具有色相明度和纯度，这三者又相对独立。

• 色彩的搭配（对比）

  1. 同类色搭配
     最弱的色相对比，对比效果单纯，雅致，容易出现单调呆板的效果。配色时用到，应该采取拉开明度距离和饱和度关系来调整。
  2. 邻近色搭配
     较弱的对比，称为邻近色。
     有不同的颜色倾向：如黄绿，橙色等。
     特点： 统一和谐。
  3. 类似色搭配
     色相中的中对比，称为类似色。配色效果丰满，活泼，有随和，统一的特点，又克服了视觉不满足的缺点。服装设计和室内设计经常用到这种配色方法。
  4. 对比色搭配
     属于强对比，有着鲜明的色相感，效果强烈，兴奋，但是过分刺激会引发视觉疲劳，处理不当会产生烦躁、不安定之感。
  5. 互补色搭配
     • 最强烈的对比关系，对比效果完整充实。有点是饱满，活跃，生动，刺激。会引起视觉疲劳。适用于较远距离的设计，如接头广告、标志、橱窗，商品包装等。
     • 补色对比的对立性会促使对比双方颜色都更加鲜明
     • 在我们可以完全掌握好颜色搭配之前，尽量少用对比色的搭配。

以下三组既是互补色也是对比色：
红——绿
黄——紫
蓝——橙

6. CMYK模式和RGB模式
    - RGB色彩和CMYK色彩是两种不同的色彩模式。