插画设计

插画 AI

Intro AI快速入门

点击跳转幕布笔记

Lesson 0 如何构思画面

• 矢量插画的优势
  
  • 无限放大不失真
  • 绘画过程更快捷
  • 完稿后易于调整
  • 同时绘制多副作品
  • 同等内容占用内存更小
  • 和AE交互更方便
• 矢量插画风格
  
  • 扁平扁平+质感
  • 描边
  • 涂鸦
  • 渐变
  • 2.5D
  • 写实

找参考的诀窍

50%找参考与构思+50%创作

好的艺术家复制作品，伟大的艺术家窃取灵感

幕布来头脑风暴

• 参考类型
  
  • 摄影作品
  • 插画作品
  • 传统艺术
  • 设计作品
  • 影视动画

• 参考方向
  
  • 构图
  • 配色
  • 表现手法
  • 形象
  • 气质

每种不同类型的参考，只参考他的1-2个点

如何提取元素

找参考=借鉴≠抄
凭空创作很难
大部分原创=旧元素+新想法
明确自己想表达什么
有属于自己的中心思想





罐头系列
洋画片、啪叽系列

元素的结构与重组

Lesson 1 点线面与构图

影响构图的要素

构图对作品有什么影响?

如何选择构图方式

构图是作品的骨架决定了你的故事如何叙述

• 主次

  • 大小关系

  • 位置关系

  • 明暗关系

• 均衡 均衡≠平均 稳定性

  • 对称

  • 中心

  • 斜角
  • 三角
  • S型
  • 平行
  • 块面
  • 平铺
  • 特写

构图是为了更好的凸显主题，不要为了构图强行组合画面

• 对比
  
  • 大小
  • 空间
  • 动静

线的各种表现形式

• 古代人是如何用线的？
  
  • 描绘已发生的事
  • 组合+想象
  • 图像-文字

• 线的表现形式

  • 粗细（面VS线）

  • 长短（点VS线） 白色底为MBE风格

  • 曲线（直线VS曲线VS不规则）

  • 自由组合

人物/物品/场景的线稿绘制

• 作业提交
  
  • 主题选择与创意发想
  • 参考搜集及过程
  • 单元素/单线稿绘制（不要求上色/字体）

Lesson 2 色彩搭配

色彩的构成

自然界的色彩是如何构成？

• 色彩的三要素
  
• 色相：颜色的首要特征，最直观的属性
  
  
• 明度：颜色的亮度
  
  
• 饱和度：色彩的鲜艳度/纯度
  
  

如何提取色彩

配色灵感环节，选取合适的色彩有利于准确传递情绪

照片取色大自然是最好的调色师

名画取色

作品取色

软件取色

如何配色

常见配色场景

• 万能配色法

  • 单色配色
    
    
    
  • 邻近色配色
    
    
    
  • 互补色配色
    
    
    
    
    
    
    
    
  • 分裂补色配色
    
    

  特殊配色

• 复古色系
  
  • 美式复古
    
    
    
    
  • 中式复古
    
    
    

• 渐变色系
  

• AI调色法

  • 调色板
  • 拾色器
  • 实时上色
  • 渐变色

总结

• 作业提交
  
  • 完善作品线稿
  • 配色参考及灵感来源
  • 根据线稿完成上色（至少3中不同色调的配色方案）

Lesson 3 字体与插画

字体分类

00.生活中的字体

01.字体分类

字库字体（正文）





美术字体（标题）

02.字体在插画中的作用

03.字体语种分类

• 中文
  
  • 宋体
    
    
    • （1）方正规整、棱角分明，使用时需注意大小控制避免细的横边被吃掉
    • （2）明体带有修饰性衬线的特色·适合搭配艺文质细腻感的画面
  • 黑体
    
    
    • （1）又称方体、等线体，端庄紧密、笔划横平菱角宽厚醒目适合运用在标题上，不太适合编排在小字、内文或得过小。
    • （2）中黑体与细黑体具有优良舒适的读性带有分俐落的代感，反而相当适合编排在小字文上。
  • 圆体
    
    • （1）字体架构与黑体大致相同，主要特色在于字体中策交接切口转折处都导了圆角，让整体看起来有润、可爱感
  • 书法字体（篆/隶/楷/行）
    
    
    
    
    
    • （1）是古代书法所延伸来的字体·相当有个性不适合拿来当内文更适合在应用在标题上当作点
    • （2）设计标题或标准字可参考:陈忠建书法教学资料库
  • 形变字体
    
    • （1）字体个性鲜明且独特·需谨慎判断该字体是否适合画面呈现的格
