平面设计是做什么的

海报 名片 广告 LOGO 包装 书籍排版

软件

PS软件:处理图片 合成调色
AI CDR软件:排版设计 插画设计 素材绘制
理论:色彩搭配 设计规范 版式布局

平面设计如何学习

看书学: 配色设计从入门到精通 平面设计完全手册 三大构成
看网站学: 站酷 花瓣 都是比较高质量的
看视频学: 效果最好的,也是最佳的

现在的UI设计师需要会什么

  1. APP界面设计
  2. 网页界面设计
  3. 小程序界面设计
  4. 运营插画设计
  5. 基础平面设计
    PS软件、XD软件或SKETCH软件
    辅导型软件:AI、AE、ARP、墨刀、蓝湖、 C4D
    理论: 规范 颜色 版式布局 切图适配 用户体验

电商设计是做什么的

网上卖东西: 京东 天猫 淘宝 拼多多
电商设计师 淘宝美工 天猫美工 电商美工 美工
最近几年火起来的(网络+网络购物+商家+支付)
理论: 色彩搭配 版式布局 设计规范 审美能力 创意能力

配置

编辑–>首选项–>暂存盘修改
编辑–>首选项–>工具–>用滚轮缩放(S)打开

图片格式

  1. PSD (源文件): PS默认保存的文件格式,可以保留所有图层及其他样式的内容
  2. PSB (大型源文件):此格式用于文件大小超过2G的源文件
  3. JPEG:JPEG是一种采用有损压缩方式的文件格式,也是最常用的图像格式之一
  4. PNG: PNG作为GIF的替代品,可以无损压缩图像,产生透明图形。与GIF图相比,PNG无法“动”起来
  5. GIF: GIF格式因为其采用无损压缩的方式并支持透明背景和动画,所以被广泛应用再网络中。
  6. PDF:常用的便携文档格式。
  7. EPS:EPS格式能同时包含位图图像和矢量图形。

认识位图与矢量图

图像类型 组成 优点 缺点
位图 像素 只要有足够多的不同色彩的像素,就可以制作出色彩丰富的图像,图像自然而且逼真。 缩放等操作容易失真,文件容量大
矢量图 数学向量 文件容量较小,在进行放大、缩小等操作时图修不会失真。 不容易制作色彩变化太多的图像

常用图像模式

https://blog.csdn.net/qq_52108058/article/details/125533950

(一)ps的基础操作

  1. 新建画布(快捷键ctrl+n)
    ① 分辨率:打印时用300分辨率:显示时用72分辨率(数值越大越清晰)
    ② 颜色模式:显示时用RGB RGB代表红绿蓝
    打印时用CMYK CMYK代表青、品红、黄、黑

  2. 打开(在工作区域外)
    ① 文件—-打开(快捷键ctrl+o)
    ② 拖拽打开:在计算里选中需要打开的文件点击并拖拽至ps图标上,然后移动到菜单栏或属性栏
    ③ 双击打开:双击空白工作区可以打开文件

  3. 置入(在工作区域内):拖拽到画布中,需确定置入命令;可直接按回车ENTER确定

  4. 保存(快捷键ctrl+s):格式psd留给设计师自己的源文件可再次修改,jpg图片格式,不可修改,png透底图 背景透明

  5. 另存为:快捷键ctrl+shift+s

  6. 存储为web所用格式:快捷键ctrl+shift+alt+s

  7. 调整ps:编辑–首选项–暂存盘 快捷键ctrl+k 勾选所有硬盘缓解卡顿

快捷键整理:
新建画布:ctrl+n
打开+ctrl+o
保存:ctrl+s
另存为:ctrl+shift+s
存储为web所用格式:ctrl+shift+alt+s
首选项:ctrl+k

(二)画布操作

  1. 放大缩小画布:

