1.1界面和画布

认清画布界面每个按钮在哪,用对的方式把照片放进来,再按用途选对格式导出去。

  • 1.5 小时
  • 入门
  • Procreate
  • 「文件」App

建议先学:0.1 设备与软件、0.2 认识一张数码照片

学完你能做到

  • 说出画布界面左上、右上、左边侧栏三块各管什么
  • 分清「从图库导入」和「插入照片」,知道修一张照片该用哪个
  • 新建空白画布时会选尺寸和颜色配置
  • 按用途选导出格式:.procreate 备份、PSD 给电脑、PNG 要透明、JPEG 交付
  • 会导出透明背景的 PNG,会一次导出一组返图

这节课的示意图

文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮的细节和位置以你 iPad 上的实际界面为准。

先弄懂

画布界面分三块

画布界面
左上:对图做处理;右上:画和管理图层;左边侧栏:笔的大小、浓淡和撤销

打开任何一张作品,界面都是这三块:

  • 左上(高级功能):图库、操作(扳手)、调整(魔棒)、选取(S 形)、变换(箭头)。它们都是对已有的画面做处理:调色、液化、圈范围、移动变形。导出和画布设置都在「操作」里。
  • 右上(绘图工具):绘图(画笔)、涂抹(手指)、擦除(橡皮)、图层、颜色。它们是往画面上画东西、管理图层。
  • 左边侧栏:上面的滑块调画笔尺寸,下面的滑块调不透明度,中间的小方块叫修改钮(默认是吸管),最下面两个箭头是撤销和重做。

当前在用的工具图标会变成蓝色。画笔、涂抹、擦除已经选中时再点一次,就会打开画笔库(1.3 课细讲)。

画布就是照片本身

导入和插入的区别
左:从图库导入,画布和照片一样大;右:插入到小画布里,照片会被缩小

Procreate 的画布是一张像素尺寸固定的纸,所有图层都和这张纸一样大。照片进来有两条路:

  • 从图库导入(图库右上角的「照片」或「导入」):Procreate 按这张照片的尺寸新建一张纸,一个像素都不少,颜色配置也一起带进来。
  • 插入照片(操作添加插入照片):把照片放进已经打开的这张纸,作为一个新图层。照片比纸大,就会被缩小到纸里放下,多出来的像素直接丢掉,之后放大回去也找不回来。

所以规矩很简单:修一张照片,从图库导入;往已经在修的作品里加东西(墙上的海报、光效素材、合成用的第二张照片),才用插入照片。

导出格式:留不留图层、留不留透明、压不压缩

导出时发生了什么
PNG、JPEG 会把看得见的图层压成一张;PNG 保留透明,JPEG 不保留
格式 图层 透明背景 画质 文件大小 用来做什么
.procreate 全部保留,蒙版、混合模式都在 保留 无损 随图层数变大 备份,以后接着改
PSD 保留图层、名字、不透明度、混合模式 保留 无损 大 交给电脑上的 Photoshop 继续修
PNG 压成一张 保留 无损 大 透明背景的图,或者中途交给别的 App
JPEG 压成一张 不保留 有损 最小 交付、发平台
  • 为什么 PNG 大、JPEG 小:PNG 是无损压缩,每个像素原样保存;JPEG 是有损压缩,把相近的颜色合并掉换来小体积,每存一次就再损失一点(原理见 0.2 课)。
  • 隐藏的图层不会导出:PNG、JPEG 导出的是你现在看得见的样子。
  • PSD 不是万能的:图层、混合模式会带过去,但 Procreate 里的一些设置到了 Photoshop 里不一定一模一样。交给别人之前,最好请对方在电脑上打开看一眼。
  • 「分享」里还有 PDF、TIFF 和「分享图层」(每层导出一个文件),修 cos 返图一般用不到。

第 1 步:把界面认一遍

依次点开左上角的五个图标

  1. 在图库里点开任意一张作品。
  2. 点左上角的扳手(操作),看一眼顶上的分类:添加、画布、分享、视频、偏好设置、帮助。点画布空白处关掉。
  3. 点魔棒(调整),看一眼列表里有液化、克隆,再点一次魔棒关掉。
  4. 点 S 形(选取)和箭头(变换),底部会各弹出一排按钮。再点一次同一个图标就退出。
  5. 点右上角两个叠在一起的方块(图层),打开图层面板。

做完应该看到:每点开一个工具,它的图标变蓝;再点一次同一个图标,面板就收起来,画面没有任何变化。

为什么先认一遍

后面所有课的步骤都写成「点扳手 › 画布 › ……」这样的路径。先把五个入口认熟,跟着做的时候就不用到处找。

第 2 步:把照片放进来

