主題

opentooz1.5學習紀錄

Riin | 2021-11-05 02:53:06 | 巴幣 1326 | 人氣 317


翻譯工具

可以先下載使用GOOGLE的網頁翻譯擴充功能,之後就可以把英文網頁內容都翻成中文,相當的方便。

OPENTOONZ的內建語言,英文、日文、簡中都有。可以在上方選單中切換,搜尋資料推薦使用英文。


最下方有使用手冊、和用戶社區(英語)、開發者論壇(英語)。要找比較新的資料回報問題可以來這邊看看。



opentoonz官網的軟體介紹網頁翻譯內容




(OPENTOONZ官網)

動畫的掃描工具“GTS(把手繪草稿透過掃描機放進OPENTOONZ的軟體)
effects效果(應該是額外可以下載的效果,OPENTOONZ有內建,這邊可能是補充的,內容相當多)
KumoWorks (是自動幫你畫雲的軟體,只要畫出輪廓,剩下的部分會自動完成)

學習資源

這次的功能學習是參考J-Hee的教學影片
中文教學的話,推薦這個影片系列

英文的教學可以輸入關鍵字
opentoonz tutorial
有很多的相關教學

這次的學習是邊參考影片邊找網路資料
有時順手就實驗看看來做紀錄

然後就是愉快的邊看影片邊寫紀錄的時間

快捷鍵可以到 文件>配置快捷鍵設定
工具列
space 拉動畫布
滾輪 放大縮小

這個是攝影表

col1 col2這些是圖層,可以分上下,還有不同種類
數字123456這些是幀,一般來說動畫要順暢的話1秒會有24楨(1秒內出現24張圖)
可選撥放範圍


圖層的縮略圖,可以看到目前能看到的東西。

橫向版本,在畫草圖、線搞的地方出現的是這種
紅圈可創建不同種類圖層
toonz光柵、矢量、光栅(ㄓㄚˋ)

toonz光柵 :用於成品、描線、可以上色
光栅草圖:用於草稿、不能上色
矢量:適合一些後續需要調整的形狀ex透視圖、背景、線變形、點移動工具、或一些需要變形的動畫工具


筆刷、顏色、紋理、不同種類圖層筆刷不能混用。


