EP05. “海报设计实战演练”
🔒 登录后可标记已读这篇笔记是 Affinity 系列的最后一篇,用一个完整的海报设计实战案例,把前面几篇学到的功能(Artboards、网格、图片画框、文字工具、Live Effects、形状节点编辑)串起来实际操作一遍。 前置知识:先看过 EP01-EP04,熟悉 Studios、图层、网格、文字工具的基本概念。
重点内容
建立文件与网格基础
- 按 Affinity Logo 回到主页,新建文件——方向选 Portrait(纵向),勾选加入 Artboards,色彩模式先用 RGB
- 双击 Artboard 重命名(比如"poster one")
- 跟 EP04 一样的方法,先建一套标准的模块化网格(modular grid),设定好之后点 Close
排版布局
- 标题区块:在网格上方位置放一个方框当标题的位置——记得开启吸附(Snapping)功能,方便对齐网格
- 图片区块:复制一个方框放到想要的位置,右键选 "Convert to picture frame"(转换成图片画框),去掉填色和描边,再直接把图片拖进这个画框里
- 背景色:不用另外新建图层,直接点选 Artboard 名称(就会选中整个画板),用色彩选择器选一个想要的颜色(比如暖白色)
[截图:完成排版布局后的海报草稿,标题方框 + 图片画框 + 暖白背景色叠在网格上的效果]
加标题文字
用 Artistic Text Tool,直接输入标题内容,跟网格对齐调整位置,也能连同图片画框一起挪动微调位置。
给图片加实时效果
对图片画框套用 Field Blur(场景模糊),建立多个模糊控制点,再叠加更多效果(比如一点 Ripple 波纹效果),做出更有视觉冲击力的效果。
[截图:Field Blur 效果的模糊控制点分布,以及套用前后图片的模糊对比]
挑选字体与打破网格
- 挑一款字体(示范用了 "House Grotesque"),字重选 Medium
- 重新打开网格显示,把文字缩小一点
- 💡 刻意打破网格:把文字位置稍微往下移一点点,制造一点不完全对齐网格的设计感,不是所有元素都要死板地卡在网格线上
加手绘元素
切到 Vector Studio,用铅笔工具画一条随性弯曲的线条/色块,选个颜色,在 Layers 面板里把它的堆叠顺序往后移一点(放到其他元素后面)。
加纸张材质背景
- 拖一张纸张材质的背景图,放到所有图层的最底层
- ⚠️ 不想让材质感太抢眼、太"纸感",进图层的混合选项(Blend options),调低混合数值——这样放大画面时依然能看到一点材质纹理,但不会盖过其他内容
- 💡 这个调整也是完全实时生效的
- 调好之后锁定这个图层,避免之后不小心手滑改动到它
补充文案与视觉平衡
- 加一小段补充文字(示范用了"example"这个词),放在合适位置,字重改成 Roman
- 检视整体效果,发现构图右侧感觉缺了点什么、不够平衡——先用粗体(Bold)调整已有文字增加视觉重量
- 加形状平衡构图:从形状工具里选方形工具拉出一个形状
形状的实时节点编辑
💡 Affinity 形状的一个很酷的特点——双击形状(或用节点工具)能直接实时改变形状本身:
- 画的时候用箭头工具能增加边数
- 也能直接调整形状顶部的"边数(sides)"参数,改出多边形
- 能做出切角(cutout)效果这类变化
把新加的形状挪到其他元素后面,调整堆叠顺序。
[截图:双击形状进入节点编辑模式,调整边数/切角参数的画面]
用滤镜给形状加质感
- 进 Filters,选一个滤镜(示范用了编号 12 这个),把 Radius(半径)参数拉到最大
- 直接在画面上点住拖拉调整效果作用的范围/方向
- 💡 这就是 Live Editing(实时编辑)的优势——效果调整起来又快又直观
- 把模糊模式(blur mode)改成类似 Negative contrast(负片对比)这类选项,让效果叠加在其他内容上层时产生更有冲击力的视觉效果
完成
综合运用网格、图片画框、Live Effects(场景模糊、波纹)、字体排版、手绘线条、纸张材质叠加(含混合选项调整)、形状节点编辑、滤镜效果这一整套功能,就能做出一张视觉效果丰富、原本手动制作要花不少时间的海报——而这一切都是在 Affinity 一套软件里、用实时编辑的方式完成的。
[截图:最终完成的海报成品全貌]
常见错误
- ❌ 背景色想改却先新建一个图层——直接点选 Artboard 名称选中整个画板,就能用色彩选择器直接改背景色,不用多建图层
- ❌ 所有排版元素都严格卡在网格线上——适度打破网格(比如文字位置稍微偏移)反而能制造出更有设计感的视觉效果,网格是辅助基准,不是绝对规则
- ❌ 想要材质背景效果,却让材质感太抢眼盖过主要内容——进图层的 Blend options 调低混合数值,放大画面时仍保留一点材质纹理但不会喧宾夺主
- ❌ 调好的图层设置之后不小心被自己手滑改动——处理好不想再动的图层(比如背景材质层),记得锁定,避免后续操作误触
- 💡 形状不满意想调整边数/做切角效果,不用重新画一个,双击形状或用节点工具就能实时改变形状本身的参数
Sources
YouTube:
- Affinity Beginners Guide 2025 — Will Patterson — https://www.youtube.com/watch?v=lTeperbIZBc