Illustrator, Photoshop and InDesign Tips

发表于 更新于 分类于 阅读次数： 本文字数： 5.4k 阅读时长 ≈ 20 分钟

adobe

一些平面设计软件的操作技巧。

Illustrator（矢量设计）

快捷键

  • X 在填色和描边之间转换
  • Shift + X 互换填色和描边
  • D 把填色和描边设置为默认
  • < 选择颜色填充模式
  • > 选择渐变填色模式
  • / 选择无描边 / 填充模式
  • Shift + 吸管工具 从图像中提取颜色样本或从渐变中提取中间色样本（可用于渐变取色）
  • Shift + X 互换填色和描边
  • Shift 等比
  • Alt 中心
  • Ctrl + G 编组（Group）
  • Ctrl + Shift + G 取消编组
  • Ctrl + D 将变换重新应用于对象
  • Ctrl + F （原位）贴在前面
  • Ctrl + J 连接两个或更多路径
  • Ctrl + + 放大
  • Ctrl + - 缩小
  • Ctrl + 7 创建剪切蒙版
  • Alt + Ctrl + 7 释放剪切蒙版
  • Alt + 鼠标滚轮 放大 / 缩小
  • Alt + 向上或向下箭头键（横排文本）或者向右或向左箭头键（直排文本） 增加或减小行距

Illustrator 默认键盘快捷键

工具介绍

吸管工具

  • 吸取颜色后，按住 Alt 键，可把颜色填充到多个对象

钢笔工具（Pen）

  • 结束绘制：点按 Enter。或者，按住 Ctrl 并单击所有对象以外的任何位置
  • 钢笔练习游戏

添加锚点工具（Anchor Add）

  • 快捷键 +

删除锚点工具（Anchor Del）

  • 快捷键 -

编组选择工具（Group Anchor Select）

  • 可让您在一个组中选择单个对象

魔棒工具（Similar Select）

  • 可让您通过单击对象来选择具有相同的颜色、描边粗细、描边颜色、不透明度或混合模式的对象
  • 双击「魔棒工具」弹出选项

套索工具（Anchor Region Select）

  • 可让您选择对象、锚点或路径段，方法是围绕整个对象或对象的一部分拖动鼠标

文字工具

  • 输入完文本后，Ctrl + Enter 结束输入。或者，单击选择工具以选择文字对象。或者，也可以按住 Ctrl 并单击文本

弧线工具（Arc）

  • 鼠标左键拖拽出弧线的时候，按住 ↑ 或 ↓ 改变弧线的凹凸大小和方向

矩形网格工具（Rectangular Grid）

  • 鼠标左键拖拽出网格的时候，按住 ↑ ↓ ← → 改变网格的数目

极坐标网格工具（Polar Grid）

  • 鼠标左键拖拽出网格的时候，按住 ↑ ↓ ← → 改变网格的数目

螺旋线工具（Spiral）

  • 鼠标左键拖拽出螺旋线的时候，按住 ↑ 或 ↓ 改变螺旋线的延伸程度

吸管工具（Sampler）

  • 按住 Shift 单击，则仅对渐变、图案、网络对象或置入图像的一部分进行颜色取样，并将所取颜色应用于所选填色或描边
  • 单击未选定的对象以对其属性进行取样，然后按住 Alt 并单击 (Windows) 或按住 Option 并单击 (macOS) 要将这些属性应用到的未选定对象

星形工具

  • 按住 Alt 键拖移，保持星形边为直线

按特定角度旋转对象

  • 选择一个或多个对象
  • 若要围绕其他参考点旋转对象，请选择“旋转（Rotate）”工具。然后按住 Alt 键 (Windows) 或 Option 键 (Mac OS) 并在文档窗口中所需的参考点处单击
  • 若要围绕中心点旋转对象，请选择“对象”>“变换”>“旋转”，或双击“旋转”工具

