李晨PS公开课

一些知识

• 图层样式的复制：图层比较少时，可以按住Alt键拖拽fx效果按钮；图层比较多时，直接右键复制图层样式，选中目标图层右键粘贴。
• 高级自由变换：除了变形，基本都可以由快捷键搞定。Ctrl键是单独移动边点或角点，shift键是水平或垂直，Alt键是对称移动（对应右键透视）。
• 打造质感的时候，必须要有高光、亮面、明暗交界线、暗面、反光五大调，以及投影。

素描三大面五大调：黑白灰三面，高光、亮面、明暗交界线、暗面、反光五大调。此外，人眼默认光从左上角过来，或者说从上往下

举例：哪怕是在一个大面上一个小的凹面，边缘处通常既有投影（正后方，类似黑色外发光），也有内发光。而一个凸面，边缘处通常既有外发光，又有内阴影。高光，可以用图层样式-渐变叠加（径向）并移动中心来实现。
内发光的效果通常不明显，还会让边缘模糊，所以通常会伴随有投影。
斜面浮雕下面两个不透明度分别管理亮面和暗面。如果把其中一个调成零，则对应的亮部或暗部会消失。用斜面浮雕可以生成质感中的亮面。

• 使用画笔工具或蒙版时，一般调整流量而不是不透明度。流量顾名思义就是，减少流量，而当反复涂抹时则可以不断加深，在鼠绘的时候比较常用。
• 一般在使用大面积的纯色做背景时，通常会添加图案。除非其中内容很多很杂。
• 在logo设计中，网格是非常重要的，因为此时经常要用简单形状做出复杂图形
• 图层样式，外发光是不能拖动的，所以可以用投影（投白光）来代替，而且投影也是可以拖动的。（同样，内阴影是可以移动的，内发光是不可以移动的。此外，渐变叠加也是可移动的）

平面设计（包含狭义的平面设计如印刷VI，也包括UI、网页）

• 设计三大构成：平面构成。立体构成、色彩构成
  平面构成就是形态间的组合关系，主要是点线面，依照形式法则创造新的组合秩序。
• 平构设计的形态：
  1. 具象形态（现实中存在的）
  2. 抽象形态（一般是几何图形、数字字母之类）
  3. 设计形态----1多元性 2现实形态与抽象形态的集合 3设计理念 4形式法则
• 形式法则：形态的知觉与心理
  1. 圆形---活泼 跳跃的
  2. 方-----庄重 稳定
  3. 角-----冲突 速度 效率
  4. 曲线-----柔美 流畅 动感
  5. 自然形---亲切 生命力 自然 野性
• 几种简单配色方案
  • 单色 --- 没有色相变化，通过明暗对比产生颜色搭配。（有一点点变化也OK）
  • 邻近色 --- 基色两边临近的颜色配搭
  • 补色 --- 色相环180°（通常明度不同，即不在同一圈内），通常表示活力、兴奋，对比最为强烈。为了使图像和谐一些，通常会使用中间色渐变，或者无色系即灰色来过渡
  • 分裂补色 --- 基色对面颜色的邻近色
    以上两种颜色占图像比率规定是，补色不超过20%，分裂补色合起来不超过30%。

配色忌讳

1. 控制颜色数量 --- 一般3种以内（电商网站不适用，一般很多颜色）
2. 文字与背景反差要大，背景色单一、淡雅
3. 页面风格一致

• 网页设计中的常见版式

骨骼型（网格型） --- 常见的有竖向通栏、二栏到四栏，以及横向的通栏、二栏到四栏等，一般以竖向为多（注意是整体模块看做一栏，不能一个图看作一栏）。规范理性，最便于浏览，分栏方式结合显得活泼有弹性
满版型 --- 以图片充满整版。最利于形象展示，常用于地产、旅游、游戏、动漫
分割型 --- 将页面分为上下或左右两部分，分别安排图片和文案为主的内容，图文对比。画面清爽、最利于分类
中轴型 --- 沿中轴将图片或文字做水平或垂直方向的排列。水平排列的页面给人以稳定、平静、含蓄的感觉，垂直排列的页面给人以舒畅的感觉（通常以一个图片元素作为过渡，连接被分割的部分）
曲线型 --- 导航以曲线进行编排，让主页产生韵律与节奏。常用于女性化、音乐类
倾斜型 --- 页面主题形象或多幅图片、文字作倾斜编排，形成运动感、空间感
对称型 --- 接近满版型，一屏设计居多，画面稳定（绝对对称、相对对称）
焦点型 --- 最容易吸引视觉中心到导航
三角型 --- 正三角-稳定 速度感 倒三角、斜三角-不稳定 运动 竞速
自由型 --- 相对自由。一般会遵循骨骼或者线索

