用Live2D製作VTuber讓人物動起來

文、Simi老師

在動態完成後,就可以將模型到Live2D官方的nizima LIVE,或第三方開發的VTube Studio等面部捕捉軟體中使用。但這類型的捕捉軟體基本上都是利用電腦視訊鏡頭,且針對臉部表情與口型變化為主,所以在這之前還是要先在Live2d中的Animation做出幾組特殊動作,才能在需要的時候以快速鍵進行播放。

閱讀全文 →

用Photoshop把毛髮去背和合成教學

文、Andy老師

大家好,今天要介紹毛髮去背的方法,然後再把去背好的圖片用於合成,所以毛髮去背是今天的重點,那麼我們就來看一下毛髮去背的方法,以及合成後的效果,如下圖。

閱讀全文 →

好想成為Vtuber!Live 2D角色動態參數調整

文、Simi老師

Live 2D動畫的參數設定有許多細節要注意,設定原則就是從「小」調整到「大」,也就是:
五官表情→頭髮晃動→頭部Z軸擺動→頭部XY軸擺動→呼吸&身体→其他

因為畫圖的習慣是由「大」畫到「小」,由「粗」畫到「細」,因此在剛開始做Live2D動畫時很容易直覺的就依樣畫葫蘆。參數本身的排序也會影響到我們調整的順序,但如果由上至下依序設定的話,很有可能在後續遇到動畫沒有同步的崩潰情況,因此要特別注意。

閱讀全文 →

【Photoshop教學】用神經濾鏡組合2張照片並協調色調

文、Andy老師

大家好,今天要介紹用Photoshop 2022版本的神經濾鏡中的協調功能,此功能主要是將要合成的兩張照片的色調自動融合在一起,也就是之前我們要合成時所需要做調色的多個步驟,在2022的版本只需要1個步驟,即可完成兩張照片的顏色調合。

閱讀全文 →

好想成為VTuber!Live 2D角色前置作業

文、Simi老師

上次針對目前主流的兩個骨骼動畫軟體做介紹,就結論來說,如果要做V皮的話還是Live2D比較合適,因此接下來我們就以Live2D為主來做介紹。

用Live2D製作動畫大致上的流程為:
角色設定 → 原畫&拆分 → 骨骼綁定&參數調整 → 演出

閱讀全文 →

【2022 illustrator新功能】讓你的平面圖突出-3D膨漲功能

文、Andy老師

大家好,今天要介紹illustrator的3D功能,用的軟體版本是2022,因為只有2022,有新的3D膨漲功能,這個膨漲功能,能讓平面的頂視圖,長出高度,並且有圓滾滾的弧度厚度,那我們就來看一下完成的效果,效果如下圖。

閱讀全文 →

【CSP教學】一小部分畫錯的要怎麼修改,這工具最萬用(下)

文、Andy老師

大家好,今天要介紹的是Clip Studio paint(簡稱CSP)的新功能,歪斜工具(下篇),上一篇我們介紹到最左邊的前進方向工具,接下來要介紹其它六種工具,那就依序從最左邊開始,膨脹工具,如下圖所示。

閱讀全文 →

好想成為VTuber!Live 2D角色變形器綁定篇

文、Simi

關於用Live2D製作動畫的流程:
角色設定 → 原畫&拆分 → 骨骼綁定&參數調整 → 演出

閱讀全文 →

【CSP教學】一小部分畫錯的要怎麼修改,這工具最萬用(上)

文、Andy老師

大家好,今天要介紹的是Clip Studio paint(簡稱CSP)的新功能,歪斜工具,這功能是我一直非常期待的,因為我用CSP的方法,都是用Photoshop的觀念來用CSP的,而之前CSP都沒有PS的液化功能,而PS液化功能是我蠻常用的,原因是有時畫完的圖,有些地方畫歪了,或是結構畫錯了,但又不想重畫,所以就會用液化功能調一下,這樣就很方便,如今CSP新版也開發出類似PS的液化功能,而CSP把這功能放在色彩混合工具裡,圖示就像印章的樣子,所以先在工具架上點選印章工具,再從輔助工具面板裡,切換成歪斜工具,這樣我們就可以找到歪斜工具,步驟如下圖。

