PIXNET Logo登入

聯成電腦-讓你價值連城

跳到主文

聯成電腦痞客邦官方BLOG學習電腦必備秘笈,提供各種學電腦課程作品及聯成電腦評價,學員對電腦課程的學習心得包含手機app 、工業設計、室內設計及電腦證照考試等,是您學電腦課程最佳範本。

部落格全站分類:電玩動漫

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 12月 08 週四 202210:00
  • 好想成為VTuber!Live 2D角色前置作業

article_main_img

文、Simi老師
 
 
上次針對目前主流的兩個骨骼動畫軟體做介紹,就結論來說,如果要做V皮的話還是Live2D比較合適,因此接下來我們就以Live2D為主來做介紹。
 
用Live2D製作動畫大致上的流程為:
角色設定 → 原畫&拆分 → 骨骼綁定&參數調整 → 演出
 
 
 
 
今天主要說明原畫&拆分的部分。
如果將畫風以厚塗和色塊來簡單區分,兩種情形在做拆分時的技巧會略有不同。
 
(厚塗到色塊的風格分析請參閱舊文:關於風格的那些事)
 
 
 
厚塗的情形
 
 
在以厚塗上色的情況下,通常會傾向先依照正常繪圖程序完成原畫,之後再將每個區塊拆解開來,並把原本被遮住的部位補上。但如果有拆起來比較麻煩的部位,還是可能會在畫的時候就分開來處理。
 
由於我的畫風是比較接近厚塗的處理方式,所以也都會在原畫完成後才進行拆分,但是以這張範例圖來說,半透明的彩帶如果事後才做拆分會相當不好處理,所以在作畫時就是分開來做的。
 
 
 
 
先將人物的圖層全部合併(除了彩帶以外),背景圖層可以先隱藏或刪除,如果背景需要在動畫中出現的話,後續做動態時再加上去就好。
 
 
 
拆分時要加所有會產生動態的部位都分開,步驟相當繁瑣,因此接下來我就以遮住身體的頭髮為例,具體說明拆分的步驟。
 
 
 
 
先把髮辮選取起來,這邊我不太會用魔術棒之類的工具來做,推薦用套索框選筆誤見稍大一些的範圍出來即可,並按ctrl+J在原地複製一個圖層。
 
 
旁邊多餘的部位用橡皮擦直接處理。
為了保證邊緣都有處理乾淨,建議加一個跟圖像對比較強的底色來當做檢查色。
 
 
 
 
接著用小筆刷把被擦掉的細節補回去,當然也可以在原畫時省略掉這些細節,等拆分階段時再畫上去。
 
 
 
 
位於底下的軀幹部件則是要補上被頭髮及項圈遮蓋的部分。
 
 
 
 
直接用滴管吸取旁邊的顏色用筆刷修補就可以了。
 
 
 
 
Live 2D的動畫工作流程中,原畫、拆分、綁定、動作等步驟可能為不同的製作者,因此如果遇到被遮蔽的部位就要靠設定圖(如果有),或是腦補的方式來處理了。
 
 
 
 
由於拆分完成的部件相當多,因此務必確實將圖層命名以便確認喔!Live2d只支援英文以及日文的名稱,中文字匯入後會呈現亂碼,務必留意。
除此之外,圖層的透明度、群組等基本屬性是可以在匯入時繼承的,但圖層混和模式或特殊效果則要避免,匯入時才不會發生問題唷!
 
 
 
色塊的情形
 
由於我自己的畫風不是色塊上色,手邊沒有範例,因此我用Live 2D的官方圖來輔助說明。
 
 
 
常見的處理方式是每個部件都用一個資料夾來區隔,每個部位的縣搞跟上色燈分開處理。當然色塊上色想要全部都完稿後再拆也是可以的,沒有對錯之分,只要自己覺得順手即可。
 
 
以上就是關於Live2D原畫以及拆分的介紹,下一次就要教大家如何在Live2D中綁定以及動態的製作囉!
 
 
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(19)

  • 個人分類:講師技術文
▲top
  • 5月 27 週四 202110:00
  • 聯成電腦分享:Photoshop玻璃杯去背法

article_main_img

文、Andy老師
 
 
 
各位好今天要介紹玻璃杯去背法,使用PS,首先先找一張背景圖,和玻璃杯,玻璃杯需要有高光部分,不要找沒有高光的玻璃杯照片,因為去背時我們要保留高光處,玻璃杯才會立體,效果如下圖。
 
 
 
 
► 推薦課程:Photoshop影像處理
 
 
把這兩張照片放入PS,玻璃杯圖層在背景圖層上,然後玻璃杯圖層混和模式改成色彩增值。
 
 
 
然後再複製一層玻璃杯圖層,混和模式一樣改成色彩增值,讓玻璃杯暗面更暗,更立體,若太暗可調低不透明度,效果如下圖。
 
 
 
