---
# System prepended metadata

title: 美術分線課程-遊戲角色設計
tags: [NCUGC]

---

---
tags: 'NCUGC'
---
# 美術分線課程-遊戲角色設計
> 2019.11.19
> 講師 亞莓
:::info
homePage: [ClickMe](https://hackmd.io/@NCUGC/5th)
:::


:::info
[亞莓FB粉專 (Arme 亞莓)](https://www.facebook.com/ArmeIllust/)
:::


> 遊戲角色
> 偏RPG角色
> 人類、怪物、物件( 只要對劇情有用就是character
> [name=wiki]

> ~~ctrl+S 5秒一次，救你一世~~
- 角色資訊
    - 文字設計、數值設計
- 造型設計
- 操作

- 角色設計
    - 建構角色&世界觀
    - 行為可以改變世界觀
    - 材質，圖案，都要討論
    - > 最後都有可能被修改
    - Reference is imort
    - **Target Audience**
- Element
    - ID
        - 時代職業、個性
        - 要素
            - 身體特色、配件
    - 美術風格
        - 與遊戲題材有關
        - 用色，線條、頭身比
        - e.g.
            - 寫實、明度、彩度、對比度
            - ==頭身比例==
    - Example
        - 同一角色，不同風格
        - 同一要素，不同風格

### 設計流程
- 基本要素(e.g. 我想要金髮雙馬尾) -> 收集資料 -> 多種提案(不同的服裝、髮型、access、配色之類的)
- Discuss, Editing -> 確定設計(假) -> 交稿
:::warning
file==分layer== 分乾淨
consider layer, chara sprite, skeleton (骨骼動畫)
animation
:::

- 設定圖的內容
    - 3 di 三視圖
    - acc detail，裝備細節
    - action，動作，姿勢 --> 性格
    - color order --> 顏色指定
    - 差分
    - 身高表
> 設定圖之中就可以表現個性
> [name=亞莓]

## 如何發想
> 各位會沒靈感卡住嗎？
> [name=亞莓]

- 根據故事需要
- ==Pick keyword==
- 先畫出第一印象
> 靈感源自生活
> Design Thinking
- 透過眼睛學習而來
- 不要一定要根據現實
- 用現有的東東組出新東西

- Method
    > Target: 我要一隻肉販
    - 發散&收斂 (是隻豬
        - 2次發散 (怎樣的豬
    - 白三角圖
    - mind map
        - 延伸延伸~
    - white board, sticky notes
        - 團隊討論
    - table (表格(O)、桌子(X)
    - die 閉眼睛選(我選擇死亡)
        - 創意發想

- 加法
    - 基礎 + 好的調配 => 創意
    - 相近、同質(一般的) vs. 相沖、對比(反差萌)

## 設計要點
- shape
    - 呈現角色個性、印象
    > 歐美風比較明顯
    - e.g.
        - 倒三角、胖胖圓、狡詐細瘦、攻擊性尖刺...
    - 利用站姿、特徵與配件
    - 配件 => 補強特色
    - 可以用**剪影、輪廓、負空間**來看
    - what is 負空間
        - 由角色輪廓畫出的空白空間(面積)
- color
    - ==遊戲風格，角色印象==
    - 色彩學
    - 色彩心理學
    - 631 Rule
        - 主：次要：輔色點綴 = 6：3：1
    - 相似色與對比色
        - Tools
            - [paletton_link(clickMe)](https://paletton.com/)
            - [colorhunt_link(clickMe)](https://colorhunt.co)
    - 灰階圖(完稿後)
        - 觀察明暗
- 功能性
    - 增加說服力
    - 符合世界觀等等
        - TPO
    - 關鍵道具？
    - **違反常理處必有故事**
    - 「==美觀==」也是取捨的理由
    > 合理和審美要取一個平衡
    > [name=亞莓]
- texture
    - 和功能性與chara設定有關
    - Unity shader
    - 添加更多細節
    - 遇到瓶頸->多觀察與練習
    - e.g.
        - 布料、皮革、毛料
        - 金屬、礦石
    - 凸顯角色特色
        - 要素揀選，不要過多
        - 抓出造型重點
            - e.g. rabi ribi
            - 因為是2D像素射擊遊戲, 簡單設計反而方便
        - 使用配件,凸顯角色特色
        - 展現個人風格
    - 耐看
        - 尤其是長時間遊玩的
        - 色彩是關鍵，彩度不能太高
            - <span class="Rainbow">辣眼睛</span>
        - 玩家看的那面增加細節
        - 感情投入
    - 設計成套複數角色的時候
        - 盡量不要重複角色屬性
        - 注意 正反、對比，隊友/反派
    > 角色就像你的朋友，只要反覆繪畫就能越來越了解性格、細節
    > [name=SIGONO角色設計]

## 設計卡關？
> QQQ_QQQ
### 卡關原因
- ==元素==或是==風格==出了問題
1. 設計方向不明確
2. 『沒有靈感』
3. 不擅長目標元素
4. 瓶頸期

- 認識你的角色
- 與企劃/劇本討論
- 參考故事寫作，與相關教學
- 充實角色內涵
- 色彩心理學
    - e.g.
        - 紅：熱情？紅樓女子？
- 角色的食衣住行
    - 思考角色的習慣，會穿什麼衣服

- 繪製情景圖與表情
    - 直接立姿排出感覺不出來
    - 把各種角色設計放進分鏡裡
- 三步驟
    1. 擬出故事腳本
    2. 靠單一線索決定造型是很危險的
    3. 以電影感的構圖設計角色
- if 沒靈感
    - 收集資料
    - 分析、練習資料
        - 內化成自己的
    - 資料
        - 實體
            - 照片or實體
        - 圖畫
            - 簡化過的、需求風格
    - keyword
    - 夢境
    - 日常生活
- 平常
    - 廣泛觀察~~(成為變態)~~
    - 拍照/速寫
    - 點子塗鴉
    - 做筆記!整理!
        - e.g 鞋帶怎麼綁，鞋底長怎樣
        
> 想要成為偉大的繪手，首先要成為變態!!!!
> [name=unkown]

## 繪圖練習~~
- 提升化工fuck->提升角色魅力
- 不只是話人物需要歐
- 用**課題**取代基本功
    - 因為【喜歡】才開始畫，畫到發現瓶頸才發現能力不夠
    - 用**課題**來練習
    - 認清自己需要的練習
    - 訂下可行的target
    - 將長遠目標拆成許多小課題
    - 正確的方向可以事半功倍
- **觀察**基礎 -> 加以變形、內化
- 速寫：看著畫&&不看著話
    - 空想練習
    - > 不過還是要動手畫窩，訓練肌肉記憶之類的
- **分析**與拆解
- 加以組合與延伸、想像應用時機

### 培養習慣
- 定時、定量 (目標訂定
    - > 還是要以完稿為目標
    - 可以把畫收集在同一本本子裡，檢視進步程度
- 運用『時/ 地/ 物』培養習慣
- 意志力、專注力
- 熟練工具
- 刻意練習
- 突破舒適圈
    - 不要只是畫自己擅長的/只是塗鴉
- 使用在實戰(完稿)
### 反饋
- 當自己的老師
    - 提升自己審美
- 透過教學資源修正
- 尋求他人建議 -> 突破同溫
    - > 同時也不要太過度在意辣
- 當別人的老師

### 行成長期記憶
- 打鐵趁熱
- 反覆練習 -> 讓大腦會、手也會
- 自我檢視、走在正確的方向上

### 瓶頸期
- 是否是外部原因呢？
    - 搞不好不是能力的瓶頸期
- 找好的老師
    - 客觀的反饋
- 提升審美，也提升能力
- 暫時脫離
    - 做做其他事方松
    - > ~~逃避雖然可恥，但是有用~~
- 嘗試其他的題材、媒材(繪圖工具)
- 勿忘創作的初心
    - > 當你很累的時候，不要忘記當初你拿起筆快樂畫畫的時候，
    - > [name=抖抖村長]
### 摸索自己的風格
- 有了底子再談
- 畫順手？喜歡？迎合市場？
    - 想定自己的風格時可以想一想
- 風格不強->不要自我設限
    - 有時風格多變也是很有競爭力的
- 經營自己
- 加深加廣
    - 專研主修
    - 嘗試其他的風格
    - > 有時可以碰出新滋味～

### 練習工具
- 速寫、人體動態
    - 偏歐美：[line_of_action](https://line-of-action.com/)
- `抖抖村`
    - 概括的東東
- `空罐王`
    - 很快
- `電繪狂`
    - 滿廣的
<!--nothing-->

### 可以試試看的小作業
:::info
**設定**：在一座`cyberpunk`city, 一間好像有做一些非法勾當的餐廳裡，擔任服務生的年輕非人類。
:::
tips:
- key word?
- 發散
- 挑選合適要素
- 畫出2~3個差異大的提案，挑選其中一個，再次發散
- 注意剪影、配色、合理性與美感的平衡
- 可以試試或合作替角色設定文，與別人設計交流
- 設計有跨出舒適圈嗎？

<style>
.Rainbow {
    animation: rainbow 0.5s infinite;
}
    
@keyframes rainbow {
    0% { color: red; }
    25% { color: yellow;}
    50% { color: green; }
    75% { color: blue; }
    100% { color: red; }
}

</style>