方法一:alt+鼠标滚轮
方法二:ctrl+加减键
方法三:缩放工具——工具栏找到放大镜图标
方法四:首选项——工具——勾选滚轮缩小——滚轮缩放

  1. 百分百显示:
    A. ctrl+1
    B. 根据显示器显示:ctrl+0(zero)

  2. 移动画布:按住空格键可临时切换为抓手工具鼠标左键拖拽即可

  3. 撤销与还原:
    ① 撤销一步:ctrl+z
    ② 撤销多步:ctrl+alt+z
    ③ 还原多步:ctrl+shift+z

  4. 自由变换:Ctrl+t

① 普通变换:通过对角点拉伸
按住Alt(中心点)和shift(等比)以中心点等比例缩放
② 旋转:鼠标放在对角(出现弯箭头)

(三)图层基本操作

  1. 解锁背景图层:点击图层后方锁头解锁

  2. 显示隐藏图层:点击该图层前的眼睛图标

  3. 删除图层
    ① 选中图层按delete键删除
    ② 选中图层后点击下方垃圾桶图标
    ③ 选中图层拖拽至垃圾桶图标上

  4. 创建新图层:点击垃圾桶左侧的图标(快捷键ctrl+alt+shift+n)

(四)拾色器

  1. 恢复默认前景色和背景色(黑白):按D

  2. 切换前景色与背景色:点击弯箭头或按X

  3. 填充前景色:alt+delete

  4. 填充背景色:ctrl+delete

(五)移动工具(快捷键V)

  1. 移动工具可以移动,可以复制。还可以跨画布复制

  2. 对齐:必须有两个及以上图层

  3. 分布:必须有三个及以上图层

  4. 自动选择图层:
    移动工具下按住shift可以切换到自动选择模式,同时按住shift进行加选或减选。

(六)画笔(快捷键B)

  1. 画笔十字情况:可能开了大写或画笔过大

  2. 画笔工具用于涂抹前景色

  3. 画笔大小更改:P后面【】 画笔硬度更改:shift+【】

快捷键整理:
适应显示器显示:ctrl+0
撤销:ctrl+z
还原多步:ctrl+shift+z
画笔(快捷键:b)
填充前景色:alt+delete
填充背景色:ctrl+delete
百分百显示:ctrl+1
自由变换:ctrl+t
撤销多步:ctrl+alt+z
新建图层:Ctrl+alt+shift+n

(七)图层操作

  1. 复制图层
    ① 移动工具下,按住alt点击并拖拽可以复制,按住shirt可以控制复制的图层水平或垂直方向平移。
    ② 原位复制,快捷键ctrl+j

  2. 编组:ctrl+g 取消编组:ctrl+shift+g

  3. 合并图层:ctrl+e(尽量少用)

  4. 分离图像:ctrl+shift+j把选中的内容剪切出来并放在原位

(八)选框工具(快捷键m,切换工具shift+m)

  1. 选框是什么:流动的直线(蚂蚁线)

  2. 绘制方法:点击并拖拽(点击鼠标不要松开)

按住shift绘制正图形选区,按住alt以鼠标为中心绘制选区,按shift+alt以鼠标为中心绘制正图形选区。按住空格键移动选区。

  1. 取消选区:ctrl+d

  2. 羽化:制作边缘虚化的效果(只要出现蚂蚁线都可以执行羽化)
    属性栏处进行羽化时选择羽化后填充(选框绘画前)
    羽化需要选择–修改–羽化快捷键shift+f6(笔记本加按fn)

  3. 载入选区:按住ctrl点击该图层的图层缩览图(选择图层内对象使用)

(九)选区的操作:万能口诀:shift是加,alt是减

  1. 新选区:新绘制的选区每次都形成一个新选区

  2. 添加到选区:新绘制的选区与之前绘制的选区进行相加
    (快捷方法先按住shift再绘制)

  3. 从选区减去:新绘制的选区与之前绘制的选区相减
    (快捷方法先按住alt再绘制新选区)

  4. 与选区交叉:新绘制的选区与之前绘制的选区相交部分留下
    (快捷方法先按住shift+alt再绘制新选区)

  5. 绘制时移动:绘制时按住空格键可以移动选区

