新聞中心 - 聯成電腦

名師陣容

客服中心

我要查詢
開課查詢
分校查詢

HOT影片菜鳥救星聯成外語

加好友

菜鳥救星聯成外語

我要查詢客服中心熱門新聞關於聯成學員服務名師陣容學員展現就業徵才課程總覽

課程總覽

熱門消息

News List

裝飾風格和人物特寫結合的扉頁設計

文/圖：承菱老師各位同學安好啊，在上一篇教學文示範中，是以人物的正面臉型當作基本功的練習，所以接下來這篇，我們就進階到以人物正面為構圖，並搭配圖騰的設計把他畫成一張完整的扉頁。而這篇示範也可以分成兩個部分來講，首先，若對於畫人物還是覺得不怎麼熟練的話，也可以先從不是人物的部分來當作平常時的自我練習，例如：練習畫個裝飾性的頭冠。 ●圖例1~17為頭冠的繪製步驟。頭冠的造型若無概念,也可以多找一些圖片或是資料來參考, 加上自己的想法和喜好,融匯貫通後, ,再來下筆設計繪製草圖會比較得心應手 ◎使用軟體:comic studioEX。 ◎工具:設置一個對稱尺規圖層後,沾水筆尖畫草圖,曲線搭配沾水筆尖描畫線稿頭冠完成後,若還想練習畫人,就把人物也畫上吧^_^。但是要注意,人物的臉型比例大小,和先畫好的頭冠是否能搭配得上。若只有正面臉型的構圖稍嫌單調,所以我加上一點簡單的手勢,靈感來源是化妝品的廣告，為了讓整個畫面有比較活潑的感覺,我在頭冠邊邊加上蝴蝶結和飄揚的帶子。為了營造華麗的造型,接著依續加上人物手上的裝飾物,珠珠手環,項鍊。人物的部分都完成後,接著把畫面縮小觀看整體,視情況來設計背景，參考德國新藝術大師慕夏的圖騰風格概念,在人物的背後放上對稱盛開的花朵,並用一個長方形的圖框放置在畫面邊邊,營造裝飾的視覺效果，圖框的設計概念,我應用了編織纏繞的設計原理，讓圖框也可以有層次上的變化！把圖框也加上花紋,讓整體更顯華麗豐富，下一篇是上色示範,請同學們要記得回來看看喔!下回見^__^ 痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

名師專欄 Comic 承菱
名師專欄：超好用Unity外掛-NGUI介紹(一)