然後再複製一層玻璃杯圖層,混和模式改成濾色,不透明改成40%,然後雙擊該圖層,進入圖層混和模式,並調整此圖層的漸層灰色條下的左邊暗部箭頭,將此左邊暗部箭頭拖拉至右邊,將會看見玻璃杯的亮部將提亮,使其玻璃杯中間立體感增加,效果如下圖。
 
 
 
當然如果覺得玻璃杯不夠亮,可以再將該濾色圖層複製一層,使其玻璃杯亮部更亮更立體,如覺得過亮可降低該圖層透明度,效果如下圖。
 
 
 
接著我們再來加一下玻璃杯的影子,首先新增一個圖層,圖層模式設為色彩增值,並將該圖層放置玻璃杯的下方,首先先用圓形選取工具。
 
 
 
並填滿黑色,填滿的快速鍵是alt + del,之後再將填滿的黑色圓形,使用自由變形,調整到適當的位置與大小,自由變形的快速鍵是ctrl + T,然後再使用濾鏡的模糊的高斯模糊,來製造羽化邊緣的效果,效果如下圖。
 
 
 
接著在將玻璃杯內的背景,往上移動,玻璃杯以外的背景則用玻璃杯的輪廓當遮罩去掉,做法順序為,先將背景複製一層,並將背景往上移動一點,再按著ctrl點選玻璃杯圖層,這樣就會選中玻璃杯的範圍,再來選回往上移動過的背景圖層,在該圖層按下遮罩按鈕,便會在玻璃杯背景圖層增加一個遮罩。這樣玻璃杯以外的背景部分就會被遮住,效果如下圖。
 
 
 
也就能做出物體在玻璃杯內變形折射的效果,效果如下圖。謝謝觀賞。
 
 
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(12,220)

  • 個人分類:講師技術文
▲top
  • 1月 27 週六 201809:02
  • 聯成電腦Painter電繪名師專欄Andy:顏值破表的紅髮公仔教學


文/圖:Andy老師
本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往聯成技術論壇與講師互動。
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(6,646)

  • 個人分類:講師技術文
▲top
  • 10月 23 週一 201710:40
  • 經典由你重現:Zbrush 3D 海賊王×魯夫公仔教學


文、家豪老師
 
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(16,832)

  • 個人分類:講師技術文
▲top
  • 9月 11 週一 201710:51
  • 經典由你重現:鬼怪火焰劍 特效教學




 教學、家豪老師
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(10,526)

  • 個人分類:講師技術文
▲top
  • 8月 01 週一 201608:55
  • 聯成電腦Andy老師:聖女貞德(下)


圖、文:Andy老師
本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往聯成技術論壇與講師互動。 
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(8,415)

  • 個人分類:講師技術文
▲top
  • 7月 06 週三 201608:55
  • 聯成電腦金匠老師專欄:3DS MAX畢製最前線14─四方接續貼圖的妙用


文/圖:金匠老師
本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往老師專版與講師互動。
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(281)

  • 個人分類:講師技術文
▲top
  • 6月 22 週三 201608:55
  • 聯成電腦金匠老師專欄:3DS MAX Surface ─古典花瓶製作


文/圖:金匠老師
本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往老師專版與講師互動。
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(173)

  • 個人分類:講師技術文
▲top
  • 5月 16 週一 201609:05
  • 聯成電腦Andy老師專欄:航行夢幻之旅的小精靈(上)


文/圖:Andy 老師
本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往駐站專欄與講師互動。
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(8,642)

  • 個人分類:講師技術文
▲top
  • 4月 21 週四 201608:55
  • 聯成電腦金匠老師專欄:3DS MAX Unwrap UVW ─ 神鳥鳳凰UV拆解


文/圖:金匠老師
本文轉載自聯成電腦技術論壇,歡迎點選此連結,前往老師專版與講師互動。
(繼續閱讀...)
文章標籤

聯成電腦 發表在 痞客邦 留言(0) 人氣(16,252)

  • 個人分類:講師技術文
▲top
12...14»

.

最新文章

  • 聯成電腦快訊:學設計找聯成!全台灣首家Adobe授權培訓中心唯一授權超過27年培訓實績
  • 【Photoshop教學】魔法火焰光效果
  • 奇異博士2:失控多重宇宙Drawing
  • 【Photoshop教學】用神經濾鏡組合2張照片並協調色調
  • 【WordPress教學】網站SEO如何做好?Yoast外掛介紹
  • 【Excel教學】實作抽籤機
  • 是誰住在深海的大珊瑚裡?章魚哥
  • 好想成為VTuber!Live 2D角色前置作業
  • JavaScript的型別在TypeScript中認識物件型別
  • 網友激推!美味夜市小吃烤魷魚畫作

_