2D 角色動畫之 PSD 與向量資源

專業向量設計師及熱衷的 PSD 製程藝術家可取得創作角色的所有免費學習資源及支援。

向量資源
  • 角色範本（.ai、.cdr、.afdesign、.svg）
  • 範例（.svg）
  • 白皮書（.pdf)
PSD 資源
  • 角色範本（.psd）
  • 範例（.psd）
  • 白皮書（.pdf）
  • PSD 工作流程教學影片

* 使用 Illustrator、CorelDraw、Affinity Designer 可從向量資源包中取用每套工具專用檔案格式。

* 使用 Inkscape、Photopea、及其它向量工具可直接使用 SVG 範本自訂角色。

* PSD 範本檔案相容於各主流點陣影像編輯器。

建議功能及工具

向量動畫編輯

PSD 往返編輯

十倍速度設計 360 頭部

趣味使用手部操控工具包

即可動角色範本

角色範本協助向量或 PSD 設計師以簡單放置身體部位至相對應資料夾中快速創作不同的可動角色。能確保向量 / PSD 角色在匯入 Cartoon Animator 後能即刻活動起來。

create cartoon character - human bone

此範本結合 3D 動作假人及增加頭髮結構的 G3 Human 範本

Sprite Hand_Front（Sprite 手_正面）

create cartoon character - human bone

此範本供使用者創作側面角色更多彈性。

Sprite Hand_Side（Sprite 手_側面）

create cartoon character - human bone

此人類範本四肢拆成兩塊且有手指關節骨。

Bone Hand_Front（骨頭手_正面）

create cartoon characterr - head

此範本為「Bone Hand_Front」側面範本。

Bone Hand_Side（骨頭手_側面）

create cartoon characterr - head

使用此頭部範本創作高解析度臉部及角色頭髮的延伸骨。

Head（頭部）

create cartoon character - quadruped

此範本可驅動狗、貓、馬或其它四足生物。

Quadruped（四足）

create cartoon character - wing bone

聰明使用此範本以驅動任何成對移動的事物。

Wings（翅膀）

create cartoon character spine bone

部署此範本於生物或物件如鏈子、魚、毛蟲、或樹。

Spine（脊柱）

create cartoon character - human bone

此範本的身體尺寸接近真人比例。 協助使用者平順地套用 3D 動作。

Human (v4.4) - 人類（版本 4.4）

create cartoon character - human bone

此人類範本四肢拆成兩塊且有手指關節骨。

Human (v4.2) - 人類（版本 4.2）

create cartoon character - human bone

此人類範本四肢拆成兩塊，設計予 CTA 4 G3 360 人類使用

Human (v4.0) - 人類（版本 4.0)

create cartoon characterr - head

包含基本和全人（臉和身體）範本。

G3 Human (v3.0) - G3 人類（版本 3.0）

create cartoon characterr - head

使用此說話頭部範本創作高解析度臉部。

說話頭部

create cartoon character - quadruped

此範本可驅動狗、貓、馬或其它四足生物。

Quadruped（四足）

create cartoon character - wing bone

聰明使用此範本以驅動任何成對移動的事物。

Wings（翅膀）

create cartoon character spine bone

部署此範本於生物或物件如鏈子、魚、毛蟲、或樹。

Spine（脊柱）

PSD 專案範例

測試功能完整的 PSD 專案，學習每支範例如何運作。簡單更換身體部位圖並參考圖示以製作準範本角色創作 PSD 演員。

G3 基本人類

基本人類 PSD 角色

基本人類角色由 10 個在創作過程中易於理解熟悉的簡明圖層組成。

create cartoon character PSD human
create cartoon character PSD human body

全正面及側面

正面和側面角度全身，包括可操控說話頭部。學習如何新增臉部五官使其說話。

高解析度頭部及五官

學習如何提高臉部五官解析度品質。

create cartoon character PSD human face

手勢

學習如何用 30 種手勢產生不同姿勢。

create cartoon character PSD human gesture

全素描角色 - 正面 / 側面

即使素描或塗鴨角色也能成為準動態 10 圖層角色。

create cartoon character PSD sketch

全功能遮罩眼睛

學習如何用遮罩創造自製可轉動眨眼之眼睛。

create cartoon character PSD human eye

G3 360 角色

全身人類

全身（含正面側面角度）包括 360 說話頭部。您可以試「臉部操控」功能設定臉部表情。 學習如何替角色新增五官然後讓它有手勢又能說話。

骨頭手 PSD 範例

骨頭手範例可供替換 PSD 手部圖層來自訂手部外觀。僅需移動圓點至手指關節，產生手指綁定角色。然後，就能透過手部動作捕捉或「骨頭手部姿勢編輯器」產生靈敏的手指動態。

自訂手部

平滑手勢動態

自由骨架人類

學習自由骨架角色的 360 頭部 PSD 結構，觀察如何在 Cartoon Animator 中設定表情。

多圖層「頭部」野豬

學習如何創作
尖鼻尖嘴的角色

表情豐富的向日葵 -
含有 360 頭的脊柱生物

也能新增 360 頭部給脊柱生物，能有更多創意的可能 !

四足範例

素描狗
說話頭

創作四足生物，帶可動的耳朵和尾巴。

create cartoon character PSD dog

塗鴉貓
說話頭

驅動幾乎任何角色身體和臉部。

create cartoon character PSD cat

脊柱和翅膀範例

魚

創作鏈結朝下移動的角色。

create cartoon character PSD spine source

蟲

創作鏈結朝上移動的角色。

create cartoon character PSD spine worm

南瓜翅膀

創作並驅動雙邊成對移動角色。

create cartoon character PSD wings source

自由骨架範例

階層式結構

鬼

驅動任何多圖層身體部位形式的角色。

create cartoon character free bone1

稻草人

託階層骨頭結構的福，驅動任何單張影像角色。

create cartoon character free bone 2

鏈條結構

create cartoon character soldier-photoshop
create cartoon character UI-photoshop

玩具兵 1

在 Cartoon Animator 中使用單純骨頭名稱、連結角色骨架結構。

create cartoon character UI-photoshop 2

玩具兵 2

於 PSD 圖層中使用骨頭階層命名法，能直接在 CTA 中轉成自由骨架結構。

create cartoon character UI-photoshop 3

玩具兵 3

符合角色範本中骨頭命名法則，就可和角色動作素材庫直接相容。

影像來源

所有範例專案中影像來源會讓您快速了解練習角色創作過程。其中也能找到範例影像 Sprite 讓您取用輕鬆測試整個工作流程。

create cartoon character learning source

逐步角色創作白皮書

用最喜愛向量編輯器以及清楚標準化方案在 Cartoon Animator 中學習產生標準及「自由骨架」角色。創作無限海量自訂角色，無需耗時費事。

Photoshop character template white paper
Photoshop character template white paper

各種內容物類型之獨家教學影片

線上教學影片

學習更多關於 PSD 往返工作流程