文.圖：林昭自在使用Unity無論是製作2D或是3D遊戲本身的過程中，透過Unity內建的GUI工具來製作UI時，絕大多數的開發者都覺得並不是這麼好用。無論是GUITexture組件或是直接透過在Script中的OnGUI函式來製作UI時，都會面臨相同的問題，就是必須要自己去計算螢幕當時的解析度，再回過頭來計算每個UI元件合適的位置及尺寸。如果今天的遊戲規模很小，UI的元件數量很少，那麼這件事情還勉強可以被接受。但若是一個規模稍大的遊戲，UI 元件的數量很多時，那麼這件事情就變成了一個災難。Unity官方已經承諾會在UI工作上做出一定程度的改善，但是對全球的開發者來說，時間是非常寶貴的，在這邊為大家介紹一個UI製作工具的替代方案NGUI。 NGUI的全名為Next-Gen UI Kit，意思是下一個世代的UI。我們可以在Asset Store上面或是NGUI的官網上找到免費試用版，NGUI本身是要收費的，不過價格並不是太貴，加上可以有持續升級的支援，我個人認為是一項很值得的投資。如果有任何的疑慮，也可以先考慮試用他們所提供的免費試用版。 NGUI的特色完整跟Inspector整合。不需要按下Play才能看到你的UI結果。我們在SceneView中看到的樣子，就是我們在GameView中看到的結果。符合Unity的組件式設計哲學：組合你需要的功能，透過寫最少的程式碼，完成最多的功能。完整的跨平台支援。支援Web，Windows，Mac OSX， Android， iOS等。具有彈性的事件處理機制。只需要最少的Draw Call，就可以畫出相當複雜的UI。我們可以在編輯器中製作Atlas不需要透過額外的工具。製作出來的UI元件可以支援光照，法線貼圖等。支援元件的可視裁切。支援多國語系。內建易用的動畫腳。乾淨簡短且最佳化的C#程式碼。沒有DLL或是其他不必要的資源。 NGUI官網 http://www.tasharen.com/?page_id=140 NGUI Asset Store https://www.assetstore.unity3d.com/#/content/2413 安裝NGUI 安裝NGUI的方式可以從Asset Store上或是前往NGUI的官網下載。NGUI本身也被包裝成一個unitypackage。下載完之後直接匯入到你的Unity專案中即可。官方範例 NGUI包裝檔中包含了許許多多的使用範例，當我們將NGUI匯入到Unity之後，範例會一併被匯入，位置在 Assets/NGUI/Examples/Scenes/資料夾中。 Example 0 - Control Widgets 包含了NGUI中所有常見的UI控制項，像是按鈕，文字輸入欄，下拉式選單，卷軸等等。 Example 1 - Anchors 示範了Anchor的用法。Anchor在NGUI中指的定位點，在製作UI元件時，我們往往需要指定特定UI元件的位置，同時也要考慮在不同螢幕解析度或者是長寬比下的問題，Anchor能幫助我們輕易地解決這個問題。 Example 2 - Interaction 示範如何使用按鈕元件來傳遞訊息，進而控制其他元件。在這個範例中，我們還可以理解到NGUI也同時支援3D的介面呈現。 Example 3 - Menu 示範一個常見的選單製作方式，同時結合內建的Tween系統，來達成選單切換的動畫效果。 Example 4 - Controller Input 雖然看起來跟範例三長得一模一樣，但這個範例主要提供使用者可以藉由鍵盤輸入來控制UI的流程。 Example 5 - Lights and Refraction 示範UI控制項本身可以指定材質，同時接受場景光源打光的效果。我們可以額外指定法向量貼圖Normal Map來做一些更進階的效果。 Example 6 - Draggable Window 示範一個可以拖拉移動的視窗。 Example 7/8 - Scroll View 示範捲動元件的用法。 Example 8 - Quest Log 示範一個任務對話框的用法，任務的細節說明可以藉由展開UI元件的方式來查看。 Example 10 - Localization 示範NGUI如何製作多國語系的介面。 Example 11 - Drag n Drop 示範一個可以拖拉位移的UI元件製作方式。 Example 12 - Chat Window 示範一個簡易的聊天對話框。 Example 13 - Tab 製作分頁。 Example 14 - Endless Scroll View 示範一個可以循環顯示的卷軸視窗。 Example X - Character 示範如何從NGUI結合常見的腳色換裝系統。以上這些範例示範了如何藉由NGUI來實現常見的UI元件。對於想要徹底了解NGUI系統的我們來說是相當實用的資源，這邊會先從整個UI概念開始介紹。概念 NGUI的概念是所有的UI元件也是被放在場景中，也就是它們其實也算是3D物件。NGUI會透過一台獨立的正交投影攝影機專門去顯示這些UI元件，又由於場景中存在超過兩台攝影機，因此決定攝影機繪圖的先後順序變得非常重要。一般說來UI元件多半會蓋在我們的場景之上，因此用來Render使用者介面的攝影機的順序必須要在場景攝影機之後。我們可以藉由觀察場景攝影機與UI攝影機中的Depth欄位來確認這件事情。一般說來UICamera的Depth必須要大於Scene Camera，才能確保UI Camera的繪製順序。建立我們的第一個UI，當成功匯入NGUI之後，在Unity的主選單上會多了NGUI的選單。要建立整個UI系統，我們可以從NGUI Create 2D UI來建立。我們的UI建立完之後，會在場景中產生下列物件： UI Root Camera 其中UI Root會幫助我們去根據不同螢幕的尺寸大小來調整個別UI元件的尺寸，他有三種縮放元件的模式，分別為： Pixel Perfect Fixed Size Fixed Size On Mobile Pixel Perfect代表的意思為，如果你有任何一個元件是200x300的尺寸，那麼實際呈現在畫面上就會剛好是200x300 pixel，無論實際的螢幕尺寸為何。這樣的作法跟Unity內建的GUI想法是一致的。好處是我們請美術畫的GUI元件是多大就是多大。由於不會自動縮放，可以確保圖片的精緻度，但是缺點是缺少了自動調整大小的機制。 Fixed Size則是會根據螢幕的大小來動態調整，如果在場景中我們擺放了一個大小是整個螢幕大小25%的元件，那麼不管實際上我們的螢幕多大，這個UI元件就會是螢幕尺寸的25%。 Fixed Size On Mobile：如果今天遊戲是一般桌機的版本，那麼縮放的模式是Pixel Perfect，如果遊戲跑在行動裝置上，縮放的模式則會變成Fixed Size。接下來我們說明UIRoot底下的第一個子物件Camera。這個Camera物件本身帶有Unity內建的Camera Component。重點在於它將投影模式設定成Orthorgraphic(正交投影)，另外正交投影的尺寸會被固定在1。才能夠讓UI元件是Pixel Perfect。 Camera則是我們之前所提到專門用來繪製UI元件用的攝影機之後所有的NGUI元件都需要放在Camera這個物件的子物件，除了Camera組件之外另外還有UICamera組件。UICamera主要負責傳遞各種UI的事件，換句話說他會負責派發各項事件到不同的UI元件上。後記到目前為止我們已經準備好要開始製作我們的第一個UI。在下篇教學中，我們將會示範各種NGUI常見元件使用方式。痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

