你想將所在地區設為 美國 並顯示 繁體中文 嗎?
更新設定關閉
關閉
登入/註冊
Spine 新手快速做動畫超簡單!
0 seconds of 37 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
00:00
00:00
00:37
 
不拉

Spine 新手快速做動畫超簡單!

適合新手、需要做動畫的美術和對製作動畫有興趣的朋友。完成後可以到你的 FB 分享 Gif 檔給你的朋友看你有多厲害 d(`・∀・)b 更可以做成Line動態貼圖呢!
13.6 k 的人也在觀看
課程已下架
課程已下架,有任何問題可以找客服。

關於課程

課程包含

包含 1 章 8 單元、1 項作業

課程時長

0 時 27 分鐘

課程總人數

192 位同學

觀看限制

不限觀看次數,還會附贈完課證書

最新消息

課程內容

什麼是Spine呢?

Spine官網點我!

Spine 是一款針對遊戲開發的2D 骨骼動畫編輯工具,讓一般人也可以用最簡潔的工作流程,創建任何動畫。

因為它是以可以利用骨骼、網格等功能做到豐富的2D和擬3D角色動態,而且功能齊全、檔案又小,所以是開發遊戲美術的好選擇唷!

從現在開始,想學動畫不用擔心介面難操作或是看不懂的問題~

這裡就用簡單的方式讓你學會基本的Spine喔!σ`∀´)σ

教學方式

我將使用螢幕錄影搭配圖文穿插講解後剪輯成影片來教學,並分成10個小單元做詳細介紹。
上課的過程中如果有問題,或是對小細節想更深入了解,歡迎用問題與討論功能,我會盡力解答你的疑惑,最後也可以運用會提供給大家的素材,或自己製作 DIY 做出簡單的 GIF 用繳交作業給我或跟大家交流,我會給你一些小建議喔!

課程大綱

  • 介面、工具與操作
  • 層級與圖層的觀念了解工具是最重要的,可以大大加快作業速度唷
    認識介面和基本的操作,以及對spine特別的層級概念做講解
    ==============
    前置部分
  • SET UP-1拆圖與匯入素材
    準備動畫素材的技巧,當你畫了一張圖之後要將它拆成可動角色,
  • SET UP-2拼好素材與調整圖層、層級將素材匯入spine,將圖層、層級順序調整好
  • SET UP-3綁骨架
    按照順序設定好骨架
  • SET UP-4設定權重與IK
    設定IK、權重,這需要一點經驗,我會簡單的介紹一下怎麼使用
    ==============
    動畫部分
  • Animate-1幀、關鍵幀與自動關鍵幀
    學會使用關鍵影格(關鍵幀)
  • Animate-2動態、複製與換圖
    終於到最有趣的做動畫部分~除此之外還有複製、換圖的撇步
  • Animate-3曲線與檢視
    調整動畫的曲線,並在各種速度下撥放來檢查動畫
  • Animate-4輸出與分享
    耶!做完了,輸出來分享給朋友看吧!還有介紹要做其他用途時的輸出設定喔!

    (((注意:需要購買專業版的spine才可以存檔輸出喔)))

課程目標

上完這門課你可以得到這樣的成果:


教材下載

這是我自己畫的素材,提供給大家搭配使用~
(素材會放在課程講義裡,上課就有囉)

自我介紹

我是不拉,是即將畢業的設計系大學生,我和藹可親XD
現在在遊戲公司擔任美術,平時會接案做動畫、mv、剪輯、2D平面設計、2D美術之類的工作,我其他的作品可以按 這裡 前往~歡迎交流唷!

