1.1界面和画布
认清画布界面每个按钮在哪,用对的方式把照片放进来,再按用途选对格式导出去。
- 1.5 小时
- 入门
- Procreate
- 「文件」App
建议先学:0.1 设备与软件、0.2 认识一张数码照片
学完你能做到
- 说出画布界面左上、右上、左边侧栏三块各管什么
- 分清「从图库导入」和「插入照片」,知道修一张照片该用哪个
- 新建空白画布时会选尺寸和颜色配置
- 按用途选导出格式:.procreate 备份、PSD 给电脑、PNG 要透明、JPEG 交付
- 会导出透明背景的 PNG,会一次导出一组返图
这节课的示意图
文中的界面图是按 Procreate 5 的布局画的示意图,不是真机截图,按钮的细节和位置以你 iPad 上的实际界面为准。
先弄懂
画布界面分三块
打开任何一张作品,界面都是这三块:
- 左上(高级功能):图库、操作(扳手)、调整(魔棒)、选取(S 形)、变换(箭头)。它们都是对已有的画面做处理:调色、液化、圈范围、移动变形。导出和画布设置都在「操作」里。
- 右上(绘图工具):绘图(画笔)、涂抹(手指)、擦除(橡皮)、图层、颜色。它们是往画面上画东西、管理图层。
- 左边侧栏:上面的滑块调画笔尺寸,下面的滑块调不透明度,中间的小方块叫修改钮(默认是吸管),最下面两个箭头是撤销和重做。
当前在用的工具图标会变成蓝色。画笔、涂抹、擦除已经选中时再点一次,就会打开画笔库(1.3 课细讲)。
画布就是照片本身
Procreate 的画布是一张像素尺寸固定的纸,所有图层都和这张纸一样大。照片进来有两条路:
- 从图库导入(图库右上角的「照片」或「导入」):Procreate 按这张照片的尺寸新建一张纸,一个像素都不少,颜色配置也一起带进来。
- 插入照片(操作›添加›插入照片):把照片放进已经打开的这张纸,作为一个新图层。照片比纸大,就会被缩小到纸里放下,多出来的像素直接丢掉,之后放大回去也找不回来。
所以规矩很简单:修一张照片,从图库导入;往已经在修的作品里加东西(墙上的海报、光效素材、合成用的第二张照片),才用插入照片。
导出格式:留不留图层、留不留透明、压不压缩
| 格式 | 图层 | 透明背景 | 画质 | 文件大小 | 用来做什么 |
|---|---|---|---|---|---|
| .procreate | 全部保留,蒙版、混合模式都在 | 保留 | 无损 | 随图层数变大 | 备份,以后接着改 |
| PSD | 保留图层、名字、不透明度、混合模式 | 保留 | 无损 | 大 | 交给电脑上的 Photoshop 继续修 |
| PNG | 压成一张 | 保留 | 无损 | 大 | 透明背景的图,或者中途交给别的 App |
| JPEG | 压成一张 | 不保留 | 有损 | 最小 | 交付、发平台 |
- 为什么 PNG 大、JPEG 小:PNG 是无损压缩,每个像素原样保存;JPEG 是有损压缩,把相近的颜色合并掉换来小体积,每存一次就再损失一点(原理见 0.2 课)。
- 隐藏的图层不会导出:PNG、JPEG 导出的是你现在看得见的样子。
- PSD 不是万能的:图层、混合模式会带过去,但 Procreate 里的一些设置到了 Photoshop 里不一定一模一样。交给别人之前,最好请对方在电脑上打开看一眼。
- 「分享」里还有 PDF、TIFF 和「分享图层」(每层导出一个文件),修 cos 返图一般用不到。
第 1 步:把界面认一遍
依次点开左上角的五个图标
- 在图库里点开任意一张作品。
- 点左上角的扳手(操作),看一眼顶上的分类:添加、画布、分享、视频、偏好设置、帮助。点画布空白处关掉。
- 点魔棒(调整),看一眼列表里有液化、克隆,再点一次魔棒关掉。
- 点 S 形(选取)和箭头(变换),底部会各弹出一排按钮。再点一次同一个图标就退出。
- 点右上角两个叠在一起的方块(图层),打开图层面板。
做完应该看到:每点开一个工具,它的图标变蓝;再点一次同一个图标,面板就收起来,画面没有任何变化。
为什么先认一遍
后面所有课的步骤都写成「点扳手 › 画布 › ……」这样的路径。先把五个入口认熟,跟着做的时候就不用到处找。
第 2 步:把照片放进来
修一张照片:从图库导入
- 回到图库,点右上角的「照片」(从相册选)或「导入」(从「文件」App 选,网盘和 AirDrop 收到的原图一般在这里)。
- 选中照片,Procreate 会直接用它新建一张作品并打开。
- 打开 操作›画布›画布信息,左边点「尺寸」,看像素宽高。
图库入口的示意图和尺寸怎么判断,在 0.1 课讲过。
做完应该看到:画布信息里的像素尺寸和原照片一样,比如 4032 × 3024。
往作品里加素材:插入照片
- 打开要加素材的作品,点扳手(操作),选顶上的「添加」。
- 点「插入照片」,从相册里选图。
- 素材会出现在一个新图层上。要调整位置和大小,点左上角的箭头(变换),1.6 课细讲。
做完应该看到:图层面板里多了一层,内容是刚插入的素材;原来的图层都没动。
易错:照片插进去变糊了
你可能先新建了一张小画布,再把大照片插进去,照片被缩小了。删掉这层没用,要回到图库,用「照片」或「导入」重新打开原图。
第 3 步:新建空白画布
修照片不需要新建画布。只有拼图的时候才需要,比如 1.4 课作业要拼一张九宫格对照图,或者把几张返图拼成一张预览图。
自定义一张画布
- 图库右上角点「+」,再点右上角那个带加号的长方形,进入「自定义画布」。
- 左边选「尺寸」,单位选 px(像素),填宽和高。拼 3 × 3 的对照图,每格 1000 像素,就填 3000 × 3000(3 格 × 1000 像素 = 3000)。每格多大按你要拼的图定,这里只是举例。
- 左边选「颜色配置」,上面选 RGB,列表里选 sRGB IEC61966-2.1。
- 点「创建」。
做完应该看到:图库里多了一张空白作品,操作›画布›画布信息 的「颜色配置文件」显示 sRGB。
为什么这样选
第 4 步:按用途导出
导出当前作品
- 点扳手(操作),选顶上的「分享」。
- 按用途点格式:备份点「Procreate」,交付点「JPEG」,要透明点「PNG」,给电脑上的 PS 点「PSD」。
- 等它处理完,会弹出系统的分享菜单。点「存储到文件」,选一个文件夹,比如「我的 iPad › cos 修图备份」,点「存储」。
做完应该看到:打开「文件」App 进那个文件夹,能看到刚导出的文件。
导出透明背景的 PNG
- 打开图层面板,找到最下面的「背景颜色」,点掉它右边的勾。
- 把不想要的图层(比如原图层)也点掉勾,只留要导出的那层。
- 按上一步导出,格式选「PNG」。
做完应该看到:导出前画布上透明的地方是灰白格子,说明这里没有任何像素,PNG 会把这部分存成透明。
一次导出一组
- 先在图库里给每张作品改好名字:点作品下面的名字就能改,按
角色_日期_序号。 - 点图库右上角的「选择」,轻点要导出的几张,缩略图上出现蓝色小勾。
- 点右上角的「分享」,选格式,再存到文件夹。
做完应该看到:文件夹里一次多出几个文件,名字和图库里的作品名对得上(如果你的版本导出名不一样,就在「文件」App 里手动改)。
千万别
只导出 JPEG,不留 .procreate。JPEG 把所有图层压成了一张,coser 要你"把腿收回来一点"的时候,你只能从头修。每张图都先存一份 .procreate,再导出交付用的 JPEG。
第 5 步:看文件大小
在「文件」App 里比较三种格式
- 打开「文件」App,进到你存文件的文件夹。
- 点右上角切换成「列表」显示,就能看到「大小」一列。看不到时,长按文件,选「显示简介」。
做完应该看到:同一张图,PNG 明显比 JPEG 大,常见是好几倍(具体几倍看照片内容,每张都不一样)。.procreate 的大小要看图层数,图层越多越大;如果这张作品开着缩时视频,视频也会存在里面。
怎么判断做对了:三个文件名字一样、后缀不同;JPEG 最小。如果 JPEG 比 PNG 还大,或者三个文件差不多大,多半是导入的不是原图,而是一张很小的图,回第 2 步检查像素尺寸。
两个完整案例
案例一:一组返图规范交付
照片情况:漫展拍了一组,精修了 9 张。coser 要拿去发微博,摄影师要其中一张在电脑上再调一下色。
诊断:三个去向,三种格式。自己要备份 → .procreate;coser 发平台 → JPEG;摄影师用电脑 → PSD。
做法:
- 在图库里把 9 张作品按
角色_日期_序号改好名字,比如雷电将军_20261021_01到_09。 - 「选择」勾上 9 张 → 「分享」 → 「Procreate」 → 存到「cos 修图备份」文件夹。
- 再勾上同样的 9 张 → 「分享」 → 「JPEG」 → 存到「交付」文件夹,用网盘链接发给 coser。
- 打开摄影师要的那张 → 操作›分享 → 「PSD」,单独发给摄影师。
- 打开「文件」App 核对:两个文件夹各有 9 个文件,名字一一对应;随便点开一张 JPEG,看尺寸和原图一样大。
为什么是这个顺序:先备份,再交付。交付之后对方经常还会提修改,那时候你需要的是带图层的 .procreate。
这类交付容易翻车的地方
案例二:给 coser 做一张透明背景的人物图
照片情况:coser 想要一张抠掉背景的人物图,自己拿去做头像框和拼图。
诊断:要透明背景,只能是 PNG(或者 .procreate、PSD 这种分层格式)。JPEG 不支持透明,透明的地方会被填成纯色。
做法:
- 在单独的「人物」图层上把背景抠掉(抠图方法见 2.5 课)。
- 图层面板里点掉「背景颜色」和「原图」的勾,画布上人物以外变成灰白格子。
- 操作›分享 → 「PNG」 → 存到文件。
- 检查:新建一张随便什么颜色的画布,用 操作›添加›插入文件 把这张 PNG 插进来。人物周围能直接看到底下的颜色,说明透明保留住了。
为什么这样检查:有些看图软件会把透明的地方显示成白色或黑色,单看预览分不出是真透明还是白底。放到有颜色的底上一看就清楚。
这类图容易翻车的地方
- 忘了点掉原图层的勾:导出的还是完整照片。
- 存成了 JPEG:透明全变白,抠图白抠。
- 人物边缘有一圈白边或背景色:抠图边缘没处理干净,放到深色底上特别明显,回 2.5 课处理边缘。
学习资料
资料里用 PS 讲的功能,在 Procreate 里叫什么,查 PS 和 Procreate 对照表。
- Procreate 官方入门系列(Beginners Series)
官方出的 4 集入门视频加练习册,B 站搜「Procreate官方账号」有中文版。
- Procreate 官方入门教程中文整理页
把官方入门系列按集整理成中文图文,不方便看视频时可以看这个。
- procreate 新手入门保姆级教程(阿零铃铃铃)
约 52 分钟,按新手买了软件之后的顺序讲,评论区口碑很好。
- 送给每一位想在 iPad 上画画的人:Procreate 快速入门指南
少数派的长文,把 Procreate 界面、手势、图层讲了一遍,适合装好软件后通读一次。
参考资料
- Procreate 使用手册:界面
画布界面三大块(左上高级功能、右上绘图工具、左边侧栏)每个按钮的官方说明。
- Procreate 使用手册:新建画布
自定义画布的尺寸、颜色配置,以及在哪里看「最大图层数」。
- Procreate 使用手册:导入与分享
从「照片」和「文件」导入图片、导出分享的官方说明。
- Procreate 使用手册:添加
「插入照片」「插入文件」「插入私人照片」和剪切、拷贝、粘贴的说明。
- Procreate 使用手册:分享
Procreate、PSD、JPEG、PNG、TIFF 各自保留什么,官方逐条写了。
- Procreate 使用手册:文件格式
能导入、导出哪些格式;PSD 导入时保留哪些图层信息。
- Why do my images lose quality with transform?
官方解释为什么缩放、变换会让照片变糊,以及插值怎么选。
找图
任意一张自己的 cos 返图,JPG 就行。最好是摄影师给的原图(不是截图,也不是从聊天软件里存下来的),长边 3000 像素以上。
不知道去哪找?看找图清单。
作业
- 按第 2 步从图库导入这张照片,打开「画布信息」记下像素尺寸。
- 按第 4 步把它分别导出成 .procreate、PNG、JPEG 三种格式,存到「文件」App 的同一个文件夹里。三个文件用同一个名字,比如
雷电将军_20261021_01。 - 按第 5 步在「文件」App 里看三个文件的大小。
验收标准
- 交一张「文件」App 的列表截图,能看清三个文件的名字和大小
- 写出三个文件从大到小的顺序,并用一句话说明 PNG 为什么比 JPEG 大
- 写出每种格式什么时候用:哪个用来备份、哪个发给 coser、哪个用来做透明背景的图
要交的东西
- 三个文件的列表截图
- 大小排序和原因
- 三种格式的用途
自检清单
交作业前逐条对一遍。勾选状态会保存在本机。