EP08. “图形元素、图层与对齐”

这篇笔记讲怎么用形状、线条、相框做设计装饰，怎么给元素加阴影/圆角，怎么复制旋转元素，以及最重要的——图层排列（Position 面板）、Arrange（前后排序）、Tidy Up（自动整齐排列）这几个让排版变轻松的功能。 前置知识：先看过 EP01-EP07，熟悉照片和文字的基本编辑。

重点内容

形状（Shapes）

Elements → Shapes，能找到经典形状（三角形、方形、圆形）,也有各种有机形状。💡 还能用 AI 生成形状——搜索一个素材库里没有的关键词（比如某种动物轮廓），点 Generate shapes，Canva AI 会现场生成对应的形状轮廓供选择，还会自动挑选跟设计搭配的颜色。

[截图：Generate shapes 生成的形状选项列表]

形状能做的调整：

• 改颜色
• 加描边（Stroke）：能调粗细、颜色、也能改成虚线或点线样式
• 直接在形状内打字（顶部会出现文字相关选项）
• 加动画（后续 EP 详讲）

线条（Lines）

跟形状类似，能改颜色、加描边（虚线/点线）、选端点样式（箭头、菱形、方块等）。💡 有个 Swap line ends 按钮，能一键把两端的端点样式互换，不用手动重新设置。

线条类型：除了直线，还能做转折线（elbowed）和曲线（curved），能做出各种造型效果。

相框（Frames）

Elements 里能找到胶片条、拍立得、各种造型的相框（比如花朵形状）。把照片拖进相框形状，照片就会自动裁切填满这个形状——是做出有设计感排版的好方法。相框本身也能加颜色、加描边。

圆角（Rounded corners）

照片直接叠加在设计上（不是当背景）时，能给它加圆角处理，做出更柔和的视觉效果——甚至可以做出很抽象的造型变化。

阴影（Shadows）

某些图形素材（本质上是以图片形式上传的，比如 JPEG）能用 Edit 面板加阴影——调整大小、模糊量、强度，稍微改一下颜色让阴影跟背景更贴合，能给设计增添立体层次感。

复制与旋转元素

复制方式：

• 点选后按 Ctrl/Cmd + D 或用右键菜单的 Duplicate
• 复制粘贴（Ctrl+C / Ctrl+V）
• 按住 Alt/Option 拖拉，能边拖边生成副本

旋转：任何相框、元素、照片被选中时，紧贴着选取框（紫色外框）外侧会出现一个小小的旋转图标，点住拖拉就能自由旋转。

元素配色

跟照片类似，Canva 会识别某些图形/图片素材里的关键颜色，让你能单独调整——⚠️ 但准确度会因素材本身的颜色强度不同而有差异，改动前后多比较效果，尤其是叠加了多个元素之后，颜色互相影响的情况会更复杂。

实战案例：做一个"搜索框"效果（图层叠加演示）

1. 按 R 快捷键拉一个矩形，改成白色，加圆角，拉长填满想要的宽度
2. 从 Elements 搜索 "search"，拖一个放大镜图形到刚才的矩形上——按住 Ctrl 滚动鼠标滚轮能精确缩放画面方便对位；按住 Alt 从两侧同时缩放图形更快
3. 改放大镜的颜色（比如用偏暗一点的黑色而不是纯黑，视觉上更柔和）
4. 加一个文字框放"搜索文字"，善用参考线对齐到矩形和放大镜图标的中心，位置微调时配合方向键做最后的精细调整
5. 按住 Shift 逐一点选这三个元素，Group 成一个整体——之后移动这个"搜索框"就变成一次性操作，不用分别调整三个元素的位置

Position（位置）面板：图层管理

选中任何元素，点顶部的 Position，能看到：

• Layers 预览：显示当前设计里所有元素的堆叠顺序（上面的在前，下面的在后）——直接在这个面板里点选、拖拉调整顺序，比在画布上一层层找更直观

[截图：Position 面板的 Layers 预览，显示元素堆叠顺序列表]

• 面板里也能同时选取多个元素方便批量操作
• 点元素旁的三点菜单能锁定（Lock）——锁定后不能移动，除非特意点它才能解锁

Arrange（排序）：能把元素往后移一层（Backward）、完全移到最后（Send to back），Layers 面板会同步反映排序变化。

Tidy Up：自动整齐排列

1. 选取全部要整理的元素
2. Position → Arrange → Tidy Up
3. Canva 会自动理解你的排列意图，把这些元素均匀、美观地重新排列

⌨️ 快捷键：Windows 用 Alt+Shift+T，Mac 用 Option+Shift+T。

[截图：几个圆形元素用 Tidy Up 前后的排列对比，以及拖动时出现的粉色距离数字标示]

常见错误

• ❌ 想要几个装饰形状排列整齐，一个个手动拖拉调整间距——超过 3 个元素直接用 Tidy Up（Alt+Shift+T / Option+Shift+T），自动排列又快又准
• ❌ 找不到某个想要的形状素材就放弃——试试 Generate shapes 让 AI 现场生成，还会自动配色
• ❌ 移动一组由好几个元素组成的整体（比如搜索框图标+文字+背景框），一个个分开移动容易错位——先 Group 起来变成一个整体，移动和调整都会同步
• ❌ 想调整元素前后堆叠顺序，在画布上反复右键试错——直接用 Position 面板的 Layers 预览，直观看到并调整堆叠顺序
• 💡 元素旋转的小图标藏在选取框外侧，找不到旋转功能时，先看清楚选取框（紫色外框）周围，而不是在顶部菜单里找

Sources

YouTube：

1. Full Canva Tutorial 2026 — Natalia — https://www.youtube.com/watch?v=Ryv4Q1qmxHs