PS进阶学习导图（上）思维导图模板_ProcessOn思维导图、流程图

提升6 创意字体

前言：为什么要进行字体设计？

常规的字体显得越来越呆板，所以为了美观，我们打破常规，从灵活多变的角度出发将字体变形，赋予它新的含义与活力，也就是使字体变得更富表现力和感染力

同时因为版权问题，做商业设计的时候，可能并没有拥有那么多版权的字体可以使用。为了不陷入不必要的版权纠纷，就需要自己来做字体的设计

一、汉字演变的过程：

“甲金篆隶草楷行”被称为汉字七体。

二、字体结构：

结构可以最大程度保持字体的辨识度，空间结构是统一核规范字体字形的方法。

三、字体设计：

1、字体的重心：在字体设计的过程中，我们要仔细调整字体的重心，这样字体才能均匀稳定，也更有助于阅读和欣赏。

2、字体设计的原则：

(1) 识别性：字体的字形要准确。

(2) 统一性：一个字或者是一套字体的设计风格要统一。

(3) 美感：字体设计良好，组合巧妙能使人感到愉快，留下美好的印象，从而获得良好的心理反应。

(4) 富于创造性：适当表达字体设计的个性色彩，创造与众不同的独具特色的字体。

3、字体变形（基本不用）：

(1) 自由变换右键直接进行单击进行变形处理；

(2) 文字工具属性栏进行变形处理；

(3) 将文字图层转换为形状，利用钢笔工具或者小黑小白工具辅助进行处理。

四、常用的造字形式：

1、钢笔造字：就是利用钢笔工具来做字体的笔画，通过对字体的相连相加相减，圆滑，得到字体的设计感。

2、矩形造字：俗称方块拼接法，就是利用矩形来拼接字体的笔画，通过切割相连达到字体设计感。

3、毛笔造字：就是利用软件笔刷来对字体的笔画调整，通过字体笔画的增加或者减少嫁接，达到字体毛笔化的设计感。

五、常见的造字技巧：

1、替代法：是在统一形态的文字元素加入另类不同的图形元素或文字元素。其本质是根据文字的内容意思，用某一形象替代字体的某个部分或某一笔画，这些形象或写实或夸张。将文字的局部替换，是文字的内涵外露，在形象和感官上都增加了一定的艺术感染力。

2、笔画共用：是文字图形化创意设计中广泛运用的形式。文字是一种视觉图形，它的线条有着强烈的构成性，可以从单纯的构成角度来看到笔画之间的异同，寻找笔画之间的内在联系，找到他们可以共同利用的条件，把它提取出来合并为一。

3、笔画截肢：通过相近或者相似的笔画间的省略简化来组成文字间的关系，与笔画共用有相似之处，在截肢过程中注意不要破坏字体的辨识度。

4、横细竖粗：选定字体后，把横笔画减细竖笔画加粗。类似传统宋体字，横细竖粗撇如刀，点如瓜子捺入归。

5、正负形：除了运用形状，还在它的外轮廓都运用了描边，可以很清晰的表达抽象事物。目前多用于H5、app 启动页和图标 icon 上。

六、矩形造字参考步骤：

1、调整字形——参考文字长宽比例

2、笔画制作——确定横竖笔画宽度

3、起形——拼凑笔画

4、调整重心，笔画位置关系

5、加笔画装饰

6、做断开效果，让文字透气，不太沉闷（根据不同风格，选择性添加）

7、加装饰文字，丰富画面

提升7 文字 + 版式设计的骨骼

一、排版的原则：

1、亲密性原则：将相关项组织再一起。在一个页面上，位置接近就意味存在着关联。因此相关的项应当靠近，归组在一起。

2、对齐性原则：每个元素都应当与页面上的另一个元素有某种视觉联系。

3、重复性原则：让视觉要素在整个作品中重复，能够实现整个风格的统一，包括统一颜色方案、字体字号、文本行距、对齐方式、图片风格，或者一种特别的字体。

4、对比性原则：如果页面上的元素不相同，那就干脆让它们截然不同，以吸引读者眼球。

二、什么是线框图：

线框图是一种只使用简单形状来呈现界面的一种表示形式，如框、圆、线和箭头。设计人员使用线框来传达信息的层次结构核内容结构。是一种草图的形式，能够非常直观的展示出版式的骨骼结构。是利用设计原则与规范得出排版的一种捷径。

三、线框图的用途：

线框图相当于是草图，可以根据线框图得到规整的排版效果。

线框图可以应用于横幅广告、文字排版、易拉宝、杂志、杂志封面等需要排版效果的界面中。