哪些人適合這堂課?
新手、遊戲或動畫美術、對動畫有興趣的人
你可以學到
這次可以先用我提供的貓咪素材做出一個動畫,熟悉之後,就可以隨心所欲地作出動畫囉!
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
Spine(注意:Spine 官網可以免費下載試用版,但要輸出要購買專業版喔!) 其他軟體:Photoshop、 Illustrator、SAI...等等(沒有也沒關係)
需要具備的背景知識
新手、有設計經驗的人都可以學唷
單元一覽
1 章 8 單元|總時長 27 分鐘
全部收合
1
本課程不分章節
影片單元
單元 1 - 介面、工具與操作
影片單元
單元 2 - 圖層與層級的觀念
02:45
影片單元
單元 3 - SET UP-1拆圖與匯入素材
03:51
影片單元
單元 4 - SET UP-2拼好素材與調整圖層、層級
02:22
影片單元
單元 5 - SET UP-3綁骨架
03:08
影片單元
單元 6 - SET UP-4設定網格、權重與IK
03:48
影片單元
單元 7 - Animate-1動態
05:10
影片單元
單元 8 - 輸出動畫以及其他用途的設定
02:08
作業單元
作業 1 - 用提供的素材或自己畫的角色做出一個小動畫gif檔
查看作業
試看單元
播放試看影片
章節 1 - 本課程不分章節
單元 1 - 介面、工具與操作
試看影片
03:51
課程評價
3.6
/ 5.0
8 則評價
Bear Su2016-08-14
簡單實用
跟著教學影片一步步操作,可以很快瞭解 Spine 的基本操作,製作簡單有趣的動畫。
Sherry Wang2020-06-14
對自學spine很有幫助
謝謝老師製作這個教學影片 自學能夠有全中文的講解真的很感動
宏達廣二2017-09-11
感謝不拉老師的指導~~~
課程非常生動有趣!!感謝~~~
Hubert2017-07-29
關於入門或是進階?!
針對入門的人來說, 很多人應該想升級成基礎 / PRO版來完整製作動畫輸出應該都有困難。 關於升級版本的解決方法應該特別說明一下。 整體上,讓人了解怎麽去操作軟體這點講得很詳細。
查看更多
B. S. K.2021-02-12
尚可
內容還能在扎實一些,但對剛入門接觸很有幫助 希望後續作者還能推出新的版本及更高端的操作技法!

意猶未盡嗎?

關於講師

不拉
1堂課程
0篇文章
192位學生
我是親切友善der不拉~ http://boola.weebly.com/
前往講師頁面
精選學生作業

購課前問答

日期最新
日期最新
日期最舊
愛心數
土豆
2022-06-16
想要請問csp 的插圖可以置入spine嗎
不拉
授課老師
2022-08-21
我沒有試過,但可以輸出成png、jpg再置入喔!
回覆
我也想問
aa01291012
2018-09-22
可以加line。或者是fb嗎?我是想幫男朋友做生日影片的
不拉
授課老師
2018-09-23
可以喔~
回覆
我也想問
aa01291012
2018-09-22
想問一下購買客程後。怎麼線上教學?哪時開課?我怎麼連絡你?
不拉
授課老師
2018-09-23
您好~隨時可以線上看影片教學哦~有問題都可以在問題討論去提出,我回來為您解答~謝謝😊
回覆
我也想問
naichiliu
2018-07-17
老師想問問看~因為我有看其他教學是先拉網格,然後直接去綁定骨骼看起來沒有一直按command去點圖片,請問跟老師的做法會有什麼不同嗎?
不拉
授課老師
2018-07-18
您好~順序應該是先按command點圖片拉骨骼,再拉網格,再滑鼠拖曳選取全部來一次綁定,邏輯上這個做法會比較穩。 綁定不需要按command,如果您說的綁定是拉骨骼的意思,在圖片只有單張的情況下(例如:尾巴)也許行得通,但多張圖連結的關節(例如大腿小腿及腳踝)就不適合這樣做,希望有為您解決到問題唷~
回覆
我也想問
dd84121123
2018-05-03
老師您好,我想詢問說spine ess與pro版的差異處在哪裡呢?感覺基礎版的功能少了很多很重要的部分,請問這樣對於製作上有什麼問題嗎? 謝謝!
(已編輯)
不拉
授課老師
2018-05-04
hi~你好基礎版沒有ik跟網格功能,就比較沒辦法呈現變形的效果,其他不同可以參考官網的差異表~https://zh.esotericsoftware.com/spine-purchase
回覆
我也想問
購買單堂課

NT$799
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