快捷键:
编组:ctrl+g
合并图层:ctrl+e
填充背景色:ctrl+delete
取消选区:ctrl+d
(原位)复制:ctrl+j
取消编组:ctrl+shift+g
填充前景色:alt+delete
分离图像:ctrl+shift+j
羽化:shift+f6

(十)套索工具

  1. 套索工具:大致框选,不太适合精确抠图(shift+l快速切换子菜单)

  2. 多边形套索工具:适合抠有棱角的图片,点击拖拽鼠标,想要拐弯的时候在画布中点击,收尾相接。撤销按delete(回车/双击/esc可快速成选区)

  3. 磁性套索工具(基本八辈子都不会用的工具):具有磁性,可以识别物体边缘(边缘清晰),操作发生偏移可以通过delete进行点删除(回车可快速成选区)

A. 宽度:该值决定了以光标为中心为基准,其周围有多少个像素能够被工具检测到。边缘清晰是数值高。
B. 对比度:设置工具感应图像边缘的灵敏度,图像清晰时数值高
C. 频率:决定产生的锚点数量。数值越高,捕捉的边界越准确

(十一)快速选择工具(属于画笔夹)(快捷键W)

  1. 调成大小:p后面的【】可以调节画笔大小

  2. 可以移动十字光标,快速连续选择相近的图像,会自动识别边缘(创建选框)

  3. 选取的反向选择:ctrl+shift+i

  4. 使用方式:画布中拖拽形成选取,调整大小【】/alt+鼠标拖拽,反选选区(ctrl+shift+i/鼠标右键)

(十二)魔棒工具(快捷键W)

  1. 使用方式:画布中点击形成选区

  2. 可以创建选区,选择颜色相近的范围

  3. 容差值越大,选择颜色相似的范围越大,5-35之间

  4. 勾选连续时,连在一起相似的颜色会选择上,不勾选连续时,主体物也会被选上

  5. 魔棒工具抠图适用情况:背景是纯色,或背景与主体颜色差距大

(十三)色彩范围

  1. 选择一色彩范围,选择改为取样颜色,图形下面选择范围

  2. 根据图像的颜色范围,进行创建选区

白色为被选中的,黑色没被选中的,灰色透明的

(十四)橡皮擦工具(shift+e)

  1. 橡皮擦工具:直接擦涂,删掉不需要的图像

  2. 魔术橡皮擦:直接删掉颜色相近的区域,容差值与魔棒

  3. 连续取样:常规橡皮擦工具

  4. 取样一次:取样第一次的像素,之后擦除的都是第一次取样的像素

  5. 背景橡皮擦:擦除背景色(用来扣头发居多)
    所有图层在抠图前要栅格化图层

(十五)其他辅助操作

  1. 图层顺序:下/上移一层图层 ctrl+【】

置底/置顶图层 ctrl+shift+【】

  1. 收缩:(选择—修改):在原有基础上进行缩小选取

(十六)污点修复画笔工具组(快捷键j;shift+j)画笔类型工具调节大小:p后面的【】进行调节

  1. 污点修复画笔工具:
    A. 内容识别shift+f5(常用):点击需要修复的区域,软件会自动在他的周围进行取样,通过计算对其进行光线和明暗的匹配并进行羽化融合(有选区右键–填充–内容识别)(编辑–填充–内容识别)
    B. 创建纹理:可以创建纹理,纹理为ps自带不可修改
    C. 近似匹配:使用工具边缘的像素来修补图像

  2. 修复画笔工具
    取样:在需要修复的区域四周,找到颜色相似的区域,按住alt键,鼠标点击进行取样,然后在需要修复的区域点击或涂抹(在修复时,修复画笔尽量要比修复的区域大,否则修复效果不好)
    对齐:勾选对齐后吸取点跟随修复点移动,不勾选每次单机修复都是用同一吸取点去修复
    图案:直接涂抹即可,不需要取样,类似图案叠加

  3. 修补工具
    源:选区位置被鼠标停留位置覆盖
    目标:选区位置覆盖鼠标停留位置

  4. 内容感知工具:可以移动画面中物体的位置,移动之后可以自动填充。可以在需要修改的位置绘制选区,移动选区到画布外可以留一小部分选区在画布当中,来用于修补水印

  5. 红眼工具:可以修复相机在光线昏暗的情况下,产生的红眼效果,点击红眼部位,会自动修复