线框图展示的就相当于是设计的骨骼，骨骼不出错，排版就没有大问题。

四、名片常见尺寸：

90mm*54mm

90mm*50mm

90mm*45mm

85mm*54mm

设计稿内需加上出血线，上下左右在原有尺寸规格上分别加 2-3mm 出血。

具体尺寸以甲方具体要求为准，印刷时需要将颜色模式改为 CMYK，分辨率 300.

名片包含正反面设计，主要信息要集中在正面、要直观、明确，有主次关系；背面尽量不要有过多内容，要简洁。

五、名片信息整理：

1、个人名片：一般以凸显个人为主，将个人的联系方式、电话、邮箱等等放在主要位置，一般用于服务业比较广泛。

2、企业名片：一般以凸显企业为主，将企业的企业形象突出出来，LOGO，公司名称，公司官网，地址等等放在主要位置，用于企业宣传。

3、行业名片：一般以凸显行业特色为主，将行业的与众不同，以及优势凸显出来。比如，艺术类，理财类等等。

六、案例实操注意事项：

1、注意对齐：文案信息要找到对齐规律，不可以杂乱无章。

2、注意主次：主要着重展现的内容在字号大小上要相对大一点，文字的层级关系一定要划分清楚。

3、注意字体的选用：注意字体原则要符合整体风格，笔画清晰明了又具有醒目度。

4、下图为一张标准尺寸名片，蓝色区域代表的是原名片90mm*54mm尺寸，粉色区域代表的是在原有尺寸基础上添加的上下左右各3mm的出血区域。

出血区域在印刷完成之后需要被裁切，所以在制作中，想要满铺的图形需要以粉色区域外边缘为边界进行设计，是为了裁切后边缘不留白边；想要留白的文案或者其他内容以蓝色区域外边缘为边界进行设计摆放，为的是裁切之后文字内容离裁切后距离适中，不会距离太近。

提升8 趣味构图

前言：也许每个新人设计师在经历排版的时候总是会有大脑一片空白的情况，今天我们从版式入手，真实的去体验图文混排的乐趣，把最高效直接的排版知识带给新手，从而在一定程度上可以弥补我们在排版知识的空缺。

主体：

1、主体是画面中的主角，是最重要最突出的元素。

2、主体是画面中清晰可见的，是画面中最出彩的部分。

3、从点线面的角度来说，主体是版面中的面元素。

一、表现主体：

位置表现：占据画面C位。

形式表现：视觉形式表现最丰富的。

二、确立主体：

1、文字：以文字为主体。

2、图像：

(1) 以商品实物以及商品组为主体。

(2) 以产品使用为主体。

(3) 以人物形象为主体。

(4) 以局部特写为主体。

三、版式的平衡：

版式失衡是排版的大忌，平衡的版式可以给视觉带来舒适感。

四、摄影三分法：

三分法，也称作井字构图法，是一种在摄影、绘画、设计等艺术中经常使用的构图手段。在三分法中，我们需要将场景用两条竖线核横线分割成9个矩形。形成图中“井”字，这样我们得到四个交叉点。然后再将需要表现的重点位置放在四个交叉点中的一个即可。

五、排版禁忌：

1、缺失主体，不划分层级关系。

2、比例把握不准，过大或过小。

3、版式失衡。

六、构图手法：

我们根据主体的含义，构图与平衡，摄影三分法，以及黄金分割比得到了5种常用的构图方法。

1、中心构图法：图形文案集中放在画布中心，适合于文案图片较少的类型。

2、对角线构图法：图形文案以对角线进行构图。

3、S型构图法：适合于图形较多的时候使用。

4、压四脚构图法：图形分布在四个边角，同样适用于图形较多的类型。

5、左右构图法：左图右文或者右图左文都比较合适。

提升9 我看透你了！Banner

1、什么是Banner：

Banner可以是网站页面的横幅广告，也可以是游行活动时用的旗帜，还可以是报纸杂志上的大标题；Banner有静态和动态之分，主要体现中心意旨，形象鲜明，表达最主要的情感思想或宣传中心；可以给企业、产品或者其他主体带来相应的转化率。

2、Banner的构图：

左右构图、居中构图、上下结构、渐次构图、框架构图

3、Banner的常规尺寸规范：

宽度：1920px    高度：不定    分辨率：72

中间可视区域：1200px    左右两边分别：350

4、Banner的设计思路：

1、分析类型：

(1) 产品主题

(2) 活动主题

(3) 促销主题

2、准确定位：考虑受众群体。

