Why Affinity?

移动端的拼图软件一点也不少,但实际体验可能是B612拍个照、美图秀秀痩个脸、snapseed裁个边、VSCO调个色、一套组合拳手上的p图软件全部临幸完,几张照片摞起来打算拼个宫格时,发现appstore里的各种模版无法diy、模版尺寸不合适、图像质量压缩严重加上各种内购、试用、广告……
解决这种修图的割裂感,还是需要ipad上最接近桌面端的修图软件——Affinity Photo。用它不仅更优雅,也更不折腾;毕竟你只是要拼几张图而已。

调整画布尺寸

打开Affinity Photo,新建文档。

根据最后成品需要上传的社交网站选择图片尺寸和比例

尺寸比例参考:
Facebook
最佳图片尺寸:1200 x 630像素
最小图片尺寸:600 x 315像素
图片宽高比:1.91:1
图片内存大小:最大8 MB
贴士1:因为Facebook为用户提供多个不同的图片展示位置,图片尺寸保持在1200 x 620像素,宽高比保持在1.91:1,能保证图片在桌面、手机、平板电脑上的高分辨率。
贴士2:Facebook建议用户上传1200 x 620像素的图片,但他们自己上传的图片就接近1200 x 628像素。
Instagram
最佳图片尺寸:1080 x 1080像素
最小图片尺寸:320 x 320像素
图片宽高比:1.91:1或4:5
贴士1:当你在Instagram分享一张宽度在320到1080像素之间的照片时,只要照片的宽高比保持在1.91:1或4:5,Instagram不对照片进行改动。如果你的照片宽高比不符合Instagram规定,将会被裁剪到Instagram支持的比率。另外,如果照片分辨率较低,Instagram会将其放大,直到像素满足320像素。
Twitter
最佳图片尺寸:4096 x 4096像素
最小图片尺寸:300 x 157像素
图片宽高比:2:1
图片内存大小:普通照片5MB; GIF动图移动端5 MB,网页端15 MB
贴士1:对于不符合要求的图片, Twitter会基于2:1的宽高比进行调整,以保证摘要卡在各种设备上的显示效果。
LinkedIn
最佳图片尺寸:552 x 368像素
最小图片尺寸:552 x 368像素
图片宽高比:3:2
图片内存大小:10 MB
贴士1:你可以上传大图到Linkedin,但在预览图片时会缩小到552 x 368像素。
此外,Linkedin会对宽高比不满3:2的照片进行裁剪,最终效果可能不太理想。
贴士2:如果你上传的图片高度为368像素,Linkedin会裁剪图片两端。如果图片是正方形或竖屏图片的,Linkedin会先将图片宽度调整到552像素,再进行裁剪。
Pinterest
最佳图片尺寸:宽度至少要600像素
最小图片尺寸:宽度236像素
图片宽高比:2:3 或 1:3.5
图片内存大小:不限
贴士1:了解Pinterest的像素要求和宽度比是非常重要的,因为Pinterest有多个显示图片的位置。“feed”部分的图片宽度要求236像素,高度最大可达800像素。如果你点击放大图片,系统会自动调节宽度为564像素,高度也随之相应增加。
贴士2:Pinterest建
议照片的最小宽度为600像素,宽高比2:3,这样每张照片适当地放大后依旧能保持高分辨率。
这里我以纵向5:4,2400px宽、3000px高为例

切分宫格

需要先设置吸附选项

选择启用吸附
选择矩形工具,画一个矩形,这里打算制作一个四宫格,可以根据吸附的辅助直接框出来

也可以手动输入矩形长宽像素切分(根据画布长宽像素计算,如制作九宫格即选择画布长宽像素除以3)

选择图层fx,点选外形,点一下外形的名称弹出详细选项,颜色选择白色,对齐选择内部,半径选择20px

点击图层,复制三次矩形图层(快捷键cmd+j),选择移动工具移动矩形到指定位置

现在四边的边框和中间不一样粗还是有点违和,所以我们要再画个和画布一样大的矩形

选择FX,外形内部白色40px,填充不透明度0%

现在可以导入照片啦,选择左上角的三点选择放置,或调出文件/照片应用的悬浮窗口直接拖动照片进软件。导入后将照片图层拖入矩形的子图层,并调整位置及大小。

全部放完登登登登

也不一定全部要放照片,看心情加点文本框或者其他object

点选文件,导出,发朋友圈,🔚

总结

宫格设置可以完全高度定制化,可以是不规则图形,只需要把以上边框设置好就OK。
制作好的Affinity文档可以作为模版,直接套入图片即可。
在ipad上使用magic keyboard+apple pencil+Affinity Photo带来的体验已经足够优秀,与mac/win版本的Affinity的使用逻辑没有较大差异;并且在素材导入和内容发布有着独有的优势。无论这算不算足够的生产力,这是足够好的应用场景了。

参考:How to Make a Photo Collage in Affinity Photo