(十七)仿制图章工具组(快捷键s;shift+s)

  1. 仿制图章工具:使用方法同修复画笔一致,可以无损仿制图像。

  2. 图案图章工具:选择图案可以涂抹背景,类似图案添加

  3. 仿制图章与修复画笔工具的区别:

A. 仿制图章是无损仿制,取样什么颜色/皮肤,仿制的就是什么样子
B. 修复画笔有一个运算过程,在涂抹当中将取样图像和目标位置融合,自动适应周围环境,进行光影融合。

(十八)液化(快捷键ctrl+shift+X)

  1. 向前变形工具推动像素进行变形

  2. 画笔选项

大小:调整画笔大小
压力:数值越小效果越弱,数值越大效果越强烈,初期建议压力小一点
浓度 控制扭曲范围大小
速率:控制扭曲速度

  1. 重建工具:恢复图像

  2. 平滑工具:让边缘变得平滑

  3. 顺时针旋转工具:打造旋转效果,可以做一些创意背景,五官偏移也可以旋转一下

  4. 褶皱工具:可以使像素画笔中心移动产生收缩效果

  5. 膨胀工具:使像素画笔区域以外的地方移动产生膨胀效果(可以让胸变大)

  6. 左推工具:通过拖拽向上往左推,往下滑动往右推(可以让腰变细)

  7. 冻结蒙版:把冻结蒙版解开

  8. 脸部工具:直接拖拽滑块调整效果,会自动识别五官

  9. 抓手工具:移动位置

  10. 缩放工具:放大缩小画布

(十九)钢笔工具(快捷键p)

  1. 钢笔工具

① 绘制直线的方法:在起始点位置点击定点,连续点击,按住shift,可以绘制成角度的直线
② 绘制曲线的方法:在起始点位置点击定点,在下一点处点击并拖拽鼠标,会出现控制手柄,再一次绘制时,需要按住alt键取消。
③ 自动添加删除:可以直接在路径上点击添加或者点击锚点删除锚点
④ 临时切换:按住ctrl可以临时切换到小白工具进行锚点移动(自带控制手柄,可以调节弧度大小)
⑤ 将路径转换为选区:右击,选择建立选区、或ctrl+enter、或在路径面板下,ctrl+路径缩览图
⑥ delete键删除最后一个锚点的同时会结束钢笔这一次路径的绘制
⑦ 属性栏设置:路径–路径操作–合并形状–勾选自动添加和删除
⑧ 路径小帮手
小黑:路径选择工具,控制整条路径
小白:直接选择工具,移动某个锚点或者某个路径(shift加选)

  1. 路径面板

路径面板可以实现选区与路径相互转换
存储为jpg.psd时,路径面板可以储存路径,类似图层,使于抠图便于工作

  1. 保存路径:窗口–路径面板/双击工作路径保存/ctrl+s

  2. 面板下方小图标:路径转选区/选区转路径

(二十)画笔(快捷键b)

  1. 载入画笔:设置中找到载入画笔,找到画笔点击载入,右键可以删除画笔

  2. 画笔画板(快捷键f5):形状动态。散布、颜色动态

  3. 定义画笔预设:编辑一定义画笔预设