绘制一个圆角可变的矩形（Rounded Rectangle）

  • 选择矩形（Rectangle）工具
  • 向对角线方向拖动直到矩形达到所需大小
  • 依次在菜单栏选择：效果 > 风格化 > 圆角

绘制一个扇形

  • 法一
    • 选择矩形（Rectangle）工具
    • 按住 Shift 键，向对角线方向拖动直到所需大小
    • 选择直接选择工具（Anchor Select）工具
    • 选中一角的小圆点
    • 拖动
  • 法二
    • 也可以在变换窗口（Shift + F8），改变边角类型

绘制像素级优化的图稿

首选项

  • 键盘增量：1 px
  • 单位
    • 常规：像素
    • 描边：像素
    • 文字：点
  • 参考线和网格
    • 网格线间隔：1 px
    • 次分隔线：1

视图

  • 对齐网格

将现有对象与像素网格对齐

  • 使用选择工具，选择要与像素网格对齐的对象
  • 法一：单击「控制」面板中的 将选中的图稿与像素网格对齐 图标
  • 法二：右键单击对象，然后从上下文菜单中选择 设为像素级优化

图标设计

绘制图标（Android ）

dp（Density Independent Pixels，密度无关像素）

  • 发音：dips
  • 不同密度的屏幕上显示相同的 UI 元素（缩放到统一尺寸）
  • 定义：1 dp 等于 160 dpi 的屏幕上的 1 个物理像素
  • 公式一：dp = （以像素为单位的宽度 × 160） / 屏幕密度
  • 公式二：dp × ppi / 160 = * px
  • 例如：32 px × 32 px 的图标在 320 像素密度的屏幕上，等同于 16 dp × 16 dp

图片缩放
通过使用以下比率，可以使图标在不同分辨率的屏幕上看起来一样：

屏幕分辨率 dpi 像素比例 图片尺寸（像素）
xxxhdpi（超超超高） 640 4.0 400 x 400
xxhdpi（超超高） 480 3.0 300 x 300
xhdpi（超高） 320 2.0 200 x 200
hdpi（高） 240 1.5 150 x 150
mdpi（中） 160 1.0 100 x 100

尺寸：24 dp × 24 dp

  • 线宽：2 dp
  • 圆形：20 dp × 20 dp
  • 正方形：18 dp × 18 dp
  • 长方形：16 dp × 20 dp
  • 圆角：外圆角半径 - 内圆角半径 = 线宽

尺寸：96 dp × 96 dp

  • 线宽：4 dp
  • 正方形：52 dp × 52 dp（边距 22 dp）

尺寸：192 dp × 192 dp

  • 圆形：176 dp × 176 dp
  • 正方形：152 dp × 152 dp
  • 长方形：128 dp × 176 dp

绘制 Tips

保持视差平衡

  • 图形的形状不同导致视觉张力不同，同样大的正方形看上去比圆形大：圆形直径 44 px 约等于 正方形边长 40 px
  • 图形的面积大小相同 ≈ 图像的视觉大小相同
  • 有角图标的对齐方法是保证每个角到边的距离相等
  • 弯曲的线条会比竖直的线条看起来细
  • 倾斜的线条会比竖直的线条看起来细

内 / 外发光常用的图层样式

  • 发光颜色（白色）+ 混合模式（滤色）
  • 发光颜色（黑色）+ 混合模式（正片叠底）

投影

  • 绿色的物体用深绿色当投影，不要用纯黑

图标轮廓发虚怎么办

  • Photoshop：首选项 > 工具 > 将矢量工具与变化和像素网格对齐

关联阅读：图标 - Ant Design

导出 PDF

  • 推荐使用「存储副本（Alt + Ctrl +S）」导出 PDF
  • 优化快速 Web 查看

PDF/X‑1a

  • 用于 CMYK 工作流程

PDF/X‑3

  • 用于颜色管理工作流程