5、制作Banner的方法：

(1) 层级明确，突出重点。

(2) 字体选择，辅助信息。

(3) 考虑标准识别色。

(4) 添加装饰以及细节处理。

提升1 抠图——薄、透、露的朦胧美

一、抠图类型：

1、透明材质（冰块抠图）——通道抠图、图层蒙版

2、透明材质（玻璃抠图）——通道抠图、调整图层

3、透明材质（婚纱抠图）——通道抠图、调整图层、图层蒙版

二、需要要到的工具：钢笔、色阶、蒙版、调色、减淡工具等

三、抠图方法：

-抠冰块（蒙版抠图）：

1、首先分离背景，需要把冰块的轮廓分离出来，可以选用钢笔，或者快速选择、魔棒工具、魔术橡皮檫等，但是要主要勾选属性栏-连续。借助布尔运算加选减选完善冰块轮廓。

2、ctrl + shift + u 去色

3、蒙版抠图原理：白色保留，黑色过滤，灰色半透明——使用蒙版工具。用自身颜色抵消自身颜色。

操作方法：ctrl键载入冰块选区，ctrl + c 复制选区内容，ctrl + d 取消选区，按住alt 进入蒙版，ctrl + shift + v 原位粘贴（避免出现位置的偏移），ctrl + d 取消选区。

4、点击图层缩览图退出蒙版，完成抠图。可将扣除好的冰块素材放入液体、深色背景等素材。

-抠冰块（通道抠图）：

1、首先分离背景、需要把冰块的轮廓分离出来，可以选用钢笔，或者快速选择、魔棒工具、魔术橡皮擦等，但是要注意勾选属性栏-连续。借助布尔运算加选减选完善冰块轮廓。

2、ctrl + shift + u 去色

3、观察RGB通道，选择颜色对比最强烈的通道，（注意：如果三个通道对比都不够强烈，可以选择最强烈的再适当调整一下色阶）如红通道，复制红通道（拖动红通道到通道面板右下角新建按钮）。

4、按住ctrl 键点击红色拷贝通道，提取选区，回到RGB复合通道，回到图层，ctrl + j 提取冰块。

-抠杯子（蒙版抠图）：

1、背景复杂，需要钢笔抠图使杯子与背景分离。提取出杯子

2、给杯子添加蒙版，ctrl 点击图层缩览图，提取选区。ctrl + c 复制，按住alt 进入图层蒙版，ctrl + shift + v 粘贴。

3、单击图层缩览图，回到图层

4、此时杯子自身带环境色，使用去色命令 ctrl + shift + u （菜单栏-图像-调整-去色），去色。

-抠杯子（通道抠图-特殊案列）：

注意：通道使颜色银行，看颜色对比来进行。通道不能先去色，否则会缺失通道中的明暗对比。蒙版可以先去色，因为蒙版本身和颜色无关，只与黑白灰有关。

1、对比RGB通道，蓝色通道当中不包含背景中包含的黄色信息，所以可以直接利用蓝色通道进行抠图。首先复制蓝色通道（选中蓝色通道拖到右下角新建按钮），用黑色画笔工具涂抹掉多余的白色信息（例如投影等）。只保留杯子部分。

2、按住ctrl 键点击蓝色通道缩览图，提取白色部分（杯子部分）选区。

3、回到复合通道（RGB通道），回到图层。ctrl + j 提取杯子选区。

4、对抠选出来的杯子进行 ctrl + shift + u 进行去色。

-抠婚纱（通道抠图）：

1、钢笔工具将人物和背景分离开，边缘要完整平滑。ctrl + 回车获得选区，ctrl + j 提取。

2、只需要将婚纱部分变成半透明，所以需要用钢笔工具将人物和婚纱分离（ctrl + j 复制/ctrl + shift + j 分离图层）。

3、隐藏其他图层，只保留婚纱图层。观察RGB通道，选择对比度最强烈的图层，如绿色通道。复制绿色通道，调整色阶，适当加大对比度。（注意：再调整色阶对比度时，对比度不要调的太过，否则会显得比较稀薄，也可以复制一层增加厚重感。）

4、按住ctrl点击通道缩览图，获得选区，回到图层

5、使用曲线调节色调，或者减淡工具融合边缘（曝光度要适中）

6、拖入到合适的背景当中，适当调整色彩平衡，添加环境色。

-抠婚纱（蒙版抠图）：

先将人物和背景分离，复制，再蒙版中粘贴，给原图层添加蒙版，保留人物完整度，和抠出来的婚纱进行结合。

注意：