名師專欄 Unity 林昭自
3ds Max-萌起來：比例掌控小撇步

文/圖：金匠老師上回的女神誕生篇PART-1發表後，有同學提到掌控比例很困難。的確，即便是對匠哥來說，掌握比例也從來不是件容易的事。尤其是創建角色時除了比例之外，又必須同時考慮佈線的問題。遇到沒有三視圖參考時更是傷腦筋。不過我們可以透過一些方法，來幫助自己使用3ds max建模時能更快速的掌握到接近的比例。這個角色，匠哥之前看過幾個同學拿來做作品的題材，匠哥也覺得這個角色相當可愛，就拿它來做範例向大家介紹囉。好評價好文經典回顧首先匠哥要告訴大家的第一招是在3ds max放置高清背景圖的技巧。先將參考圖片在Photoshop進行整理成一張，盡可能用高解析度的圖，左右多拉出一點空間，以便符合視窗和螢幕的比例。存好jpg檔後，就要前往3ds max囉。用拖曳的方式，將參考圖片甩到Front視窗，會彈出一個對話框。因為我們只是想將參考圖當做背景，並不是希望算圖時也顯示它，所以第二個選項，An environment map可以不必勾選。點擊OK後，圖就出現在Front視窗的背景畫面囉。將視窗展開，準備進一步的設置。在Viewport Background面板裡，匠哥勾選的是Match Bitmap和Lock Zoom/Pan。這能幫助背景圖依照正確比例顯示，並且可拉近觀看。接著我們要提高顯示的解析度。打開Asset Tracking對話框，快捷鍵是shift+T。將Enable Proxy System打勾，再點開Global Settings，將Downscale map to更改為Full，OK, Generate Proxies Now。目前畫面還沒變化，我們進到Viewport Configuration，將Force objects displayed smaller than設定為2000 pixels to the lowest priorit。接著在視窗中點選Update Background Image。瞧，見鬼了，有夠清晰的吧。開始建模囉，在Front視窗切換成Perspective，這樣就能定在自己想看參考圖的位置進行建模囉。而且Perspective邊轉模型邊對比例，更容易做得跟原畫接近喔。先用簡單的造型拼裝組合成合適的比例。這個階段完全不要考慮佈線的問題。不必考慮佈線的問題就能輕鬆而且快速的掌握模型應有的大小囉。在所有尺寸確定後，可以直接在3ds max裡使用拓樸的方式或以這個尺寸為標準來建模，當然，有先前練習過的模型也可以直接拿來用它調整比例。為了追求更細緻的效果。同學也可以將整組模型輸出到數位雕刻軟體增加一些細節再開始思考佈線的問題。喏，稍微刻過之後比例是不是更接近也更好安排佈線了呢？痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