工具

• 形状工具：形状出来的是路径，伪矢量，放大缩小不失真。因此形状比选区更常用，尤其是在UI设计的外边框。形状工具选择路径模式，画好后只出现路径，此时可通过路径选择工具进行调整自由变换，然后Ctrl+enter转换为选区。
• 钢笔工具：绘制路径，尖锐部分不用控制杆，平滑部分才要用。按住Ctrl键切换直接选择工具调整锚点和控制杆，按住Alt键删除控制杆或移动一个单独控制杆端点（删除后再按住alt键也可生成控制杆）。一个闭合路径想要添加锚点，可以右键，也可以按下Ctrl选中该路径，再点击直接添加。
  当想要编辑一个路径的时候，需要按住Ctrl键转换成直接选择工具，（这时不能直接操作因为通常是默认选择了整个路径）然后在画个框选中要修改的锚点。

一些工作流和案例

• 钢笔画出所需左半边的大致轮廓，Ctrl+回车直接转化为选区（不闭合的路径最后用直线闭合），填充颜色，Ctrl+T自由变换，Ctrl+J复制一份，自由变换翻转移动拼接 ，Ctrl+E合并图层
• 画虚线：画一个黑色矩形定义画笔，在新图层上F5打开画笔预设，调大间距，形状动态-角度抖动的控制改为“方向”，抖动比率0%。如果想要在路径上画虚线，比如钢笔画好，然后右键-描边路径，选择画笔并取消勾选模拟压力
• 绘制高光（阳光透过窗户撒在地面上）：在背景上填充蓝色，新建椭圆选区，新建图层填充白色，执行滤镜高斯模糊，然后图层混合模式选择颜色减淡（作用为提亮后方颜色，故后方颜色不可过亮），最后再Ctrl+U调整明度相当于调整透明度。
• 基于给定图片的单色配色：对给定图执行滤镜-像素化-马赛克，把颜色提取出来。可以画一个正方形选框，分别从马赛克图中吸取主要颜色并填充，得到三到四个正方形。再从中选取一色作为基色。
• 在一个形状中，设置好图层混合模式之后，还能添加图层蒙版，（用钢笔画出需要的路径（布尔运算）后转化为选区，羽化再填充黑色或白色）或者用画笔涂抹，能让原形状的过渡更加自然。
• 继续添加样式时：Ctrl+J复制形状，Alt+LYA去掉所有样式，填充改为0%，然后再进行其他操作，修改路径添加其他样式等。
• 金属盘：

1. 新建图层添加黄色，执行滤镜-杂色-添加杂色，勾选单色、高斯分布，然后选择滤镜-模糊-径向模糊，选择“旋转”、数值选到最大，产生旋转纹理。Ctrl+F再旋转一遍。然后在图层中取个圆盘，其余删除。此时条纹太过清晰，此时可以利用图像调整面板中的命令，降低对比度（条纹变模糊，但颜色变暗），然后增加饱和度（颜色还原，也可适度修改颜色）。
2. 新建图层，前背景色复位，执行滤镜-渲染-云彩，找到比较平均点的放在画布中，执行-滤镜-模糊-径向模糊，选择缩放、数值依旧最大，产生发射视感。Ctrl+F再重复几遍。修改图层混合选项为“叠加”，将圆盘做旧。依旧删除不需要的部分。
3. Ctrl+J复制，Alt+LYA去掉所有样式，填充改为0%。添加样式渐变叠加，选择角度渐变。渐变编辑器中下部选择白色到白色，上部（透明度）有白黑白白黑白，产生基于中心点角对角的光晕。混合模式改为“颜色减淡”（添加了色相），降低不透明度。继续添加光晕，Ctrl+J再复制，Alt+LYN编辑样式，修改角度，混合模式改为“正常”出现白色高光，进入渐变编辑器继续调节上部条范围。
4. 找一张金属划痕的素材，放到图层顶部，选择“颜色减淡”混合模式，降低不透明度。至此，铜盘就搞定了。选中这些图层，Ctrl+G编组，拖拽到底下复制一份备份。原组取消可见，将复制的组Ctrl+E合并成一个图层。

查漏补缺

• 文字工具：Alt键+左右箭头调整字间距，上下箭头调整行间距。
• 选框工具：相加、减去、交叉的模式也可与调用图层选区（Ctrl+缩略图）相结合，因为前者与Ctrl键无关。