閱讀全文 →

手部線條複雜,指節長度是重點!

文、Andy老師

大家好,今天要跟各位介紹手的畫法,首先先畫一個正方形,代表手掌,再將方形切斜邊,寬邊在上,為手指的位置,再將整體切左右一半,如下圖。

閱讀全文 →

【Photoshop教學】製作星空圓形星軌效果

文、Andy老師

這次我們來示範使用Photoshop來製作星空圓形星軌的效果,那先來看一下製作完成的效果。效果如下圖。

閱讀全文 →

【illustrator教學】製作3D花朵效果

文、Andy老師

大家好,今天要介紹illustrator 的3D花朵效果,首先我們先看一下成果。如下圖所示。

閱讀全文 →

好想成為Vtuber!淺談Live 2D和Spine骨骼動畫

文、Simi老師

近年Vtuber相繼崛起,經常用來製作V皮的骨骼動畫軟體「Live 2D」也紅火了起來。在開始學習之前,你瞭解什麼是骨骼動畫嗎?跟傳統的逐格動畫有何不同?除了Live 2D還有哪些骨骼動畫軟體呢?就讓這篇文章來告訴你吧!

閱讀全文 →

透視圖畫法的原理

文、Andy老師

大家好,這次要介紹的是如何畫透視,首先先介紹一點透視,也就是畫面中只有一個消失點,在下圖當中,紅色線為視平線,也就是我們眼睛的高度位置,那這高度會因為我們低頭或抬頭而不同,低頭則視平線拉高,因為能看到的地面面積多於天空面積,故視平線拉高,抬頭視平線則降低,因為能看到的天空面積多於地面面積,故視平線降低。

下圖視平線在中間,則頭是平視前方,沒抬頭沒低頭也沒轉頭,故畫面中黑色的X消失點也在畫面中間,而消失點則是畫面中的物體都會有一個或兩個面的結構線都會往消失點消失,故畫面中的方形,就有兩個面的結構線延伸到畫面中間的消失點,如下圖所示。

閱讀全文 →

【illustrator教學】立體雙色文字

文、Alam老師

大家好,今天要今天要介紹illustrator的圓柱立體字效果,以下是完成圖。

閱讀全文 →

【Photoshop教學】漩渦3D效果

文、Andy老師

大家好,今天要介紹使用photoshop來製作3D漩渦效果的視覺海報,首先先看一下完成的樣子,如下圖。

閱讀全文 →

【illustrator教學】1分鐘擁有C4D立體效果

文、仙女編

立體的東西總是比平面的東西更吸引人一點,把一張平平無奇的圖,變成3D立體的斜面一定很酷,你還沒學會嗎?

還沒學會就趕快把這篇文章多看幾遍,步驟只有簡單4步,小編看了馬上學會立體圖形,就讓我們一起看下去吧!

閱讀全文 →

怎麼具體表現「多義圖形」的插畫?

文、Simi老師

在上次的文章中跟大家介紹了將錯視藝術融入設計與插畫中的範例與優勢,這次要具體說明該如何設計出在平面設計與插畫領域最常被運用的「多義圖形」、「圖地反轉」以及「正倒立共存」的錯視概念,以增加畫面中的趣味感及內容深度。

閱讀全文 →

【illustrator教學】製作糖果3D立體字

文、仙女編

想把文字變成3D球型立體的樣子,感覺只有專業人士才會的東西,不想花錢請人幫忙做!

不用再花錢請人做這種特殊圖了,只要看完這篇文章,就可以簡簡單單做出Pro級的「3D立體字」,還不快把這個頁面加到你的書籤裡!!

閱讀全文 →

【CSP教學】如何畫成4分之3的臉

文、Andy老師

大家好,今天要介紹最常畫的3/4臉的比例與畫法,首先先看一下完成的樣子,如下圖。

閱讀全文 →