1、进入通道前，图层面板只保留一个要抠图的图层，通道观察更方便。

2、需要编辑通道时，必须复制通道，不可在原通道上进行编辑。

3、通道调取选区后，要先点击RGB复合通道，确保颜色信息完整后，再返回图层面板

4、调整色阶要注意保留纹理质感。

提升2 抠图——待我长发及腰时

一、简单抠图

1、使用工具：魔术棒、色彩范围

适用范围：对象与背景之间存在色调差异时

2、使用工具：套索工具、钢笔工具

使用范围：边界清洗流畅，外形为基本的几何形状时

二、需要用到的工具：

证件照——色彩范围、调整图层、加深工具

抠头发（简单背景）——通道抠图、图层蒙版、混合模式、画笔调整

抠头发（复杂背景）——简单抠图、通道抠图、图层蒙版、画笔调整、分区调整

抠毛发——调整边缘、魔棒、选择并遮住

三、抠图方法

-证件照：

1、菜单栏-选择-色彩范围，吸管点击背景，背景选择不全面可调整容差或者使用加选小吸管。

2、点击确定，选择的是背景区域，ctrl + shift + i 反选，ctrl + j 提取。

3、新建图层，调整图层顺序到抠好的图层下方，填充颜色。

4、为抠好的图层添加色相/饱和度，选择黄色区域，降低饱和度。将色相/饱和度添加剪贴蒙版到抠好的图层上。

5、添加色彩平衡，添加一些红色和洋红色（红色背景），统一画面色调。

6、用加深工具适当处理断发。

7、ctrl + shift + e 盖印图层。

8、新建一寸照大小画布（2.5*3.5cm），盖印图层。

9、新建五寸相纸大小画布（8.9*12.7cm），移动复制一寸照，对齐。

-抠头发（普通背景）

1、钢笔工具将人物和背景分离，头部大概框选出范围。转化选区，ctrl + j 提取。

2、观察 RGB 通道，选取对比强烈的一个，复制该通道。

3、执行ctrl + l 调出色阶，适当增强对比。

4、按住ctrl 点击通道缩览图，提取选区，ctrl + shift + i 反选/或者ctrl + i 反相，再调取选区。

5、点击复合通道，返回图层面板复制，为下方图层添加蒙版，保留人物，擦除多余部分。

6、使用加深工具调整断发。

7、根据画面情况适当调整颜色。

-抠头发（背景颜色和头发颜色比较接近时）：

1、先将人物与背景分离。

2、可以用色阶加大对比度，或者使用定义白场（色阶面板右侧三个吸管最右侧那个）。

3、套索工具框选部分范围（头发和背景没有分离干净的地方），ctrl + l 调出色阶，适当增强部分对比。

4、确定后 ctrl 点击通道缩览图，反选，回到复合通道，回到图层复制，填一个背景，为下方图层添加蒙版擦拭边缘。

-抠头发（复杂背景）：

原理：背景色差比较大，通道里分区域进行抠图，最后用图层蒙版进行结合

1、分离人物和背景。

2、观察通道，选择一部分对比最强，边缘相对干净的通道进行复制，使用色阶加强对比，去掉一部分背景。

3、使用套索工具框选中剩余的头发和背景区域，给选区进行羽化，使边缘柔和。

4、针对选区进行色阶调整。

5、确定后 ctrl 点击通道缩览图，反选，回到复合通道，回到图层复制。

6、使用同样方法分区域调整其他剩余头发和背景的色阶，确定后 ctrl 点击通道缩览图，反选，回到复合通道，回到图层复制。

7、利用图层蒙版结合各个抠图效果。

-抠毛发（动物）：

1、使用快速选择大概框选出猫咪边缘（注意：不要用钢笔，钢笔太生硬）

2、属性栏-选择并遮住/调整边缘（所有能形成选区的工具属性栏都有），根据图片情况选择视图模式

3、边缘检测中勾选智能半径（可自动缩进边缘），适当调整全局调整中的滑块，输出设置选择净化颜色，输出到新建带有图层蒙版的图层

4、使用调整边缘画笔再四周擦拭掉多余背景，确定

提升3 绘制——图标到底有多重要

一、UI的初步认识

User Interface（用户界面）：UI设计，也叫用户界面设计，是指对软件人机交互、操作逻辑、界面美观的整体设计。

二、应用场景：

1、app移动端：例xxxx教育app

2、网页端：例xxxx官网

3、智能穿戴设备：例智能手表等

三、UI的实际意义：

UI用于获取信息，调取设备资源、控制设备运作的一个可视化入口界面。