名師專欄 3ds Max 金匠
3ds Max分享-隨風飄逸的頭髮

文/圖.小邱老師這次要介紹3dsMAX的風力搭配Hair andFur修改器，使頭髮隨風亂飄的情景。首先，要製作一個簡易的頭型來生長頭髮，可依照下面步驟來建立，或是直接開啟3dsMAX附件檔《簡易頭型.max》並跳至步驟8來繼續製作。簡易頭型.max (180 KB, 下載次數: 0) 1. 建立一個正立方體。 2. 切換至移動模式，把位置歸零。 3. 加入MeshSmooth修改器，Iterations設為1，增加網格數。 4. 將模型轉為Editable Poly，並加入FFD(box)修改器，調整頭型。 5. 切換至前視圖，利用比例，將頭上下拉長一點。 6. 切換至左視圖，進入FFD(box)修改器的Control Points子層級，調整至如圖所示的側面頭型。 7. 加入MeshSmooth修改器，Iterations設為1，然後轉為Editable Poly，再次增加網格數。 8. 加入Hair and Fur(WSM)修改器，生長毛髮。 9. 由於毛髮太過茂密，看不清楚網格，因此先將HairCount設定為1000，降低毛髮數。 10. 進入到Hair and Fur(WSM)修改器的面層級，選取要生長毛髮的面，再點擊Update Selection按鈕來更新選取。 11. 點擊Finish Styling按鈕，進入修飾造型的模式。 12. 設定適當梳子尺寸，切換為比例按鈕，在頭髮上按住左鍵向右拖曳，將頭髮變長。 13. 退出Finish Styling模式，將Hair Count設定為10000，增加毛髮數。 14. 切換至LIVE的模擬模式，使頭髮受到重力自然下垂。 15. 調整頭髮的段數與頭髮半徑。 16. 切換至前視圖，點擊Wind按鈕，建立風力。 17. 切換至上視圖，將風力移動至頭的前方，並旋轉風力，讓風的箭頭朝向頭部。 18. 旋轉風的角度，如圖所示。 19. 選取頭髮，至修改面板，將Polygon打勾，使頭髮飄動時可與頭部碰撞。 20. 點擊External Forces欄位的Add按鈕，點選風力，加入頭髮與風力的連結。 21. 選取風，至修改面板，設定Strength為100，增強風的強度。調整完畢，選取頭髮，可預覽頭髮飄動。 22. 選取頭髮，隨時可以修改髮量與層次，若頭髮太多過於厚重，就降低髮量。 23. 選取風，設定Turbulence為500，有間歇風的感覺。 24. 設定Frequency頻率為100，時有風，時無風。 25. 選取頭髮，切換為Precomputed模式來進行程式運算。 26. 瀏覽要儲存的位置。 27. 點擊Run按鈕，開始輸出。 28. 點擊播放鍵，頭髮就會飄動。 29. 輸出影片，恭喜完成！痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

名師專欄 3ds Max 小邱
春天狂想曲設計大賽得主公佈