• 英语
  
  • 衬线体
    
  • 非衬线体
    
  • 手写字体
    

拓展：Helvetica纪录片

04.字体的应用

• 文字设计的三个要点
  
  • 中英文字体搭配的法则:
    
    • 用同性质的字体做搭配:
      
      中文宋体＋英文衬线体
      中文黑体/圆体＋英文非衬线
    • 注意主配角:
      
      • 配角字体大小及粗细不宜超过主角字体，也该避免放在主角字体上方。
      • 当主角字体丰富装饰性时，配角字体就平实不花俏
        
  • 把握文字的目的性安排文字的字体与大小时需留意文字的目的为营造气氛装饰或是方便阅读
    
    • 装饰性目的
      把文字当做一张图片来判面上搭配的需要
    • 阅读性目的
      阅读顺序的合理性字体花俏程度的控制易性等都须特别思考
  • 字体的重量比例与画面搭配
    
    • 字体的粗细应与画面里物件的粗细一致
    • 字体的方正或圆润也该与画面里的物件协调
    • 字体的方正或细长要配合画面里物件的长宽比例

05.字体构成

• 识别度
  
  
  
  • 保留画笔基本特征
  • 非常用词组勿过度变形
  • 笔画清晰，留白均匀
• 布白
  
  
• 重心
  
• 含义
  
  
  
  • 不要作脱离字义的变形
  • 可结合字义做一些元素添加

美术字设计

• 美术字形态
  
  • 扁体
    
  • 长体
    
  • 极粗
    
  • 极细
  • 
  • 手写
    
    
  • 卡通
    
  • 总结
    
• 笔画变形法
  
  • 连接合并
    
  • 断连删减
    
  • 曲直转换
    
  • 粗细转换
    
  • 总结
    
• 图形造字法
  
  • 几何笔画造字
    
    
  • 不规则图形造字
    
  • 几何框架造字
    
  • 不规则框架造字
    
• 现有字体变形
  
  • 结构参考
    
    
  • 笔画借用
    
    
  • 符号/字幕替换
    
  • 总结
    

字体插画组合

总结

• 作业提交
  
  • 单独的字体设计（至少3种不同的字体风格）
  • 字体与单独的元素组合
  • 字体融入插画场景

Lesson 4建立自己的风格

插画风格分类

• 什么是绘画风格
  通过自己的想法用差异化的构图、配色、表现手法……传达给观众的独居辨识度的感受
• 绘制方法
  
  • 手绘
  • 矢量
  • 涂鸦
  • 拼贴
  • 3 D
  • 总结
• 表现风格
  
  • 写实
  • 抽象
  • 卡通
  • 立体

如何选择自己的风格 如何形成个人风格

• 影响风格的要素
  
  • 主题类型
  • 角色造型
    
    • 身材比例
    • 身体形态
    • 面部特征
    • 四肢形态
    • 总结
  • 画面构图
  • 色彩构成
  • 画面肌理
    
    • 素材叠加
    • 彩色半调
    • 纹理笔刷
    • 手绘纹理
    • 
    • 噪点
• 风格进阶训练
  
  • 选择性临摹 拆分画面元素逐个分析 总结作品特点，尝试理解原作者想法 选择临摹画面元素加入部分自己的想法
  • 临摹到写生 视觉转化加入更多自己的想法
  • 量变引起质变 风格不是速成的，需要在积累中不停地改进
  • 发现自身擅长 以自己的擅长出发直至游刃有余
• 训练方式
  
  • 分类收集 养成好习惯，分类型，分风格手机
  • 兴趣出发 以兴趣为出发点是坚持的原动力和素材库
  • 总结规律 在练习和案例中培养总结规律
  • 大胆尝试 大胆尝试各种风格构图、造型、色彩
• 建议
  
  • 熟练运用工具
  • 构建完整的故事情节
  • 完善精细的草稿
  • 学习大师的作品

风格的取舍

为什么要舍弃风格?

学什么，不像什么

• 作业提交
  
  • 完善前几节课的作业
  • 1-2中不同的风格演绎