選好以後點筆工具就可以使用了
(這東西的筆刷還真多


紅圈處可調整筆刷、大小、透明度等等


紅圈的地方滑鼠移過去會顯示,按了會顯示洋蔥皮(上圖的紅色框起處)
只要點一下拉過去就會一次點完,要一張一張開也可以
點在紅綠各半球的旁邊可以決定要看到當前位子附近哪些時候的楨(位子前方是紅色、後方是綠色)

按鍵盤方向鍵可以快速切換上一楨、下一楨

畫歪可以用選擇工具調整(s)


這邊可以播放你畫好的東西

這個可以選取範圍來延長每楨或縮短每楨的時間

鎖定圖層、可不可見、透明度

工具列
筆刷、圖形、變形、動畫工具之類之類都在這邊
(有些會限定只有矢量圖層可以用)

這裡可以處理原本畫好的楨,可以複製出反序或搖擺,隨機之類的效果。
(可以讓做動畫的人輕鬆很多的地方

不同步驟的工作流程分頁,翻譯
分成了幾個比較大的區塊,可以在這邊處理不同類型的工作

工作流程種類推薦可以看動畫白箱、別對印象研出手
(就是那種印象中日系動畫的工作流程)

 
作品資料幫你找好了,點圖片就可以進去了
(雖然大部分的動畫人都是大叔的樣子,果然出作品還是美少女比較香)

進到顏色的工作區
上面可以選,下面可以新增顏色
按右鍵可以修改內容(比如名稱之類的)

下面這邊可以新增顏色,管理顏色分類,上一個下一個關鍵楨。
這邊可以調整畫線(畫出來的線條、同時可以綁定並有自己的記號)的顏色

填色罐可以選擇縫隙多大不填,還有一些其他功能

雖然長得比較大,但操作和前面的內容一樣。

填過的顏色只要是使用同一個,再更改時每一楨的顏色都會一起更改。線條和填色罐都可以這樣。

可以看顏色區分不同的圖層種類
光柵 藍色
矢量 黃色
toonz光柵 綠色

一次上色功能,先從想要上色的第一楨點一下,再到最後一楨點一下,中間就會自動全部上色
(要打開填色工具的楨範圍)

似乎會自己判斷,只要接近都能自動補色的樣子
功能上因該有一些ai在其中,下方的圖是畫了12楨後用搖擺,複製12楨共24楨的球動畫。

自動上色雖然因為誤差的關係沒辦法一次從1楨上色到24楨,但如果縮小範圍填入誤差小的範圍(比如我先填入的1~6楨誤差範圍很小,所以我先自動填入這裡,之後再填入變化較大的6~12楨就比較不會出現填錯地方的問題)

而後因為12楨~24楨是用搖擺,複製出來的,所以就算不填色也會按照先前的上色方法自動上色。

大約就是這樣,除了上色以外特效之類或一些動畫工具中opentoonz有很多這類自動幫忙處理的功能。

以上內容都學會的話,就可以做出像這樣子的動畫。

(試著把教學內容做出來了,不錯吧)
(在大概了解以後第一次製作約莫花費15~20分鐘)

因為沒有轉gif的功能,所以我把動畫轉成avi放到youtube上以後再用gif.com轉成gif

這樣可以比較方便的做出GIF,只是GIF.COM如果不是付費會員的話,做出來的成品右下角會有GIF.COM的浮水印


因為opentoonz1.5版本沒辦法轉gif和mp4檔案
如果需要的話,得去ffmpeg下載檔案並放在opentoonz的資料夾裡面就可以了

2021 | How To Export GIF and MP4 Files in Opentoonz
參考影片

英文關鍵字是opentoonz Export/中文關鍵字的話繁和簡都找不到資料XD,請乖乖用英文吧!


1.5版本後介面有稍微改變和美化
因為位子都有些改變,所以要學習的話,發現改版的地方可以找英文資源來看
關鍵字使用 OPENTOONZ1.5 就可以了(目前的版本是1.5)
找到太多不相關的話 再加上 tutorial (教學) 應該就可以了

原本在文件底下的輸出功能,現在是在喧染底下。


這裡可以處理動畫特效,比如運動模糊

這個是連結的圖層

可以在左下角調整需要看到的地方
右下角可以切換模式

切換成特效以後可以在這裡插入特效

中間往下來找到要設定的特效
最左邊可以輸入數字調整細部內容

加入特效以後可以改變原本的動畫
這邊加的是DIRECTION BLUR IWA(動態模糊)

加入了動態模糊以後的版本


測試插入MP3
JAMEDO MUSIC

JAMEDO MUSIC中有很多能購買的音樂其中這次使用的是
Veaceslav Draganov | Royalty Free Music Licensing
免版稅音樂

導入MP3會需要使用ffmpeg,所以先去網頁下載需要的版本



選ESSENTIALS

下載完以後先解壓縮

打開資料夾>BIN資料夾>把這三個複製下來


再OPENTOONZ的資料夾創新的FFMPEG資料夾後把剛剛複製的東西貼到資料夾裡面

選好FFMPEG資料夾以後重開OPENTOONZ就可以導出MP4/GIF,也可以導入MP3

如果看不懂的話可以去看
NobleFrugal Studio的教學影片

加上音樂就可以做出,附帶音樂的動畫了
另外如果要增長動畫長度的話可以直接複製貼上CTRL+C/CTRL+V、特效和動畫是分開的,所以複製貼上的話,特效不會被重複。
音樂太長也可以直接在OPENTOONZ裡面刪除掉

能輸出的格式有這些
AVIBMPGIFJPGMP4、NOL
PNG、RGB、SGI、SPRITESHEET
TGA、TIFF、WEBM

輸出圖片會一張一張出來

AVI
AVI是英語Audio Video Interleave(「音訊影片交織」或譯為「音訊影片交錯」)的首字母縮寫,由微軟在1992年11月推出的一種多媒體檔案格式,用於對抗蘋果Quicktime的技術。 現在所說的AVI多是指一種封裝格式。

BMP
圖片:幾乎不壓縮,檔案大

GIF
圖片:檔案比BMP小、支援動圖、透明色

TIFF
圖片:顏色豐富、支援較多的訊息(比例尺、座標)、獨立於系統

PNG
圖片:無損、壓縮不失真、體積小、用來取代GIF和TIFF

JPG
圖片:壓縮比高、體積小、人眼辨識不出來、編輯太多次畫面會下降

AVI
影片:微軟、圖像好、體積大

MP4
影片:體積小、圖像好、易於傳播

NOL
圖片:檔案、通常用於像素圖案

RGB
圖片:檔案、檔案較大、顏色準確

SGI
圖片檔案

SPRITESHEET
圖片:將小圖像合併為一個大圖像、用於遊戲減少讀取


TGA
圖片:可以支援不規則形狀、影片合成、BMP+JPG

WEBM
影片:GOOGLE出的


同一個資料夾裡面的圖片都會一起被導入(資料夾內有23張)
所以只需要拉其中一張,其他就會跟著一起進來。

如果同一個資料的圖片素材一次拉兩張進去,那麼opentoonz會開兩個圖層處理兩次
所以會變23張x2個圖層共46張

要只放一張進去的情況,只要另外開一個資料夾,並把材料單獨放在裡面再拉進去就可以了。

也可以從瀏覽的地方(browser)把素材導入
素材名稱的後方會用[]顯示這個素材共有幾張




然後試著用opentoonz把做好的動畫輸出成gif
大小是1846x740
約270k的檔案大小

這類動畫的關鍵字
補楨/補間/矢量動畫/關鍵楨
應該都可以找到資料

英文的部分則要待以後翻譯看看


可以在這個地方設定關鍵楨
關鍵楨可以讓電腦自動補兩個關鍵楨中間的變化
這個的方法可以處理物件的移動(上方方塊、右邊的三角形)

第二個在顏色的地方
可以設定兩個關鍵楨之間的顏色變化

層級的地方也有
這邊可以做形狀的變化
INS可以選取的上方插入空白
SHIFT+滑鼠左鍵可以選取點的第一張到點的第二張中間的所以圖片

點綠色框框的地方就會處理,可以套用不同的效果
在這邊處理完畢以後可以,再拉到原本的圖層就可以了

選好範圍以後,可以拉著長的這邊移動選取的範圍
多餘的可以選擇範圍按滑鼠右鍵選擇刪除


把影片檔案或gif放到opentoonz裡面可以一楨一楨的看,很適合練習
不過opentoonz會一口氣把全部的內容都載入,所以影片太大很容易導致當機、卡死
最好先調整內容以後再放進去

下方和上方的圖是
灼眼的夏娜op的一部份
使用SPRITESHEET
可以做出總共118楨的圖
相對於直接看gif來說弄成SPRITESHEET
比較一目瞭然,只是檔案大小會比gif大快2.5倍


製作補楨時使用

要複製原本的圖可以使用選取工具來選取,再貼在需要的楨上。
使用補楨時會看下筆的順序,使用原本的線條來變形比較不會跑掉。
輸出和製作時看到的顏色會有落差(大概是自動上色時沒處理好)

如果從楨的地方複製貼上,會視為同一楨

這個工具可以調整圖形的點,和線條的扭曲程度


線變形工具
類似用手拉扯的效果

折彎工具
選擇a和b點,選擇的範圍會順著旋轉的方向扭曲

連結工具
兩條線條之間如果有中斷的空白,可以用這個工具連起來

燙平工具
經過的線條會比較平緩


這邊可以控制攝影機
物件能前後左右上下移動
也能選轉改變角度
攝影機也可以往前往後


可以看OPENTOONZ的使用手冊
使用手冊


輸出時如果要調整大小可以在這邊更改,前面的是寬後面的是高

鏡頭也會影響輸出的結果,如果有出錯可以往這邊查看看


朔型工具點可以點創建網格
可以調整網格的密度和距離邊緣的距離

製作骨骼,只要點在網格上就可以了
只後只要切換到動畫就能使用這個骨骼了

使用時要到紫色的圖層



然後成品就出來了
(這隻蟲會好奇怪的動作)


矢量導引

做動畫時軟體會根據畫線的方向決定動畫要往哪邊變形,預設是關閉的
只要點桌面右鍵就可以開啟了

畫線工具的粗細調整的地方,如果把數值調成0
那麼畫出來的線在輸出後會被隱藏

也可以用使用線寬工具調整


學習筆記先記錄到這邊,以後再慢慢更新。
送禮物贊助創作者 !
10
留言

創作回應

Azkic
整理的很實用!
2021-11-06 21:00:46
Riin
隔了好一段時間,終於開始想寫OPENTOONZ的記錄了,這次想一口氣寫完[e38]
2021-11-06 21:53:08
荳荳
關於學習這件事,喜歡的就會很喜歡,但我會選擇...............能趕快退休最好
2021-11-06 22:53:45
Riin
退休生活真的不錯,想做什麼都可以。
只是還是得找喜歡的事做就是了,退休生活過太久有時會有些無聊,所以很多人會做喜歡的事(睡覺、吃東西其實也算就是了XD)
2021-11-07 00:18:42
空澗飛湍
專業!!!
2021-11-07 00:03:22
Riin
哈哈~開始軟體看起來就是比較專業XD
2021-11-07 00:19:36
花族精靈
編集…駄目ね、実は私アニメの原画制作興味あるですが、考えているだけで……も疲れた!今は真剣にイラストを描くでいいです。
2021-11-07 09:26:45
Riin
自分が本当に好きなものを見つかったら、
その大切なもののために努力し、きっとそれは
立派な仕事になると思います。
https://media.tenor.com/images/f43ef54c9e02ce77ffd7d22726c602e3/tenor.gif
2021-11-07 20:11:17
Riin
でも、疲れた時 ゆっくりゆっくり
お休みあなさい
https://media.tenor.com/images/f833e1b0bab6139084bcc805465a3423/tenor.gif
2021-11-07 20:17:49
戒子
https://media.tenor.com/images/aea9bd3330101742d8af9bf8be25cf6a/tenor.gif
2021-11-11 03:22:36
Riin
https://media.tenor.com/images/bea0139e175637da295b61164a8e33c2/tenor.gif
2021-11-18 23:18:25

更多創作