PS 卡通形象设计全流程教程

本教程将分为四个主要部分：

  1. 准备工作与构思：设计前的思考。
  2. 基础绘制：使用形状工具构建形象。
  3. 细节刻画与上色：添加细节、阴影和高光，让形象生动起来。
  4. 背景与合成：为角色创建一个简单的场景。

第一部分：准备工作与构思

在打开 Photoshop 之前，先花几分钟思考，这会让后续工作更顺畅。

确定角色定位

  • 性格：你的角色是活泼好动的、安静内向的，还是憨厚可爱的？这决定了它的表情和姿态。
  • 身份：它是什么？小动物、机器人、小怪物还是一个拟人化的物品？
  • 受众：这个角色是给谁看的？（儿童、年轻人、品牌用户等）

示例构思：我们设计一个“充满好奇心、有点呆萌的小狐狸”，它适合儿童和年轻人，性格活泼，喜欢探索。

收集参考

找一些你喜欢的卡通形象、配色方案、构图等，作为灵感，不要直接抄袭，而是学习它们的优点，比如配色搭配、线条处理等。

新建画布

打开 Photoshop，创建一个新文档 (Ctrl + N)。

  • 尺寸：可以设置为 1920 x 1080 像素（适合做壁纸或展示），或者 800 x 800 像素（适合社交媒体头像）。
  • 分辨率：设置为 72 PPI（用于网络显示）或 300 PPI（用于印刷）。
  • ：选择“白色”或“透明”。

设置常用工具

为了方便绘制,我们先设置一下工作区。

  • 显示网格：视图 > 显示 > 网格 (`Ctrl + '``)，这有助于我们对称地绘制角色。
  • 新建图层：在图层面板底部，点击“新建图层”按钮，养成每画一个重要部分就新建一个图层的习惯，一个图层画头部，一个图层画身体，一个图层画眼睛等。

第二部分：基础绘制（使用形状工具）

对于卡通形象,我们通常从简单的几何形状开始构建，这非常高效且易于修改。

绘制头部

  • 选择 椭圆工具 (U)，在顶部工具栏选择 路径 模式。
  • 按住 Shift 键，在画布上拖动鼠标，画一个完美的正圆，这就是我们狐狸的头部轮廓。
  • 技巧：为了确保对称，可以先画一半，然后复制、水平翻转 (编辑 > 变换 > 水平翻转)，再合并，但对于简单圆形，直接画一个正圆即可。

绘制身体

  • 新建一个图层。
  • 使用 矩形工具 或 圆角矩形工具，在头部下方绘制一个身体形状，可以按住 Shift 画正方形，或者拖动出长方形。

绘制五官

这是赋予角色灵魂的关键一步。

  • 眼睛：新建图层。
    • 使用 椭圆工具 画两个黑色的眼眶。
    • 再用白色小椭圆画上高光,让眼睛有神。
    • 可以用 钢笔工具 (P) 画一个微笑的嘴巴。
  • 耳朵：新建图层。
    • 使用 多边形工具 (长按矩形工具)，设置边数为 3，画两个三角形作为耳朵。
    • 调整大小和位置,放在头顶。
  • 鼻子：新建图层。

    用一个小椭圆或圆形工具画一个粉色的鼻子。

绘制四肢和尾巴

  • 四肢：新建图层，用 圆角矩形工具 或 椭圆工具 画出胳膊和腿。
  • 尾巴：新建图层，用 钢笔工具 (P) 画一条流畅的、弯曲的路径，然后按 Ctrl + Enter 将路径转换为选区，填充颜色。

小贴士：此时你的图层面板应该像下图一样，每个部分都是独立的图层，方便后续修改。

第三部分：细节刻画与上色

我们的角色还是个“线稿”，接下来要让它变得立体、有质感。

添加图层样式

这是让扁平图形快速变酷的利器！双击任意一个图层（比如身体图层），打开“图层样式”窗口。

  • 内发光：可以用来模拟角色的腮红或身体轮廓。
  • 外发光：可以给角色添加一个柔和的光晕，让它更可爱。
  • 投影：给角色添加投影，可以增加与地面的真实感，让角色“站”在画布上。

创建剪贴蒙版

为了给角色的某个部分上色,并且不会涂出边界，剪贴蒙版是最好的选择。

  • 你想给狐狸的身体添加一个条纹图案。
    1. 在“身体”图层上方新建一个图层。
    2. 在这个新图层上画上你的条纹图案。
    3. 将鼠标移动到“身体”图层和新图层之间，按住 Alt 键，当鼠标变成一个带向下箭头的小方框时，点击鼠标，这样，条纹图案就会被“剪贴”到身体形状内。

绘制阴影和高光

这是让角色“活”起来的核心步骤，遵循“三大面五大调”的原则，但卡通化处理即可。

  • 新建图层，将其移动到对应图层的下方（阴影图层在身体图层下方）。
  • 选择柔边圆画笔 (B)，选择一个比主体颜色深一些的颜色。
  • 在角色的“背光面”涂抹，创建阴影，身体下方、手臂内侧、耳朵下方等。
  • 高光：同理，新建图层，使用白色或浅黄色，在角色的“迎光面”涂抹，如头顶、鼻尖、眼睛下方等。

高级技巧：使用图层混合模式

  • 将阴影图层的 混合模式 改为 正片叠底。
  • 将高光图层的 混合模式 改为 滤色 或 叠加。 这样，阴影和高光会与底下的颜色自然融合，效果非常专业！

第四部分：背景与合成

我们为角色创建一个简单的背景,让它更有故事感。

创建背景层

在图层面板最底部,新建一个图层，拖动到所有图层的下面，填充一个你喜欢的颜色，比如天蓝色或柔和的渐变色。

添加装饰元素

  • 使用 自定义形状工具 (U)，选择一些星星、云朵、花朵等形状，在背景上添加装饰。
  • 同样,使用剪贴蒙版或调整图层不透明度，让装饰元素与背景融合。

调整整体色调

为了让角色和背景更和谐,我们可以调整整个画面的色调。

  • 点击图层面板底部的“创建新的填充或调整图层”按钮（一个半黑半白的圆形图标）。
  • 选择 “色彩平衡” 或 “照片滤镜”。
  • 这个调整图层会作用于它下面的所有图层,拖动滑块，可以给整个画面增加暖色调或冷色调，营造不同的氛围。

导出作品

完成所有设计后,点击 文件 > 导出 > 存储为Web所用格式 (旧版) (Ctrl + Alt + Shift + S)。

  • 在弹出的窗口中,选择 PNG-24 格式（支持透明背景）或 JPEG 格式（适合带背景的照片）。
  • 调整品质,点击“存储”。

总结与进阶

恭喜你！你已经完成了一个完整的卡通形象设计。

回顾一下关键点：

  1. 从简到繁：用基本形状构建主体。
  2. 图层管理：每个部分独立成层，是高效修改的基础。
  3. 善用工具：形状工具、钢笔工具、图层样式、剪贴蒙版是核心。
  4. 光影塑造：简单的阴影和高光能让角色立刻立体起来。

进阶方向：

  • 尝试更复杂的造型：使用钢笔工具绘制不规则、更生动的轮廓。
  • 探索不同画风：尝试赛璐璐风格（色块分明）、厚涂风格（有笔触感）等。
  • 添加动态效果：使用时间轴制作 GIF，让角色眨眼、挥手。
  • 学习色彩理论：了解邻近色、对比色等，让你的配色更专业。

设计是一个不断练习和积累的过程,多看、多想、多画，你一定能创造出独一无二的精彩角色！