這一次春天狂想曲的競賽中，大家發揮創意完成許多精采作品，小編深深肯定每一位參賽者的努力和創意激盪，希望大家都能從中求取經驗，讓自己快速成長，同時恭喜以下得獎人，也謝謝大家支持比賽！以下是俊良老師、金匠老師、承菱老師，給大家的一些建議和鼓勵！俊良老師：「學習如逆水行舟不進則退，因此練習是最好的老師。」金匠老師：「這次參賽的同學當中，有三四位已經成為線上的插畫家了，十分感謝同學們的熱情參予。構圖的創意、巧思、設計，能否扣題，是專題創作的重點。純就美感方面而言，畫面的張力、風格以及完成度的一致性、色彩的協調性是專題以外大家要恆常性發展的目標。！」承菱老師：「其實同學們的作品都很棒,前途是不可限量的,但是比賽是有主題的,所以我只能從比較貼近主題的作品來評分，希望同學們繼續加油喔!」感謝三位老師撥空用心協助評分，也感謝8位評審，以下得獎成績綜合8位評審和老師評核加上論壇投票，再次感謝參賽的同學，和投票參與的許多朋友們！《以下為得獎名單》第一名 a19870109_100381815_春穫評語： 1.個人風格明顯，造型色彩富有美感。 2.畫面讓人愉悅，情境帶有希望。 3.畫面構圖雖然簡單但明確，光感處理的不錯，有春天溫暖的感覺，手跟肩完成度可以再加強，可惜的是背景部分可以處理的細緻一點。 4.角畫得很漂亮,用色清新,符合主題有春神到了的fu。第二名 ya730613_100409327_春天圓舞曲評語： 1.雖然畫風與其他參賽者不同，但整件作品用色乾淨、鮮明，配色得宜，整件作品春意盎然。 2.整體很有春天的感覺,用色柔和明亮,構圖獨特。 3.筆法用色俐落簡潔，畫面協調安穩，整體風格一致性完整性最佳，無可挑剔，完全可以商品化。 4.將物體作變形的轉換，如樹變圓形，以及穿插許多動物，並隱藏一隻白色的類恐龍，使畫面擁有許多細節創意點，讓人充滿驚奇。第三名spiashaia_100648726_春神來了!! 評語： 1.筆法細緻成熟，構圖充滿想像力 2.一些與春天有關的花草動物當作裝飾想法很有趣，人物表情不用太嚴肅。創意獎cheng0427_101119304_春波碧草草泥馬評語： 1.「2隻草尼馬變成1台交通工具」，第一次見到，頗具創意！ 2.俏皮諧趣，讓人會心一笑，。創意獎 julie._101276797_春之女神評語： 1.古典寫實油畫的技巧表現十分到位，衣料的柔軟細膩與精緻的場景描繪更襯托出女性肉體的美感。 2.整幅畫的完成度很高，人體結構方面腿部還可以再加強，光感再做得細緻點會更好喔！ 3.作品創意很不錯,但是如果花朵可以多一點,更能加強出春天的感覺詳細得獎結果請到聯成論壇痞客邦Blog：http://lccnetvip.pixnet.net/blog FB粉絲團：https://www.facebook.com/lccnetzone 菜鳥救星：https://www.facebook.com/greensn0w

Painter Comic Andy 金匠承菱

485 486 487 488 489 490

熱門標籤

菜鳥救星文章名師專欄 CG 角色設計耀月 Painter

特別企劃

如何利用AI🤖輔助人類發散收斂？

如何利用AI🤖輔助人類發散收斂？

最近看到一則網路迷因：「人類期待AI洗衣掃地，我們就能寫詩畫畫，而現在卻是AI在寫詩畫畫，人類在洗衣掃地」。令人莞爾又諷刺，但這是誤解人類與AI應有的相處模式...

網友熱搜文章

【AI人工智慧x影音設計】AI大躍進！影音動畫震撼登場！

有任何的疑問嗎? 歡迎打到我們的免付費電話

服務時間週一~週五
09:00 ~ 18:00

有任何的疑問嗎?
歡迎打到我們的免付費電話

服務時間週一~週五 09:00 ~ 18:00

0800 580 581

關注我們

上班族最愛課程

網友激推熱門課程

紅帽學院系列課程

隱私權政策 | 防詐騙聲明 | 性騷擾防治 | 網站地圖

聯成電腦網站全部圖文係屬聯成電腦版權所有Copyright© 2015 by lccnet.all Rights Reserved文中所提及之產品名稱，分別隸屬該註冊公司

本網站使用相關網站技術以確保使用者獲得最佳體驗，通過使用我們的網站，您確認並同意本網站的隱私權政策。欲了解詳情，請參閱隱私權政策。