四、UI图标——ICON

-ICON类别：拟物化图标、微扁平图标、扁平化图标（主流）、其他类型图标（MBE风格）

提升4 绘制——透过PS看世界（插画）

一、什么是插画？

插画（西方：illustration）在中国被人们称为插画。今天通行于国外市场的商业插画包括出版物配图、卡通吉祥物、影视海报、游戏人物设定及游戏内置的美术场景设计、广告、漫画、绘本、贺卡、挂历、装饰画、包装等多重形式。延伸到现在的网络及手机平台上的虚拟物品及相关视觉应用等。

二、场景创意

插画是艺术元素的表达，插画艺术的构思来源于灵感——头脑风暴：成功的概念产生于许多构思和想法，从这里开始把所有想到的和项目有关的词语罗列出来，然后赋予他们图像。灵感来自大家都会接触的东西，像照片、卡通、漫画、玩具、赏心悦目的包装等。

三、流行插画种类及特点

1、扁平几何风格插画

① 几何形状组成 

② 细节较少

 ③ 简洁大方

2、肌理插画

① 没有描边全部是色块组成

② 明暗色块来进行区分元素

③ 颗粒感-混合模式溶解

3、渐变插画

对比强烈，多用邻近色，风格写实，大气美观

4、剪纸风格插画

每一层都有投影

5、2.5D插画

有立体感

6、MBE插画

① 颜色亮丽

② 断点

③ 错位

7、描边插画

线条描边

8、手绘插画

随性张扬

9、涂鸦插画

色彩丰富、个性、张扬

四、推荐软件&游戏（页面比较好看）

1、纪念碑谷（游戏）

2、阿尔托斯大冒险（游戏）

3、WALK UP（记步软件）

4、FIREWATCH（游戏）

五、对比：

形体——场景创意——颜色

六、插画绘制

1、分析整体结构、大概需要绘制的形状特征、颜色特征等

2、找到一个元素开始绘制

3、绘制过程概括：背景色块塑造（天空、山、水面、草地、船等），主体物绘制、主体午组倒影添加、装饰物添加（云彩、栅栏、小船、大树、飞鸟等）、纹理质感添加

提升5 文字 + 版式字体的脾气

一、认识种类

常见设计字体种类：衬线体、无衬线体、书法体、圆体卡通体等

-宋体与衬线体：

1、外形上相同、表现类型也是相同，宋体具有多种气质，首先字形美观、横细竖粗，笔画具有装饰性、字面较小，视觉舒适，适合长期阅读，所以一般作为正文使用。

2、因字形美观和装饰丰富，所以在设计风格方面上，多适用于时尚属性、文艺风、个性风、地域特色、文化特色、优雅女性、高端属性的设计作品。

3、宋体传达的东西更加精致、更加诗意，所传达的东西都是奢华、经典存在更多的个性。

-黑体与无衬线体：

外形上相同，表现类型也是相同的，字正方圆、笔画醒目、粗细均匀、干练、没有过多的装饰。因字形简单大方，所以其表现性更加兼容，基本上适合所有的风格设计，更加易于控制，所以现在广告字体绝大多数黑体制作。

黑体字体醒目所以多用于标题、户外广告、说明文等。

适用于多个领域男性、美食、自然、文艺、健康、科技。相对于其他字体表现力不足，过于中性。

黑体传达的东西更加有力量感觉，富有亲和力、商业化感觉，更加大众化。

注：衬线体和无衬线体属两种大的类别，衬线体包含宋体；无衬线体包含黑体。

-书法体与英文手写体：

都是通过人手写出来的，因此表现类型也是差不多的，但是还是有很大的不同，英文手写体更具艺术性和装饰性（因此常用于装饰类文字）。书法体更具历史性特色、气质更偏向于传统性、意境感觉、恢宏气质、中国文化、适合表现中国本体的文化、民俗、历史等。

-圆体与卡通体：

圆体：是由黑体转化而来的字体、圆体边角圆滑、字形柔韧、多用于表现温柔、平和、可爱、柔美、温润等气质，所以一般用来表现儿童方面、女性方面、或者口感润滑的食品。

卡通体：样式多变，具体气质多表现为可爱、活泼、灵气等儿童方面的气质。

二、文字的层级关系

-概念：文字的层级关系主要指的就是文字的大小关系

-注意：层级关系多--画面变化性强；层级关系少--画面简洁平稳

三、文字的对齐关系：为了美观和良好的阅读体验

-横排文字：居中对齐，左对齐，右对齐

-竖排文字：顶对齐，底对齐，居中对齐