修一张照片:从图库导入

  1. 回到图库,点右上角的「照片」(从相册选)或「导入」(从「文件」App 选,网盘和 AirDrop 收到的原图一般在这里)。
  2. 选中照片,Procreate 会直接用它新建一张作品并打开。
  3. 打开 操作画布画布信息,左边点「尺寸」,看像素宽高。

图库入口的示意图和尺寸怎么判断,在 0.1 课讲过。

做完应该看到:画布信息里的像素尺寸和原照片一样,比如 4032 × 3024。

往作品里加素材:插入照片

  1. 打开要加素材的作品,点扳手(操作),选顶上的「添加」。
  2. 点「插入照片」,从相册里选图。
  3. 素材会出现在一个新图层上。要调整位置和大小,点左上角的箭头(变换),1.6 课细讲。
插入照片
操作 › 添加 › 插入照片:素材放进当前画布的新图层

做完应该看到:图层面板里多了一层,内容是刚插入的素材;原来的图层都没动。

易错:照片插进去变糊了

你可能先新建了一张小画布,再把大照片插进去,照片被缩小了。删掉这层没用,要回到图库,用「照片」或「导入」重新打开原图。

第 3 步:新建空白画布

修照片不需要新建画布。只有拼图的时候才需要,比如 1.4 课作业要拼一张九宫格对照图,或者把几张返图拼成一张预览图。

自定义一张画布

  1. 图库右上角点「+」,再点右上角那个带加号的长方形,进入「自定义画布」。
  2. 左边选「尺寸」,单位选 px(像素),填宽和高。拼 3 × 3 的对照图,每格 1000 像素,就填 3000 × 3000(3 格 × 1000 像素 = 3000)。每格多大按你要拼的图定,这里只是举例。
  3. 左边选「颜色配置」,上面选 RGB,列表里选 sRGB IEC61966-2.1。
  4. 点「创建」。
颜色配置
颜色配置:RGB 里选 sRGB;CMYK 是印刷用的

做完应该看到:图库里多了一张空白作品,操作画布画布信息 的「颜色配置文件」显示 sRGB。

为什么这样选

  • 单位用像素:照片是按像素算的。DPI 只影响打印出来的物理尺寸,屏幕上看的图不用管它。
  • 选 RGB,不选 CMYK:CMYK 是给印刷厂的。新建以后 RGB 和 CMYK 之间就不能再换了。
  • 选 sRGB:默认的 Display P3(手册「新建画布」写明默认配置是 P3)颜色更多,但有些平台显示 P3 会偏色。发网上的图用 sRGB 最稳,原因见 0.2 课。
  • 画布越大,能开的图层越少(0.1 课讲过)。拼图够用就好,不要随手开 8000 像素。

第 4 步:按用途导出

导出当前作品

  1. 点扳手(操作),选顶上的「分享」。
  2. 按用途点格式:备份点「Procreate」,交付点「JPEG」,要透明点「PNG」,给电脑上的 PS 点「PSD」。
  3. 等它处理完,会弹出系统的分享菜单。点「存储到文件」,选一个文件夹,比如「我的 iPad › cos 修图备份」,点「存储」。
分享菜单
操作 › 分享:上半部分是整张图的格式

做完应该看到:打开「文件」App 进那个文件夹,能看到刚导出的文件。

导出透明背景的 PNG

  1. 打开图层面板,找到最下面的「背景颜色」,点掉它右边的勾。
  2. 把不想要的图层(比如原图层)也点掉勾,只留要导出的那层。
  3. 按上一步导出,格式选「PNG」。
隐藏背景颜色
背景颜色的勾去掉以后,透明的地方显示成灰白格子

做完应该看到:导出前画布上透明的地方是灰白格子,说明这里没有任何像素,PNG 会把这部分存成透明。

一次导出一组

  1. 先在图库里给每张作品改好名字:点作品下面的名字就能改,按 角色_日期_序号。
  2. 点图库右上角的「选择」,轻点要导出的几张,缩略图上出现蓝色小勾。
  3. 点右上角的「分享」,选格式,再存到文件夹。
批量选择
选择模式:勾选几张作品,一起分享

做完应该看到:文件夹里一次多出几个文件,名字和图库里的作品名对得上(如果你的版本导出名不一样,就在「文件」App 里手动改)。

千万别

只导出 JPEG,不留 .procreate。JPEG 把所有图层压成了一张,coser 要你"把腿收回来一点"的时候,你只能从头修。每张图都先存一份 .procreate,再导出交付用的 JPEG。

第 5 步:看文件大小

在「文件」App 里比较三种格式

  1. 打开「文件」App,进到你存文件的文件夹。
  2. 点右上角切换成「列表」显示,就能看到「大小」一列。看不到时,长按文件,选「显示简介」。