PDF/X-4

  • 用于增加了对以自然方式而不是拼合方式保存透明度的支持的颜色管理工作流程

PDF/X‑4 (2008)

  • Adobe 建议将 PDF/X-4:2008 作为最佳 PDF 文件格式，以实现可靠的 PDF 印刷出版工作流程

参考来源：Illustrator 用户指南 - 创建 Adobe PDF 文件

将文本导出到文本文件

  1. 使用文字工具选择要导出的文本。
  2. 选择 文件 > 导出。
  3. 在导出对话框中，选择文件位置并输入文件名。
  4. 选择文本格式 (TXT) 作为文件格式。
  5. 在名称框中输入新文本文件的名称，然后单击保存 (Windows) 或导出 (Mac OS)。
  6. 选择一种平台和编码方法，然后单击导出。

参考资料：在 Illustrator 中导入和导出文本

Photoshop（像素设计）

作图之前备份 Ctrl + J 原图。

颜色模式

HSB

  • 基于人眼的色彩模式
  • 黑色和白色不在色相环

RGBz

  • 红（Red）、绿（Green）、蓝（Blue）三原色光模式
  • 加色模式
  • 白色：rgb(255, 255, 255)

CMYK

  • Cyan ['saɪən]：青色（蓝色 + 绿色），完全吸收了红色，互补色，180°
  • Magenta [mə'dʒentə]：洋红色 / 品红色（红色 + 蓝色）
  • Yellow：黄色（红色 + 绿色）
  • blacK：黑色（因为 B 已经给了 RGB 的 Blue）
  • 印刷四分色模式
  • 减色模式
  • 油墨的浓淡（百分比%）

操作

图层蒙版

  • 选区内可见：建立选区 > 添加图层蒙版
  • 选区外可见：
    • 法一：建立选区 > 按住 Alt 添加图层蒙版
    • 法二：建立选区 > 反选 Shift + Ctrl + I > 添加图层蒙版
  • 停用图层蒙版
    • 法一：右键单击图层蒙版，选择 停用图层蒙版
    • 法二：按住 Shift 左键单击图层蒙版
  • 结合渐变工具可以实现柔和的过渡：比如换天空
  • 结合画笔笔刷制作火焰的效果

剪贴蒙版

  • 图片在上层
  • 形状 / 文字在下层
  • Alt + Ctrl + G / 按住 Alt 在两个图层中间单击

快速把样式应用到其他图层

  • 先按住 Alt，然后把样式拖拽到其他图层

快速改变画笔硬度值大小

  • 按住 Alt 同时按住右键
  • 上下拖动改变硬度值大小

填充与不透明度的区别

  • 填充（Fill）：一个对象本身的可见度
  • 不透明度（Opacity）：整个图层的（包括图层样式）可见度

混合模式

  • 常规模式
    • 正常：默认模式
    • 溶解：根据任何像素位置的不透明度，结果色由基色或混合色的像素随机替换
  • 混色模式
    • 减色模式（CMYK）：变暗
    • 加色模式（RGB）：变亮（屏蔽掉黑色）
  • 叠光模式：保持纹理的基础上，进行光的叠加
  • 其他模式
    • 负片效果：差值、排除、减去、划分
    • 单值调整（色相、饱和度、颜色、明度；一般用在画笔中）

锁定透明像素

  • 将编辑范围限制为只针对图层的不透明部分
  • 类似 Illustrator 中的「内部绘图」模式

智能对象

  • 智能对象是包含栅格或矢量图像（如 Photoshop 或 Illustrator 文件）中的图像数据的图层。智能对象将保留图像的源内容及其所有原始特性，从而让您能够对图层执行非破坏性编辑
  • 编辑一个智能对象并自动更新其所有的链接实例（双击图层右下角的智能对象图标进入编辑模式）

移动工具

  • 勾选左上角的 自动选择，光标可以选择任何一个图层（除了锁定图层）

文字工具

  • Ctrl + Enter 结束输入

吸管工具

如何全局取色（吸取软件界面外的颜色）：

  1. 选择吸管工具（快捷键 I）
  2. 按住鼠标左键不要松开，同时移动鼠标到你需要吸取颜色的屏幕位置，

动图演示 by 设计达人

抓手工具

  • 临时缩放到图像：按住 H 键（不放），然后在图像中单击，并按住鼠标键。

饱和度

主菜单：图像 > 调整 > 自然饱和度

  • 自然饱和度：增加图像中暗色的强度。
  • 饱和度：增加图像中所有颜色的强度。

实战

更改布料的颜色（黑变绿）

  • Ctrl + Alt + Shift + N 在旧图层上创建新图层，填充绿色
  • Alt + Ctrl + G 创建剪贴蒙版，混合模式：颜色
  • Ctrl + J 通过拷贝（旧图层）新建图层，并拖拽到剪贴蒙版的上方，混合模式：滤色 或其他

电能表精修步骤

  • Ctrl + J
  • Ctrl + U：色相：-180 和 饱和度：-100
  • Ctrl + M：增加对比度（S 型曲线）
  • 添加图层蒙版，保留彩色部分（比如 Logo）

内容识别填充

Content-Aware Fill 通过从图像其他部分取样的内容来无缝填充图像中的选定部分，可以用来扩展背景，替换物体，以及去除水印、污点和路人甲等。

新方法

  1. 使用 选框工具 选择需要扩展的区域
  2. 编辑 - 内容识别填充

旧方法

  1. 使用 选框工具 选择需要扩展的区域
  2. 编辑 - 填充 - 内容识别（Shift + F5 ）

动图教程：Photoshop 中的“内容识别填充”工作区
视频教程：使用内容识别填充功能制作图片填充和前景蒙版

分享文件 Tips

  • 选取「文件」>「自动」>「联系表 II」
  • 选取「文件」>「自动」>「PDF 演示文稿」

平行窗口

打开多个窗口来显示同一图像的不同视图，例如修饰人像照片是同时查看整体和局部。

  1. 选择 窗口 > 排列 > 为 [图像文件名] 新建窗口。
  2. 如果要排列窗口，请选择 窗口 > 排列，然后选择一个选项。例如 双联垂直。

快速去除海报中的文字（或水印）

想把电影海报做手机壁纸，却满屏幕都是文字。如何快速的去掉文字或者水印：

  1. 把需要删掉的文字抠出来：用「选区工具」框选需要删除的文字；打开「顶部菜单栏 - 选择 - 色彩范围」，点击海报中的字体，选出字体的颜色范围，再调整颜色容差，确保选中全部文字。
  2. 选区扩大一点以免边缘过度不平滑：打开「顶部菜单栏 - 选择 - 修改 - 扩展」，调整扩展像素，2 至 5像素即可。
  3. 用内容识别自动填充选区：打开「顶部菜单栏 - 编辑 - 填充」或快捷键「Shift + F5」，调出内容识别选取对话框，确定，完成。

「无损」旋转图像

照片角度不好，调整之后画面不够完整，核心区域被裁切。怎么办：

  1. 调整图片角度：点击「左侧工具栏 - 裁切 - 拉直」，以人物为中心中，顺着人物角度拉一条线，将人物拉正，再将画布整体拉大，以免裁切到太多核心元素。
  2. 将四周空白区域补全：使用「魔棒」，点击选中空白区域；点击「顶部菜单栏 - 编辑 - 内容识别填充」，调出内容识别界面，在左侧画面中，将不想被采样的区域擦出来，点击确定就 OK 了。

此功能对应 Snapseed 中的「展开」功能。

快捷键

结果 Windows macOS
隐藏（Hide）选区、参考线和平面 Ctrl + H Command + H

参考资料：Adobe Photoshop中的默认键盘快捷键

InDesign（排版利器）

  • 内容分层很重要：背景层 / 文字层
  • 先松鼠标再松快捷键
  • 置入优先，少用粘贴
  • 细线条使用单色（CMYK 其中一个有数值，其他为 0），不要使用套版色
  • 所有文字都要使用段落样式，包括页码和目录
  • 快速绘制表格：从 Word 或者 Excel 复制表格，再粘贴到 Illustrator
  • 图像未嵌入：有对角线
  • 图像已嵌入：无对角线

版面

  • 栏间距：大于 5 mm
  • 启用版面调整
  • 只设置标题的段前距和段后句，不设置正文的段前距和段后句
  • 标题的段前距大于标题的段后句

字号

  • 杂志正文字号：8 pt ~ 9.5 pt
  • 图书正文字号：10 pt ~ 10.5 pt
  • 注释字号：9 pt
  • 行距：所选字号的 1.5 倍 ~ 2 倍（不要使用自动行距）
  • 图书字符间距：不大于 0（可以选择 -5）

转曲

  • 在主页的书脊中间随意画一个图形，透明度设置为 0%
    • 如果有多个主页，每个主页都要画一个透明度为 0% 的图形
    • 这是为了确保每个文档页面都有一个透明度为 0% 的图形
  • 选择 编辑 > 透明度拼合器预设
    • 请在预设列表中选择 高分辨率
    • 然后单击 新建
    • 输入名称
    • 栅格/矢量平衡：100
    • 线状图和文本分辨率：1200 ppi
    • 渐变和网格分辨率：400 ppi
    • 勾选 将所有文本转换为轮廓
    • 勾选 将所有描边转换为轮廓
    • 单击两次 确定
  • 然后选择 文件 > 导出
    • 指定文件的名称和位置
    • 保存类型选择 Adobe PDF（打印）（*.pdf），然后单击 保存
    • Adobe PDF（预设）：高质量打印
    • 兼容性：Acrobat 4 (PDF 1.3)
    • 高级 > 透明度拼合预设 > 选择刚刚创建好的预设
    • 最后单击 导出

覆盖主页项目属性

  • 即修改「文档页面」上的主页内容
  • 覆盖某一主页项目会将它的一个副本放到文档页面上，而不会断开它与主页的关联。在项目本身被覆盖后，可以有选择地覆盖项目的一个或多个属性，以对其进行自定

段落

  • 一个回车产生一个段落

制表符

  • 制表符将文本定位在文本框中特定的水平位置

创建表

  • 法一：表 - 插入表
  • 法二：置入表（或者复制粘贴 Excel 中的表格）
  • 法三：将文本转换为表
姓名	性别	年龄
张三	男	33
李四	女	43
王五	男	23
马六	女	37

表 Tips

  • 选中一行或一列后对拽，可以移动整行或整列的位置
  • 按住 Shift 可以统一调整行高或列宽
  • 选中两行或两列后按住 Shift，拖动框线有惊喜（词穷了）
  • 先合并再拆分单元格可以均分单元格
  • 选中第一行，表 > 转换行 > 到表头，即可制作标题（重复标题行）

颜色

  • 在 颜色 窗口创建颜色
    • 色值为 5 的倍数
    • 通过 ↑ 和 ↓ 按 1 点的增量增大（或减小）色值（同时按住 Shift 以 10 的增量增大（或减小）色值）
  • 点击 颜色 窗口的右上角，选择 添加加色板
  • 在 色板 窗口中应用颜色

吸管工具

  • 要清除 吸管 工具当前所具有的格式属性，请在 吸管 工具处于载入状态时，按下 Alt (Windows) 或 Option (macOS)。吸管 工具将反转方向并呈现空置状态 ，表示它已准备好选取新属性

从 Photoshop 导入 InDesign

  • Photoshop --> Illustrator --> InDesign

多边形工具

  • 鼠标左键拖拽出多边形的时候，按住 ↑ ↓ ← → 改变多边形的数目
  • 按一下 空格，按住 ↑ ↓ ← → 改变单个多边形的凹凸大小和数目

文本框架选项

  • 按住 Alt 后双击文本框架可以打开文本框架选项

图形框架

  • 双击图片后，可以对图片进行缩放
  • 按住 Shift 和 Ctrl 可以等比缩放框架和图片
  • 图片变形后，在控制栏的 X 缩放百分比 或 Y 缩放百分比 输入 100% 即可复原

复合字体

  • 汉字使用 A 字体
  • 中文标点符号使用 B 字体
  • 西文及数字使用 C 字体

新建段落样式

  • 常规 - 基于：无段落样式、下一样式：同一样式

段落首行缩进

  • 标点挤压设置 - 段落首行缩进（2 个字符）

悬浮缩排

Q: +------------+
   |------------|
   |------------|
   +------------+

A: +------------+
   |------------|
   |------------|
   +------------+
  • 左缩进：+ x mm
  • 首行左缩进：- x mm

多行对齐

  • 如何对齐下方的冒号？
公众号：庭说
博  客：tingtalk.me
  • 法一：在博客之间插入一个全角空格（快捷键 Ctrl + Shift + M。在大小为 12 点的文字中，一个全角空格的宽度为 12 点）
  • 法二：在字符窗口设定相同的 网格指定格数

置入

  • 勾选 显示导入选项
  • 不勾选 替换所选项目
  • 不勾选 创建静态题注
  • 不勾选 应用网络格式

调整零点

  • 要移动零点，请从水平和垂直标尺的交叉点单击并拖动到版面上要设置零点的位置
  • Establishing a new zero point
  • 要重新设置零点，请双击水平和垂直标尺的交叉点
  • 要锁定或解锁零点，请右键单击 (Windows) 或按住 Control 键并单击 (macOS) 标尺的零点，然后在上下文菜单中选择 锁定零点

文字工具

  • 鼠标左键拖拽出文本框的时候，按住 ↑ ↓ ← → 改变文本框的数目
  • 矩形框架工具、椭圆框架工具、多边形框架工具同理

椭圆框架工具

  • 使用文字工具可把「框架」转换为「文本框」

快捷键W

  • 预览
  • 演示文稿
    • B：黑色（Black）背景
    • G：灰色（Gray）背景
    • W：白色（White）背景

使框架适合内容

  • Ctrl + Alt + C
  • 双击框架边界（上 / 下 / 左 / 右）的小正方形

控制栏 Tips

  • 在左上角的 变换 X-Y-W-H 中输入 + 2、-4、*3、/5 等算式后，InDesign 会自动帮你计算
  • 如何在层迭的图层中进行选择：Ctrl + 左击

使用 角选项 对话框应用转角形状（比如圆角矩形）

  • 使用选择工具选择路径，选择 对象 > 角选项

使用活动转角更改角点外观（比如圆角矩形）

  • 使用活动转角，您可以通过单击框架上出现的黄框并进行拖动，对矩形框架应用转角效果
  • 此外，您还可以为每个角点应用不同的转角效果和转角半径
    • 选择矩形框架，然后单击黄色框
    • 所选框架上显示的四个黄色菱形指示 活动转角 模式。如果所选的框架上没有显示黄色的框，请选择 视图 > 其他 > 显示活动转角
    • 要添加转角效果，请执行以下任意任务
      • 要同时调整所有四个转角的半径，请以框架的中心为方向拖动其中一个菱形
      • 要调整单个角点，请按下 Shift 的同时拖动一个菱形
      • 要循环切换各种效果，请按下 Alt (Windows) 或 Option (macOS) 的同时单击黄色菱形
    • 要停止编辑角点，请单击选定框架以外的任意位置
  • 要删除角效果，请选择 对象 > 角选项，然后选择 无

Autoflow

  • Shift-clicking: Adds pages and frames until all text is flowed into your document.