PC TOOLS

EP05. “海报设计实战演练”

首页 PC 工具 Graphic Design · Affinity · EP05
约 7 分钟· #EP05#Affinity
🔒 登录后可标记已读

这篇笔记是 Affinity 系列的最后一篇,用一个完整的海报设计实战案例,把前面几篇学到的功能(Artboards、网格、图片画框、文字工具、Live Effects、形状节点编辑)串起来实际操作一遍。 前置知识:先看过 EP01-EP04,熟悉 Studios、图层、网格、文字工具的基本概念。

重点内容


建立文件与网格基础

  1. 按 Affinity Logo 回到主页,新建文件——方向选 Portrait(纵向),勾选加入 Artboards,色彩模式先用 RGB
  2. 双击 Artboard 重命名(比如"poster one")
  3. 跟 EP04 一样的方法,先建一套标准的模块化网格(modular grid),设定好之后点 Close

排版布局

  1. 标题区块:在网格上方位置放一个方框当标题的位置——记得开启吸附(Snapping)功能,方便对齐网格
  2. 图片区块:复制一个方框放到想要的位置,右键选 "Convert to picture frame"(转换成图片画框),去掉填色和描边,再直接把图片拖进这个画框里
  3. 背景色:不用另外新建图层,直接点选 Artboard 名称(就会选中整个画板),用色彩选择器选一个想要的颜色(比如暖白色)

[截图:完成排版布局后的海报草稿,标题方框 + 图片画框 + 暖白背景色叠在网格上的效果]


加标题文字

Artistic Text Tool,直接输入标题内容,跟网格对齐调整位置,也能连同图片画框一起挪动微调位置。


给图片加实时效果

对图片画框套用 Field Blur(场景模糊),建立多个模糊控制点,再叠加更多效果(比如一点 Ripple 波纹效果),做出更有视觉冲击力的效果。

[截图:Field Blur 效果的模糊控制点分布,以及套用前后图片的模糊对比]


挑选字体与打破网格

  1. 挑一款字体(示范用了 "House Grotesque"),字重选 Medium
  2. 重新打开网格显示,把文字缩小一点
  3. 💡 刻意打破网格:把文字位置稍微往下移一点点,制造一点不完全对齐网格的设计感,不是所有元素都要死板地卡在网格线上

加手绘元素

切到 Vector Studio,用铅笔工具画一条随性弯曲的线条/色块,选个颜色,在 Layers 面板里把它的堆叠顺序往后移一点(放到其他元素后面)。


加纸张材质背景

  1. 拖一张纸张材质的背景图,放到所有图层的最底层
  2. ⚠️ 不想让材质感太抢眼、太"纸感",进图层的混合选项(Blend options),调低混合数值——这样放大画面时依然能看到一点材质纹理,但不会盖过其他内容
  3. 💡 这个调整也是完全实时生效的
  4. 调好之后锁定这个图层,避免之后不小心手滑改动到它

补充文案与视觉平衡

  1. 加一小段补充文字(示范用了"example"这个词),放在合适位置,字重改成 Roman
  2. 检视整体效果,发现构图右侧感觉缺了点什么、不够平衡——先用粗体(Bold)调整已有文字增加视觉重量
  3. 加形状平衡构图:从形状工具里选方形工具拉出一个形状

形状的实时节点编辑

💡 Affinity 形状的一个很酷的特点——双击形状(或用节点工具)能直接实时改变形状本身

  • 画的时候用箭头工具能增加边数
  • 也能直接调整形状顶部的"边数(sides)"参数,改出多边形
  • 能做出切角(cutout)效果这类变化

把新加的形状挪到其他元素后面,调整堆叠顺序。

[截图:双击形状进入节点编辑模式,调整边数/切角参数的画面]


用滤镜给形状加质感

  1. Filters,选一个滤镜(示范用了编号 12 这个),把 Radius(半径)参数拉到最大
  2. 直接在画面上点住拖拉调整效果作用的范围/方向
  3. 💡 这就是 Live Editing(实时编辑)的优势——效果调整起来又快又直观
  4. 把模糊模式(blur mode)改成类似 Negative contrast(负片对比)这类选项,让效果叠加在其他内容上层时产生更有冲击力的视觉效果

完成

综合运用网格、图片画框、Live Effects(场景模糊、波纹)、字体排版、手绘线条、纸张材质叠加(含混合选项调整)、形状节点编辑、滤镜效果这一整套功能,就能做出一张视觉效果丰富、原本手动制作要花不少时间的海报——而这一切都是在 Affinity 一套软件里、用实时编辑的方式完成的。

[截图:最终完成的海报成品全貌]

常见错误

  • ❌ 背景色想改却先新建一个图层——直接点选 Artboard 名称选中整个画板,就能用色彩选择器直接改背景色,不用多建图层
  • ❌ 所有排版元素都严格卡在网格线上——适度打破网格(比如文字位置稍微偏移)反而能制造出更有设计感的视觉效果,网格是辅助基准,不是绝对规则
  • ❌ 想要材质背景效果,却让材质感太抢眼盖过主要内容——进图层的 Blend options 调低混合数值,放大画面时仍保留一点材质纹理但不会喧宾夺主
  • ❌ 调好的图层设置之后不小心被自己手滑改动——处理好不想再动的图层(比如背景材质层),记得锁定,避免后续操作误触
  • 💡 形状不满意想调整边数/做切角效果,不用重新画一个,双击形状或用节点工具就能实时改变形状本身的参数

Sources

YouTube:

  1. Affinity Beginners Guide 2025 — Will Patterson — https://www.youtube.com/watch?v=lTeperbIZBc