文件大小
列表显示里有大小一列

做完应该看到:同一张图,PNG 明显比 JPEG 大,常见是好几倍(具体几倍看照片内容,每张都不一样)。.procreate 的大小要看图层数,图层越多越大;如果这张作品开着缩时视频,视频也会存在里面。

怎么判断做对了:三个文件名字一样、后缀不同;JPEG 最小。如果 JPEG 比 PNG 还大,或者三个文件差不多大,多半是导入的不是原图,而是一张很小的图,回第 2 步检查像素尺寸。

两个完整案例

案例一:一组返图规范交付

照片情况:漫展拍了一组,精修了 9 张。coser 要拿去发微博,摄影师要其中一张在电脑上再调一下色。

诊断:三个去向,三种格式。自己要备份 → .procreate;coser 发平台 → JPEG;摄影师用电脑 → PSD。

做法:

  1. 在图库里把 9 张作品按 角色_日期_序号 改好名字,比如 雷电将军_20261021_01 到 _09。
  2. 「选择」勾上 9 张 → 「分享」 → 「Procreate」 → 存到「cos 修图备份」文件夹。
  3. 再勾上同样的 9 张 → 「分享」 → 「JPEG」 → 存到「交付」文件夹,用网盘链接发给 coser。
  4. 打开摄影师要的那张 → 操作分享 → 「PSD」,单独发给摄影师。
  5. 打开「文件」App 核对:两个文件夹各有 9 个文件,名字一一对应;随便点开一张 JPEG,看尺寸和原图一样大。

为什么是这个顺序:先备份,再交付。交付之后对方经常还会提修改,那时候你需要的是带图层的 .procreate。

这类交付容易翻车的地方

  • 只存了 JPEG:上面「千万别」说过,改不了。
  • 用微信直接发图:没勾「原图」会被压缩。用网盘,或者用微信的「文件」发送(0.3 课)。
  • 颜色配置还是 P3:发到平台后颜色可能变灰、变淡。导出前在「画布信息」里确认是 sRGB(0.2 课)。
  • PSD 在电脑上打开效果和 iPad 上不一样:请摄影师打开后截图给你对一下,不一样就改成发一张 PNG 让他调。

案例二:给 coser 做一张透明背景的人物图

存成 JPEG:透明的地方变成白底存成 PNG:人物外面是透明的
左:存成 JPEG:透明的地方变成白底右:存成 PNG:人物外面是透明的

照片情况:coser 想要一张抠掉背景的人物图,自己拿去做头像框和拼图。

诊断:要透明背景,只能是 PNG(或者 .procreate、PSD 这种分层格式)。JPEG 不支持透明,透明的地方会被填成纯色。

做法:

  1. 在单独的「人物」图层上把背景抠掉(抠图方法见 2.5 课)。
  2. 图层面板里点掉「背景颜色」和「原图」的勾,画布上人物以外变成灰白格子。
  3. 操作分享 → 「PNG」 → 存到文件。
  4. 检查:新建一张随便什么颜色的画布,用 操作添加插入文件 把这张 PNG 插进来。人物周围能直接看到底下的颜色,说明透明保留住了。

为什么这样检查:有些看图软件会把透明的地方显示成白色或黑色,单看预览分不出是真透明还是白底。放到有颜色的底上一看就清楚。

这类图容易翻车的地方

  • 忘了点掉原图层的勾:导出的还是完整照片。
  • 存成了 JPEG:透明全变白,抠图白抠。
  • 人物边缘有一圈白边或背景色:抠图边缘没处理干净,放到深色底上特别明显,回 2.5 课处理边缘。

学习资料

资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。

参考资料

找图

任意一张自己的 cos 返图,JPG 就行。最好是摄影师给的原图(不是截图,也不是从聊天软件里存下来的),长边 3000 像素以上。

不知道去哪找?看找图清单。

作业

  1. 按第 2 步从图库导入这张照片,打开「画布信息」记下像素尺寸。
  2. 按第 4 步把它分别导出成 .procreate、PNG、JPEG 三种格式,存到「文件」App 的同一个文件夹里。三个文件用同一个名字,比如 雷电将军_20261021_01。
  3. 按第 5 步在「文件」App 里看三个文件的大小。

验收标准

  • 交一张「文件」App 的列表截图,能看清三个文件的名字和大小
  • 写出三个文件从大到小的顺序,并用一句话说明 PNG 为什么比 JPEG 大
  • 写出每种格式什么时候用:哪个用来备份、哪个发给 coser、哪个用来做透明背景的图

要交的东西

  • 三个文件的列表截图
  • 大小排序和原因
  • 三种格式的用途

自检清单

交作业前逐条对一遍。勾选状态会保存在本机。