(二十一)文字工具(快捷键t)

  1. 横排文字蒙版(直排文字蒙版)工具:点击就会出现红色蒙版,输入文字确定后不会新建图层,并且文字会变成选区。

  2. 横排文字(竖排文字)工具:点击会自动新建文字图层,可以再属性栏处更改文字。

  3. 确定文字输入:属性栏的对勾 或切换工具 或小键盘下的enter

  4. 全选:ctrl+a或双击文字图层缩览图

  5. 调节字间距:alt+左右箭头

  6. 调节行间距:alt+上下箭头

  7. 点文字:不会自动换行,换行需要手动回车进行,适合做标题文字

  8. 段文字(区域文字):在画布上点击并拖拽拉出文本框,会自动换行,文字溢出时下方有加号提示,适合做说明文字

  9. 路径文字:用钢笔或者形状工具,绘制一段路径,将文字工具的光标放在路径上,点击输入文字。用小白调节文字形态。

  10. 使用方式:画面中点击光标输入文字,回车换行,自动出现新的文字图层

  11. 结束输入;切换工具/属性栏对勾/切换图层

  12. 再次编辑:点击图层缩览图/双击

(二十二)矢量工具(快捷键u,切换工具shift+u)

  1. 形状模式:在绘制过程中会自动新建图层,默认自动填充前景色

  2. 颜色填充:纯色填充、渐变填充、图案填充

  3. 图形描边;纯色填充、渐变填充、图案填充;描边大小;描边选项

  4. 图形大小:属性栏处可以精确调整大小或ctrl+t

  5. 图形绘制:按住shift可以绘制正图形,按住alt键可以以鼠标为中心点绘制图形,按住shift+alt可以以鼠标为中心点绘制图形

  6. 圆角矩形:绘制的时候先设置半径,高版本可以在属性栏中修改

  7. 多边形:绘制的时候先设置多变形的边数与平滑星星等

  8. 直线:绘制的时候先改变线的粗细,按住shift可以成角度约束

  9. 自定形状:软件预设好的形状,方便使用,还可以追加

  10. 自定形状追加:设置–全部–追加

  11. 定义自定形状:选择想要定义的图层点击选择定义自定形状(必须有路径的图层)

  12. 布尔运算(通过形状层的加、减、交得到新的图形):同选区操作

  13. 矢量图形计算后:必须要合并形状组件

  14. 分离图像:ctrl+shift+j

  15. 渐变:前景色到背景色、前景色到透明、黑色到白色

  16. 渐变调整方式:

(1) 上方色标不透明度,下方色标调整颜色
(2) 添加色标—-点击
(3) 删除色标—点击不松手拖拽
(4) 复制图标—alt键拖拽
(5) 渐变样式

线性—竖条的/横条的
径向—一圈一圈的
角度—360度旋转–收尾色标保持一致
对称—中间对折一样

(6) 角度:调整渐变的角度

(7) 渐变颜色反向切换

(8) 与图层对齐:默认对勾/绘制的渐变在当前性转内呈现

  1. 布尔运算

(1) 注意事项:在同意图层上进行;在有路径的情况下再进行布尔运算
(2) 新建图层;每绘制一个形状都会出现一个新图层
(3) 合并形状:加法 快捷键shift
(4) 减去顶层形状(alt)
(5) 与形状区域相交(shift+alt)
(6) 排除重叠形状
② 颜色模式:显示时用RGB RGB代表红绿蓝
打印时用CMYK CMYK代表青、品红、黄、黑

  1. 打开(在工作区域外)

① 文件—-打开(快捷键ctrl+o欧)
② 拖拽打开:在计算里选中需要打开的文件点击并拖拽至ps图标上,然后移动到菜单栏或属性栏
③ 双击打开:双击空白工作区可以打开文件

  1. 置入(在工作区域内):拖拽到画布中,需确定置入命令;可直接按回车ENTER确定

  2. 保存(快捷键ctrl+s):格式psd留给设计师自己的源文件可再次修改,jpg图片格式,不可修改,png透底图 背景透明

  3. 另存为:快捷键ctrl+shift+s

  4. 存储为web所用格式:快捷键ctrl+shift+alt+s

  5. 调整ps:编辑–首选项–暂存盘 快捷键ctrl+k 勾选所有硬盘缓解卡顿

快捷键整理:
新建画布:ctrl+n
打开+ctrl+o
保存:ctrl+s
另存为:ctrl+shift+s
存储为web所用格式:ctrl+shift+alt+s
首选项:ctrl+k