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色彩是两种不同的色彩模式。 
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,657评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,889评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,057评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,509评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,562评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,443评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,251评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,129评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,561评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,779评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,902评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,621评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,220评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,838评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,971评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,025评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,843评论 2 354

推荐阅读更多精彩内容