
目前分類:講師技術文 (228)
- Aug 04 Thu 2022 10:00
你知道什麼是「錯視藝術」嗎?

- Jul 28 Thu 2022 10:00
一家烤肉萬家香!香噴噴烤肉畫給你

文、耀月老師
各位同學大家好~
這篇文就是在中秋節前寫的,所以主題就畫大家想吃的烤肉^^
希望今年的烤肉大家都能開心愉快!
1. 首先,我們先拿出細節噴槍來繪製草圖,因為我只想畫筷子夾起烤肉的感覺,所以這邊草圖就這樣而已XD
2. 接著使用”數位噴槍”,將此圖的固有色畫上,顏色上不用太多太複雜,純色即可。
3. 再來,使用輕柔炭筆幫背景布置個底色上去,這邊為了凸顯烤肉的顏色,所以用色上偏藍灰色。
4. 使用帶有混色效果的筆刷來做烤肉上色繪製,可以用油畫粉蠟筆將顏色畫上去,這邊還不用管顏色亂七八糟的部分。
5. 接著使用”混色筆-紋路水化”將顏色做混色的動作,顏色融合得較為均勻。
6. 將右下方的肉塊顏色繪製的差不多以後,接著來畫肥肉的部分,這邊我會先用鵝黃色來繪製肥肉的邊緣..看起來比較油脂豐富。
7. 使用習慣的筆刷搭配混色筆,開始來繪製肥肉上方的紋路部分。
8. 前方的肥肉畫一畫有點膩了,就先畫後方瘦肉的部分;瘦肉就是注意顏色烤熟後會帶有一些紅褐色,繪製的時候注意用色,因為它是五花肉,就算是瘦肉也是會有油脂,所以要畫一些亮晶晶的油脂上去看起來才會美味。
9. 右下方的瘦肉完成之後,再來繪製肥肉周圍被烤焦的部分,而肥肉烤焦會最明顯的是肥肉上方的皮(左方),所以利用黃褐色來繪製皮被烤焦的部分。
10. 將左方肥肉中間的紋路按照不規則的方式撇動,畫出肥肉紋理。
11. 最後點綴出最重要的”油脂”部分,油脂的部分我用的是用細節噴槍搭配混色筆做使用,將肥肉的”最高光”點綴出來,看起來更為油亮美味。
12. 將筷子的細節畫上,因為是木紋筷,所以畫的時候要注意木頭的紋路唷!如果沒畫出紋路會很像塑膠製的。
13. 最後為了讓烤肉看起來熱氣騰騰,所以加上了”煙霧”,看起來是不是很好吃的感覺呢^^?
- Jul 21 Thu 2022 10:00
人人都不想面對的病毒!寫實畫法呈現

文、Alam老師
大家好!我是Alam,今天要介紹分享的繪圖技巧是比較具體的主題「新冠病毒」,在這裡除了要介紹病毒外型的描寫刻畫技巧外,還有比較抽象的肺部質感製作介紹,這和以往的人像繪畫風格有點不同,倒是有點接近海報的圖像設計。最後,在前景和背景再做前後處理,其中的元素,可以讓我們更感受到被病毒攻擊之可怕。讓我們在Painter的各種功能中嘗試設計創造上更多的可能性。在許許多多繁複的細節繪製裡面,如果能善加利用Painter的筆刷功能設計,其實是可以達到事半功倍的效果的!
此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 特效/膨脹
d. 特效/扭曲
e. 照片/模糊
f. 橡皮擦/橡皮擦
g. 橡皮擦/柔和漂白
h. 特效/發光
i. 照片/暗化
J. 照片/加入紋路
k. 微粒/春綢緞帶
l. 微粒/流線貼圖強化器
i. 混色筆/灑鹽
👉 推薦課程:數位創意電繪設計
1. 首先,選用一顆足球來當病毒主體的素材。
2. 然後再利用足球表面的拼接點及中心點為參考,個別畫點做記號!
3. 接下來,開新圖層以足球輪廓為基礎畫出一個球體!
4. 選用「特效/扭曲」(依據紅色參考點)來拖曳出外輪廓的冠狀觸手,重點在於「景深立體效果」,所以觸手長度不可完全等長。筆刷條件請參考下圖所設定的參數調整!
5. 以特效/膨脹筆刷來發展出觸手的圓頭外觀,並且用照片/暗化做出初步的陰暗面!
6. 繼續處理病毒球體外觀上的紋路質感,在此介紹一枝蠻特殊的筆刷「微粒/流線貼圖強化器」,搭配流現貼圖上的紋路圖樣(也可依照自己喜好擷取貼圖圖樣)便可以完成特殊的紋路外觀質感,同樣的,筆刷條件請參考下圖所設定的參數調整。
7. 再開新圖層,根據剛剛所畫的參考點畫出球體整面的觸手,這裡要注意觸手發展的方向是根據球形而呈放射狀。
8. 利用「特效/發光」製作出冠狀觸手頭部的立體反光效果,並繼續利用「照片/暗化」修飾陰影處!
9. 在畫布改變背景狀態,先看看效果如何!
10. 先關閉畫好的冠狀病毒圖層,另在下方開一新圖層畫出人體肺部的示意簡圖!
11. 將剛剛繪製完成的冠狀病毒以複製、變形、調色的方式分佈在肺臟的周遭,較遠的病毒可用「照片/模糊」來調整其清晰度。
12. 在肺臟上處理出明暗立體感,並開始使用「照片/加入紋路」逐漸呈現出表面質感。
13. 利用不同的紙張紋路搭配出肺葉上的特殊質感,再使用「微粒/春綢緞帶」勾勒出迷濛的效果。
14. 最後再使用「等化」效果來調整畫面色澤平衡,一張襲捲全球的大災難圖片便活生生的被記錄下來了!祝大家一切平安,記得要去打疫苗喔!
- Jul 19 Tue 2022 10:00
設計菜單不找設計師,讓Indesign幫你完成 Part 3

文、Andy老師
大家好,這篇繼續示範用in design 來製作菜單,以下是完成圖。
上一篇我們已經排好圖片和色塊,現在我們就可以來設定菜單文字,所以此篇的重點是 段落樣式。
首先我們先從word複製菜單文字,再貼入in design。但在word需要將菜名與價錢之間用tab鍵按一下形成一個空格,這樣in design 的定位點功能,才能判斷這個tab鍵是一個定位點。如下圖所示。
接著再使用文字工具,拖出一個文字框,並按ctrl + V將word裡的文字貼入,在word裡ctrl + C是複製。如下圖所示。
接著再從 視窗 / 樣式 / 段落樣式,開啟段落樣式面板。如下圖所示。
再從段落樣式面板的右下方的加號按鈕,新增一個段落樣式,然後點選文字框,在點選新增的段落樣式,這樣文字就套用新的段落樣式。如下圖所示。
再來就不要選中文字框,點擊版面空白處,表示沒選到任何物件,在雙擊新增的段落樣式,並在段落樣式面板裡,左邊的 一般 可改段落樣式名稱。如下圖所示。
再來打勾左下的預視,可即時預覽段落的變化,如下圖所示。
再來點選左邊的 定位點 在點右邊定位點的位子,下方X為定位點微調,前置字元 可輸入符號,此時便會看到價錢向右靠齊,並在價錢與菜名之間出現一條線。如下圖所示。
再選到項目符號,清單類型 選擇 項目符號,並按下右方的 新增 按鈕,找到要新增的符號,即可在項目符號字元,找到剛剛新增的符號。但此時新增符號後文字位子會跑掉,所以要用 定位點位置 來調整跑掉的位子。如下圖所示。
再來可在 字元顏色 改變文字顏色。如下圖所示。
再來可在 基本字元格式 裡改變 字體 大小 行距 字距等。如下圖所示。
再來再新增一個段落樣式,來做菜名下面的說明文,做法如前步驟。如下圖所示。
其他菜單部分,可用複製的方式,再貼入新的菜單文字,製作其他菜單。如下圖所示。
如果要改其他菜單文字的顏色,可在段落樣式,複製樣式,再到複製出來的段落裡去改顏色。再將此段落套用到新的菜單文字,如下圖所示。
另外物件有上下遮擋關係,若文字被色塊擋住,再按右鍵 排列順序 去改變上下位置。如下圖所示。
現在只剩下一般的文字輸入與圖形置入,文字就用文字工具輸入,外部圖形則用 檔案 / 置入 ctrl +D。如下圖所示。
如此菜單就完成了。如下圖所示。謝謝觀賞。
- Jul 12 Tue 2022 10:00
清純美女人像畫的誕生

文、耀月老師
各位同學大家好~
這次的中秋節因為疫情關係也不能出外烤肉,最近宅在家不知道要做什麼,就好好的來畫圖吧!
1. 首先,拿出錐形康特筆繪製草圖,在草圖時就先將人物細節大致畫上,方便之後上色。
2. 接著使用輕柔噴槍在背景繪製大概背景色墊個底,可以先把整體氛圍畫出來。
3. 用數位噴槍繪製出皮膚的底色來。
4. 在依序繪製出頭髮、衣物、書本等的固有色出來,畫的時候一樣要注意顏色的飽和度。
5. 使用習慣的筆刷,粉彩筆or輕柔炭筆皆可,來繪製人物的臉部立體感,在畫的時候要注意立體感的分布位置。
6. 將人物的鼻子立體感畫上,畫的時候要同時注意五官位置別跑掉唷!
7. 用輕柔炭筆將嘴唇繪製出來,畫的時候輕柔下筆,千萬別畫太重,要畫出柔美嘴唇的感覺。
8. 接著加強整體五官的立體感,並且將嘴唇的部分繪製完成。
9. 將嘴唇的光澤繪製出來,畫的時候注意光澤的分布位置。
10. 人物的臉部完成之後來繪製書本,這邊我寫了一些英文字在書本上增加豐富度,英文字可以隨意亂填。
11. 將書本的立體感繪製出來,畫的時候注意手壓到書本的陰影、以及衣物碰觸到書本的陰影等。
12. 接著拿出有紋路的筆刷來繪製衣物陰影,這邊我使用粉彩筆系列。
13. 衣服因為右邊有照到光線,所以加強衣服右邊的光源,可以畫亮一點增加對比度。
14. 使用輕柔炭筆來繪製頭髮的細節,隨著髮流的方向作繪製唷!
15. 背景的部分要繪製出前景和後景增加單眼相機拍出來的感覺,所以前景我用了綠色模糊的樹葉當前景,後景就是帶一點樹葉或花做點綴,整體感調整一下後就完成了!看起來是不是很有氣質很夢幻呢^^
- Jul 05 Tue 2022 10:00
水彩少女轉電腦繪圖

文、Alam老師
大家好!我是Alam,這次要介紹分享的一張圖是從前(約21年前)剛開始練習塗鴉的類似言情風格表現的人像水彩畫,由於當年並無老師指導,只能憑靠自己的感覺和線條認知來自我摸索,因此在色彩和人物臉部五官的比例乃至於中心線的拿捏上總是盲修瞎練,當年似乎完成後還自我感覺良好,但20年後經過專業老師指導,並學會用電腦處理畫面之後,再度以電腦軟體修改先前的人物描繪作品,並搭配其他特效技法及軟體功能的運用,相信前後期的作品一定會碰撞出時代的火花。
這一次,除了基本的人物描繪之外,我在這裡還會再度介紹一些常用的畫面效果處理,希望能幫助大家可以在最短的時間內達到心目中最理想的效果。
此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 特效 /膨脹
b. 噴槍/輕柔噴槍
c. 粉彩筆、粉蠟筆、蠟筆/概念藝術抖動平滑
d. 照片/暗化
e. 橡皮擦/柔和漂白
f. 橡皮擦/橡皮擦
g. 畫刀/刷式畫刀
h. 照片/加亮
i. 照片/模糊
j. 鉛筆/覆蓋鉛筆
k. 油畫粉蠟筆/圓頭油畫粉蠟筆
👉 推薦課程:數位創意電繪設計
1. 首先,將原水彩插畫以掃描或翻拍的方式做成電子檔輸入電腦。
2. 接下來,將基本人物素體留下,並去除背景部份。
3. 由於臉形有明顯的歪斜扭曲,頭部的中心線與透視感也有很大的問題,所以首先利用「自由變形」(Ctrl+Alt+t)來調整人物的身體與頭形的整體角度。
4. 繼續另開新圖層以覆蓋鉛筆重新標定處理人物五官位置與基本體太,線條的要求只須準確即可,不需太過精細!
5. 使「覆蓋鉛筆」讓臉部五官更明確化,並搭配混色筆/只加水來柔化肌膚質感。
6. 接著,因為人物髮型是屬於包頭造型,所以前方包括髮際線的髮流分部方向是往後腦勺發展的,所以在描繪發展上必須依頭形弧度呈放射狀往後梳理。
7. 再次明確化五官立體感及服裝皺摺處!
8. 接著,針對整體膚色的再度調整,我們要利用Photoshop中的濾鏡/Camera Raw濾鏡來做細部調整,記的調整前最好先複製該圖層備用。
9. 選擇幾種經常參與膚色的色塊放在圖旁隨時等待吸取、參考備用,在某些陰暗處可略微加上一點冷色系,讓膚色不僅有些通透感,也可表現出皮膚下的靜脈色調。
10. 終於,將上一層頭髮覆蓋上,並增加一點具有厚度的蓬鬆感。
11. 在背景再增添一些遠處山林的薄霧感。
12. 選取「等化」功能,並處理一下畫面的整體色調以及頭髮的圓滑亮度。利用創造出屬於自己專用的「噴灑筆刷」,輕噴在在「圖層」的最上,筆刷截取路徑再複習一下:筆刷/擷取筆尖(抖動調整在2.4左右、間距 150左右),然後試一下筆刷效果(確定之後記得要儲存變體並將緣清柔噴槍還原喔)!最後再調節一下噴灑效果的透明度,這樣畫面就不會太無聊啦!
- Jun 30 Thu 2022 10:00
同人商品製作!造型貼紙&壓克力篇

文、Simi老師
學生在製作同人商品時,常常遇到各種實務上的問題,這個單元主要分享一些常見同人商品的印前處理問題,希望讓大家在製作相關商品時能更加順利!
這次的主題是「造型貼紙&壓克力」,但其實不只有這兩項商品會使用到今天所說的技巧,只要是需要完整結構圖形或是需要進行切割軋形的商品都會運用到,例如人形立牌、局部光範圍標示…等,大家可以靈活。
圖案設計構圖完整
想要製作造型貼紙或壓克力產品,除非要做悠遊卡貼之類本身就是方形的商品,否則通常會選擇比較完整的圖形,如右圖❶為一隻完整的鴿子,沒有被切斷的部分。
如果角色無法畫到全身(因為貼紙的載體尺寸太小,除非是Q版圖,否則全身角色不利於展示細節),就要在適度的結構部位做一個段落,如右圖❷只有頭的部分被畫出來,是一個明顯的結束點。或是利用頭髮或配件來避免畫面突兀地從中截斷,如右圖❸就是用項鍊和頭髮去完整身體被截斷的部分。
繪製向量刀模
圖像完成之後接著就要畫切割貼紙的外框,印刷術語稱之為刀模,因為廠商通常要求提供向量格式,本教學將在Illustrator中教大家如何製作符合角色輪廓的刀模。
圖像準備
首先將插圖置入到檔案中並進行:編輯/複製。
接著打開圖層視窗,開一個新的圖層後執行:編輯/就地貼上。
影像描圖
在功能表的視窗選項中中打開影像描圖視窗,選取其中一個圖層上的圖形後,要勾選「預視」才能看到數值調整的內容。必須要調整的有:
▶ 臨界值:數字越大時能描到較多的圖形輪廓,尤其這隻鴿子為淺色,數值不夠大就無法描到完整輪廓。
▶ 忽略白色:在黑白模式時,會將圖形顏色較淺的部位描成白色,較深的部位描成黑色,而黑白的判定就是由前項的「臨界值」來判定。
數值設定完成後,務必點選屬性列上的「展開」選項,使自動描出來的圖形轉換為可調整的向量物件。
輪廓製作
首先將描出來的剪影圖層放在原本的圖片下方,由於刀模不能太貼近圖案,因此用k100的純黑色設為筆畫顏色後,打開筆畫視窗後調整筆畫寬度,並將尖角項目選為「圓角」。
確認筆畫寬度之後,點選功能表:物件/路徑/外框筆畫,將筆畫物件轉換為填色物件。
接著打開「路徑管理員」視窗,將所有路徑合併為單一物件。由於筆畫不能跟填色聯集,因此務必先執行外框筆畫。
輪廓調整
因為太深或太窄的形狀可能無法切割,因此需要針對過度細碎的尖角進行修整。
一般的處理方式是使用直接選取工具(白箭頭)來調整,開始調整前建議將圖像所在的圖層鎖定起來以免誤觸。
如果手邊有繪圖板,也可以使用「點滴筆刷工具」來直接塗抹輪廓形狀。(請注意是「點滴筆刷工具」,非「繪圖筆刷工具」)
在工具上點兩下會跳出可調整筆刷數值的視窗,也可以按鍵盤上的“ [ ” 跟 “ ] ”符號來調整筆刷尺寸。
塗抹時底色要保持在選取狀態才會將填色新增在原本物件上,否則就會變成分別的兩個物件,後續必須再用「聯集」將兩者合併才行。
也可以用橡皮擦工具來修整輪廓形狀,數值同樣可以在工具上點兩下或按鍵盤上的“ [ ” 跟 “ ] ”符號來調整尺寸。
完成
最後將「填色」設為「無」,「筆畫」設為K100,就完成了刀模的設置囉!
- Jun 21 Tue 2022 10:00
【CSP教學】Q版角色繪製 Part 2

文、Andy老師
大家好,今天要示範的是Q版角色繪製,共分兩篇,第2篇是上色篇,就是這一篇,以下就是完成的彩圖,效果如下圖。
👉推薦課程:Comic數位漫畫創作
上一篇介紹使用3D人偶畫線,這一篇就要來上色了,線稿效果如下圖。
首先先用油漆桶填色,油漆桶設定,打勾 取樣全部圖層,打勾 封閉間隙,容許度10左右,擴大範圍3,取樣全部圖層,可填色在不同圖層。封閉間隙,可填色未封閉之線條,但若間隙過大,填色仍會溢出。容許度,數值越低,能判斷的顏色越多,數值越高,能判斷的顏色越少,也因此容易讓顏色溢出。擴大範圍則是填色後會往外多填滿幾像素,務必依定往外擴大,這樣填色才不會有白邊。如此就新增一個點陣圖層來填色,配色我選用黑白紅,效果如下圖。
接著再新增一個色彩增值圖層,來畫陰影,使用沾水筆的G筆,先用灰藍色繪製陰影,效果如下圖。
再來使用噴槍的柔軟筆繪製陰影顏色,繪製前記得按下圖層面板的鎖定透明的按鈕,這樣畫上的陰影顏色,才不會畫出原本畫好的陰影形狀。效果如下圖。
接著新增一個普通圖層,來繪製亮面,依樣用沾水筆的G筆,亮面記得千萬不要畫太多,以免固有色被破壞,導致亮面變成固有色,固有色即是物體去除亮暗色的原本顏色,效果如下圖。
接著再新增一個色彩增值,來畫上一些更深的其他顏色,使整體有一個同色調的感覺,效果如下圖。
接著再新增一個覆蓋圖層來加亮,效果如下圖。
接著要做影子,把最低層畫布眼睛關掉,變成背景是透明的樣子,在執行 圖層組合顯示圖層的複製,效果如下圖。
再把複製出來的角色圖層,變形至地上,就像是角色的影子,再把影子改色就大功告成了,效果如下圖。
謝謝觀賞。
- Jun 16 Thu 2022 10:00
不二家真芋頭蛋糕寫實的畫作

文、耀月老師
各位同學大家好~
想必各位一定有吃過不二家的真芋頭蛋糕吧?味香而不甜膩,真的超好吃!但因為疫情期間都沒辦法跨縣市去,所以今天就來畫張蛋糕來解解饞吧…
1. 首先,我們先拿出數位噴槍來繪製底色,這邊先以不同深淺的黃色當蛋糕底色。
2. 再來使用一個帶有一點灰色的白色來墊底,這個是盤子。
3. 拿出”帶有紋路的筆刷”,比如粉彩筆、油畫粉蠟筆等,來繪製蛋糕上面的光澤和紋路,再搭配”混色筆-紋路水化”做使用。
4. 接著拿出一樣帶有紋理的筆刷來繪製蛋糕上面芋頭的部分,芋頭顏色較深,所以在畫的時候可以用橘灰色、顏色對比較低的來繪製芋頭。
5. 拿出一點淺灰色來繪製蛋糕下方的芋泥部分。
6. 因為芋頭跟芋泥中間會有一些縫隙和小點點,這邊我使用比較容易點的筆刷,比如噴槍系列,搭配混色筆做使用,來繪製芋頭中間的那些小點點。
7. 將前方的芋頭蛋糕繪製完畢之後,後方蛋糕的邊緣上會有一些反光,將反光畫上。
8. 左邊的蛋糕完成了,接著用同樣的手法繪製右邊的蛋糕,這邊我依舊先畫上頂部的蛋糕以及中間橘色的線條。
9. 利用前方蛋糕的手法繼續繪製後方的蛋糕…但注意光線變化,因為後方的蛋糕光線較暗,所以用色上會偏暗一點。
10. 將三個蛋糕都完成!
11. 使用粉彩筆系列來繪製盤子,也可以用噴槍繪製,因為盤子的表面較為光滑,適合使用噴槍來繪製,並搭配混色筆-只加水。
12. 將盤子周圍的反光畫出來,因為前方蛋糕的陰影會倒映在盤子上,所以畫的時候注意前方的倒影,並且加強後方的盤子光澤。
13.後方加上一些氛圍或氣氛即可,整張圖就完成了!
看起來是否好吃並且燈光佳呢^^
- Jun 09 Thu 2022 10:00
聯成電腦分享:三國演義英雄人物這樣畫

文、Alam老師
大家好!我是Alam,今天要介紹分享的繪圖人物是三國時期的英雄人物之一『周公瑾』,但這裡除了臉部的描寫刻畫,還要介紹以往不同的肌膚質感的呈現。再來,是身上各種配件與裝飾的表現技法介紹和特殊筆刷的結合運用。最後再將人物的表情修飾一下,並且加上一些"血淚"來強化主角內心的悲憤感。
至於背景部份,只需簡單的線條與色塊即可將戰亂荒煙的特質表現出來。讓我們在painter的各種功能中嘗試設計創造上更多的可能性。在許許多多繁複的細節繪製裡面,如果能善加利用painter的筆刷功能設計,其實是可以達到事半功倍的效果的,而不是埋首刻苦的煎熬旅程斷契一番!
此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 鉛筆/覆蓋鉛筆(畫線稿用)
d. 畫刀/刷式畫刀(翻轉設定)
e. 混色筆/只加水
f. 橡皮擦/橡皮擦
g. 橡皮擦/柔和漂白
h. 特效/膨脹
i. 照片/暗化
👉 推薦課程:數位創意電繪設計
1. 開一規格為2501x3600xl,300 dpi的新檔案,使用「鉛筆/覆蓋鉛筆」以簡單線條把人物的線稿畫輕鬆勾勒出來。
2. 然後再開一新圖層將上述草稿更明確化一些!
3. 接下來,我們要分圖層依照上下順序將膚色、頭髮及服裝填上基本色!另外,披風末梢的破碎感也可以在此用"橡皮擦"挖製出來。
4. 一開始依據臉部的輪廓與弧度畫上明暗的立體光影處理。頭髮及頭上兩條雉毛部分也勾勒出基本層次,髮絲要一氣呵成撇到位才顯得自然。
TIP:頭髮筆刷運用:「畫刀/刷式畫刀」(頭髮畫法及所用筆刷設定請參考:名師專欄:沉默的安妮),在這裡要注意髮流的方向及其自然度和透明度的轉換!
5. 慢慢修飾人物五官身形,除去多餘的身量與環境光,並加上基本的戰亂背景!
6. 繼續細化臉部五官及膚色,並用「噴槍/輕柔噴」及「混色筆/只加水」來柔化膚色的分佈,在眼睛、鼻子及嘴巴適量加上高光。
7. 擦除不必要的線稿部分後,再利用遮罩花紋畫筆放畫出下層上衣,並加上花紋。
8. 接著再開始服裝與配飾的輪廓描繪,在加上一抹"英雄淚",要記得,主角的情緒表現是畫面的靈魂所在!
9. 接下來就是精緻化護腕的描繪與運用,這時要注意的是光影來源的立體質感,請先看看效果!(此時用的是"厚塗顏料/軟膠"來完成的!)
10. 隨著行雲流水的方向,只要"複製+變形"兩手就可以簡易完成了。
11. 然後是其他配件紋飾的部分,無需亂真、稍像即可,我找張以前畫過的圖來套用,稍加處理一下,也能襯托出主角的身份外型。
12. 稍加變形與組合之後再以光影襯托一些立體感立體感之後,畫面就更豐富不少了!
13. 在前景處再增添一些煙塵花絮(記得調整一下它們的"動態模糊")
14. 再對整體調整一下主色調作一次以「等化」處理!
15. 找一張獅頭獸像當素材!
16. 將獅頭擷取部份後稍加變形,分別安裝在人物的肩甲上方,這樣主角的裝備就更豐富了!
- Jun 07 Tue 2022 10:00
聯成電腦分享:設計菜單不找設計師,讓Indesign幫你完成 Part 2

文、Andy老師
大家好,這篇繼續示範用Indesign來製作菜單,以下是完成圖。
上一篇 我們已經規劃出要製作的版面參考線,現在我們就可以來置入圖片,首先我們先使用矩形框架工具,如下圖所示。
然後在左頁對著參考線拉出一個圖片矩形框架,如下圖所示。
再來從 檔案/置入 ,此時會跳出開啟檔案的視窗,選到我們要置入的圖片,圖片便會置入我們畫好的矩形框架內,但圖片會因為圖片本身尺寸大小不同,置入框架會顯示原始尺寸大小。導致有時圖片在框架內過大,此時可以在圖片框架位置按右鍵,會彈出 符合/等比例 填滿框架,此時圖片就會自動縮放符合框架大小,如下圖所示。
再來在上方面板靠右處,有一個圖片框架邊線與填色,記得都改為無。這樣圖片邊緣才不會有框線,如下圖所示。
依此方法,即可置入其他圖片於版面上,另外如需自行移動或縮放框架內的圖片,可使用選取工具,點選圖片,會出現一個圓圈在框架中間,同時會出現咖啡色的圖片框線,此時按著圓圈可移動圖片,拖拉咖啡色線可改變圖片大小,如下圖所示。
接者用矩形工具繪製色塊,用矩形工具沿著參考線繪製矩形,並於 視窗/顏色/顏色,打開顏色面板,即可改變矩形顏色,如下圖所示。
並於上方面板將矩形邊框,改為無描邊,如下圖所示。
如此重複此畫矩形的步驟,即可完成版面色塊的繪製,如下圖所示。
再來使用垂直文字工具,如下圖所示。
接著使用文字工具拖出一個文字框,如下圖所示。
並打上文字,並於 物件/符合/使文字符合框架,如下圖所示。
並用文字工具框選文字,並使用上方文字選單,來調整文字大小,間距,字體,顏色等,如下圖所示。
如此就完成版面圖片與色塊,標題,等排版,如下圖所示。
下一篇就來設定菜單文字與價錢,將使用段落樣式來製作,下篇見,謝謝觀賞。
- Jun 02 Thu 2022 10:00
聯成電腦分享:網站設計編排,我可以怎麼做?(第一篇)

Photo credit:Pexels
文、KK
哈囉!我是kk,一個『從事數位行銷十多年,也熱愛幫你透過網路,創造財富』的分享家。
對使用者而言,進入一個網站,首先會看到的是網站整體設計風格,包括主視覺、圖文的版面配置、選單的位置和呈現方式等,也是影響使用者是否願意持續停留的主要原因之一。WordPress支援多種外觀設計,一鍵下載安裝啟用,可快速建立網站形象,替換其他外觀也很方便。
讓我們來看看具體「新增外觀」設如何做呢?
當你進入WordPress後台,在選單列表內,選擇「外觀」>「佈景主題」,會看到一些推薦的佈景主題,進一步點選「安裝佈景主題」,搜尋更多佈景主題。透過佈景主題圖片上方的篩選器,可依照「熱門」、「最新上架及更新」、「我的最愛」、「特色篩選條件」快速篩選。
選定一個佈景主題後,可先點選「預覽」了解佈景架構版面,決定是否是自己想要的風格,點選「安裝」>「啟用」正式套版你的網站。
後續須改版網站風格,也可回到「佈景主題」選擇該佈景,點選右下角的「刪除」。
下載佈景主題後,有客製化調整的空間嗎?
答案是有的,選擇「外觀」>「佈景主題」>點選一個佈景主題>「即時預覽」,可進行版面的細部調整。
包括改變LOGO位置、文案等。選擇「選單」可以調整選單內容,以及設定階層,也就是主分類下是否設定其他次分類,以及要有多少階層。階層的設計建議依照主題屬性和使用者便利性為原則來調整。
選擇「首頁設定」可以選取網站首頁要顯示的內容,可選擇「最新文章」採部落格般依照最新文章露出時間排序,也可選擇「靜態頁面」呈現特定頁面,請先建立至少兩個頁面,並將其中一個設定為首頁,而另一個則設定為顯示文章的頁面。
依照上述步驟,使用可可輕鬆完成網站設計編排。參考更多使用WordPress製作的網站範例,如:Bloomberg Professional Services、FACEBOOK Newsroom、SONY MUSIC。
- May 26 Thu 2022 10:00
聯成電腦分享:古早味家常美食!美味控肉畫法

文、耀月老師
各位同學大家好!
最近疫情期間大家都在家做什麼呢?有人會研發料理嗎?今天就來介紹一道傳統料理「控肉」,希望大家會覺得好吃!
1. 首先先拿出數位噴槍,來繪製整體底色和盤子的色塊。
2. 接著一樣使用數位噴槍來繪製整個主題的顏色,因為控肉的顏色是偏向”咖啡色”為主,所以我使用了不同色系的咖啡色來繪製控肉的色塊。
3. 將色塊完成之後,來繪製盤子上的控肉倒影,會先畫的目的是為了讓控肉和盤子更貼合,陰影的部分可以搭配混色筆-”紙加水”做使用。
4. 將盤子上的倒影畫完之後,接著繪製桌面上的倒影,這邊也是先將事前的色塊和陰影處理完畢。
5. 使用”錐形康特筆”,或”細節噴槍”來繪製控肉上的綁繩,因為綁繩的部分比較細,所以使用較細的筆刷較好控制。
6. 在來可以使用”粉彩筆”搭配”紙加水”繪製控肉上方的質感和紋理,先以大範圍做繪製,一邊繪製一邊塗抹…
7. 將前方的控肉光澤繪製的差不多以後,接著繪製後方的控肉光澤,先以大概的感覺做繪製即可,之後再細畫。
8. 將前方控肉的細節畫出來,畫的時候注意肉的”紋理分布”以及光澤的部分,明暗變化也很重要,可以參考”控肉”的照片來做繪製。
9. 將控肉都完成之後,來繪製底下的盤子,盤子的部分細節處理方面比較麻煩,可以利用其他盤子的圖樣參考後做繪製。
10. 將整體光影、整體配色重新配置一番就完成了!要怎麼讓整體顏色統一呢?可以在圖層上開啟一個”柔光”的構成方式的圖層,然後倒入一個”暖色系”的色彩,就可以讓整體呈現在一個色系上面,
看起來是不是很好吃呢~
- May 19 Thu 2022 10:00
聯成電腦分享:山中仙境『雲之端』

文、Alam老師
大家好,我是Alam,人家常說「遠在天邊,近在眼前!」但如果沒有臨危望險,登高遠眺,這些都難以體驗,這次我們雖然簡化很多細節,但也相當受用,不知如此的嘗試效果會如何?想了也沒用,畫了才知道!
本次作品所使用筆刷如下:
a. 粉蠟筆/圓頭X輕柔粉蠟筆(透明度 30% ,間距 30%)
b. 輕柔噴槍
c. 橡皮擦/橡皮擦
d. 厚塗/紋路油畫抖動
e. 厚塗/重材質調色刀
c. 照片/暗化
d. 噴槍/尖細輕柔噴槍
e. 輕柔噴槍/改變後雲化
f. 向量筆/可溯向量筆(修改後樹葉化)
g. 鉛筆/覆蓋鉛筆
h. 影像水管/噴嘴
i. 特效/膨脹
👉 推薦課程:數位創意電繪設計
1. 在畫布上先灌上一個漸層效果,再打上一個簡稿!
2. 再以「厚塗/紋路油畫抖動」將畫面做出有點像油畫立體的雲彩效果!先試試筆刷後再調整部份筆刷設定參數!
3. 然後將「厚塗/紋路油畫抖動」事先布局在背景的天空上!
4. 繼續嘗試性的增加雲彩布局,然後將多餘的雲彩效果以(橡皮擦20%)稍微抹除。
5. 再將山峰的以及右側的懸峰「補上底色」並調整遠近的「色相」狀況!
6. 再來先介紹一支很好用的修改筆刷,畫出來真得很過癮!此時只要選擇「輕柔噴槍」來修改參數即可,首先選擇「筆尖剖面圖」右上角的三角形圖形按鈕,而角度表現方式改成「方向」,還有其他參數值請參考下圖所示,直到你個人覺得滿意為止!
7. 開始把上述的筆刷運用塗布在峰巒雨懸厓的層面上,可能一開始雲朵狀況有點彆扭而有筆觸邊緣感,但之後還是可以容易修改的。
8. 接下來是要介紹一支專門畫樹上花瓣或其花朵的筆刷,只要事先畫出如圖右下角類似的圖況,再經過「擷取筆尖」手續即可,這次我嘗試「向量筆/可溯向量筆」做擷取對向,當然你也可以找其他的筆刷來嘗試,或許其它筆刷會有更完美的結果,我們可以一邊畫一邊做修正。
9. 「畫樹當然」這時要把整體樹形及陰暗面布局出來,先做個暗色的底色,一幅畫的整體感要先把氣勢營造出來,雖然它只是冰山的一角,但佔很多畫面重點的點綴效果喔!
10. 然後利用步驟8所介紹的筆刷把花朵與樹葉用各種色調方法做一個初步的布置!
11. 接下來,我們再繼續介紹一支「厚塗/重材質調色刀」,這是一支可以畫出油畫與岩石質感的特殊筆刷,只要先在另個地方練習完兩下就很容易熟悉它了。
12. 如水泥匠般的塗上峭壁的立體感與深淺度,再慢慢的將不需要的線搞擦去即可。
13. 繼續處理噌家整體畫面的深度與彩度,再用「混色筆/緣頭漸變筆筆刷」抹動部份雲朵,讓它們有動態漂流的效果。
14. 其他部份的雲彩也如此嘗試,並且增加樹上的花葉數量和加上「下落式陰影」,完成主體造型!
15. 最後,經過「等化」處理過後,將整體色調變得更自然調和些,這既不是油畫也不算國畫,只能算是自己想作的畫!
- May 17 Tue 2022 10:00
聯成電腦分享:擺脫沒有辨識度的畫,如何利用剪影設計角色

文、Simi老師
如果是POKEMON的粉絲,想必都對進廣告前那句經典的「我是誰?」搭配角色剪影的問答記憶猶新吧?角色的剪影能否給人明顯的識別度與記憶點是一個重要的課題。
為何要利用剪影進行設計?
許多學生在設計角色造型時,多數情況常是想到什麼就畫什麼,沒有經過嚴密的思考與設計。如果是一次性的插畫可能會有造型形狀沒有考慮到構圖的情形發生(關於構圖形狀請參考:聯成電腦分享:如何用符號來構圖的2種方法,而用於會反覆出現的動、漫畫或遊戲角色,則會造成角色的感覺千篇一律、沒有變化及識別度。而利用剪影是一個易於突破這種盲點的方式。
利用剪影進行設計的方法!
用剪影來設計角色的方式很多元,沒有一定的規則限制。一般來說可以先畫角色草圖再調整剪影形狀,也可以先決定一個構圖形狀,再配合形狀畫出剪影造型。
例如我在設計這系列的角色時,就是先依照設定直覺的畫出各個角色的設計。
在將圖形轉成剪影後,針對多個角色的統整性以及問題點都能容易發現。
例如中間的「多娜星人」這個角色,整體輪廓明顯比其他角色來得零碎,形狀也比較呆版,因此就可以將這個角色抓出來做調整。
在不考慮色彩的情況下,以剪影的輪廓形狀為主,並搭配部分線條輔助做設計修改。建議可以做三種以上不同的設計,強迫自己做各種突破性的調整,以求達到最好的畫面效果。
最後再選出一個最滿意的剪影形狀為主軸,融合其他版本剪影局部或新的想法來進行最終版本的設計。
利用剪影設計只是一種方法,重點在於不要拘泥於形式,而是要理解構圖與角色設計最根本的核心主軸:好看的構圖以及有識別度的形狀,並充分利用剪影的優勢「不受色彩與細節拘束,來進行角色的設計唷!」
- May 05 Thu 2022 10:00
聯成電腦分享:【CSP教學】Q版角色繪製

文、Andy老師
大家好,今天要示範的是Q版角色繪製,共分兩篇,第一篇是描線篇,就是這一篇,以下就是完成的彩圖,效果如下圖。
👉推薦課程:Comic數位漫畫創作
好,首先為了快速畫出草圖,這裡我使用3D人偶來製作草圖,先從3D人偶素材視窗,選中女性素體,並拖曳至畫布上,效果如下圖。
再來按下浮動面板最右邊的圖示,來調整體型,效果如下圖。
首先先調整頭身比,Q版比例,我用2.5頭身,先點選全身左邊的直條圖,再輸入右邊的頭身比數值,效果如下圖。
再來將身體縮短,選中身體部位,在用右邊的局部縮放面板調整身體長度,效果如下圖。
接著再選取身體姿勢,我選小跑步姿勢,並拖曳至畫布上的女性素體,女性素體姿勢就會變成小跑步姿勢,效果如下圖。
同時調整人偶攝影機的角度,攝影機在人偶左上,最左邊三個,即可調出你想畫的人偶角度,效果如下圖。
再來需畫出臉部五官比例位置,以人偶的鼻子長度,當作眼睛的長度與位置,另外只要調整3D人偶圖層的透明度,即可讓3D人偶圖層變淡,就可以當成草圖使用,效果如下圖。
再來畫出臉型與嘴巴位置,而臉型的轉折處即是嘴巴的位置,再來Q版角色多半下巴是圓的,鮮少化成尖下巴,因圓下巴比較可愛,另外頭髮要大於頭型,同時畫上頭部側面的轉折線,效果如下圖。
接著即可畫出角色衣服,而衣服務必要順著身體結構與起伏來繪製,在此就可以畫出要描線的線稿,就可以省去草圖部分,因為已經有3D人偶當草圖,描線我使用向量圖層,並用沾水筆的G筆畫線,效果如下圖。
再來關掉人偶圖層即可顯示線稿,效果如下圖。
下一篇我們就可以來上色了!謝謝觀賞。
- Apr 26 Tue 2022 10:00
聯成電腦分享:WordPress新手指南大全,新手架站從這裡開始學

Photo credit:Pexels
文、KK
哈囉!我是kk,一個『從事數位行銷十多年,也熱愛幫你透過網路,創造財富』的分享家。
現在數位行銷當道,最基本的方式之一就是製作一個屬於自己的網站,無論是個人品牌風格式網站、媒體或作品集形式網站,或是帶有電子商務功能的購物網站。大家可能會好奇詢問,難道一般部落格、社群媒體沒有辦法做到以上嗎?
應該說隨著您業務發展與成長,擁有一個屬於自己的網站,且更新改版皆能自由操控會是比較建議的選擇,且較可突出自身的專業識別與價值,這也是為什麼大多數一定規模的企業,仍會有一個品牌官網當作企業在網路上的門面。
當確定自己想擁有一個網站後,架站平台百百款,該如何選擇?一定要具備寫程式能力才能架站嗎?等等一系列問題可能就會提出來。我們建議是使用WordPress,它是一個開放原始碼的架站軟體,根據其官網顯示42%的網站使用WordPress,範圍從業餘部落格網站到最大的線上新聞網展都有使用。
WordPress也提供超過8,600個佈景主題供您替換整體網站風格。可使用版面配置、功能、用途來區分不同設計,快速找到適合自身網站的排版調性,打造最想要的呈現風格。
WordPress支援超過58,000個外掛程式,隨時自由選擇擴充網站功能,滿足使用的多元需求。外掛程式就是支援軟體,下載安裝啟用後可以支援相關功能,例如:可下載不同的編輯器、日曆等小工具。
理解WordPress的好處後,接下來可以搭配虛擬伺服器,例如:Bluehost,打造WordPress運作環境,線上申辦帳號密碼,依照設定精靈指示,一步步完成設定;還可透過其申請網域,一站式建立一個新網站,透過線上推廣您的商品和服務。端看使用需求,網域也可以另外透過網域代管商採購,例如:GoDaddy或PChome等。
- Apr 19 Tue 2022 10:00
聯成電腦分享:如何用符號來構圖的2種方法

文、Simi老師
這次會用我的作品範例來詳細說明如何利用符號構圖,讓大家能更深入實際應用的方式。如果還沒看過上次的概念篇,建議先去了解一下基礎再回來看這篇會更有效益喔!
如何開始使用符號構圖
一般來說我自己使用符號構圖的方式有兩種:
1. 根據想畫的題材情境選定一個符號之後,再依照符號的形狀擺放物件。
2. 先把主要的元素放上去,選擇跟目前畫面較接近的符號,再微調物件位置與造型。
如果是以前幾乎沒有畫過圖的初學者,我會比較推薦使用第一個方式,這會讓人比較有依據來設計畫面上的圖樣。
但若是對從小喜歡畫圖、用直覺就能畫到不錯程度的同學來說,其實可以考慮後者。如下圖的範例,我一開始是先憑感覺畫出小女孩與螃蟹的互動,之後覺得可以往圓形構圖的方向調整,所以就微調了女孩的姿勢與頭髮動態,使其符合圓形構圖的感覺。
多種構圖刺激靈感
這張圖是參加2021京都國際動漫大獎的作品,自己也比較慎重以待,在構圖階段就畫了四種來挑選。
在初期的發散水平思考會盡量選擇差異比較大的畫面表現,用不同的構圖符號來輔助進行發想,也有利於像這樣必須呈現多種不同畫面的情形。
系列稿創作
當有多張圖的系列稿創作時,在允許的情況下我也會將所有的草圖同時畫出來。這是八張一套的系列圖,因為是兩兩成對,所以也會考慮成對的兩張圖放在一起時的感覺來設計。
只有線條時對於形狀的感覺會比較難以掌控,但利用色塊就能清楚看出造型樣貌,所以先大致塗上底色,同時利用線條和色塊來打稿也是很好的設計方式。
很多學生在聽到要使用符號來構圖時,腦子就會瞬間一片空白,但其實這些都只是輔助進行創作的方法,不要被束縛住而變得窒礙難行,關鍵是要勇於嘗試,別因為害怕不熟悉的事物,而錯失成長的機會。
- Apr 12 Tue 2022 10:00
聯成電腦分享:設計菜單不找設計師,讓Indesign幫你完成 Part 1

文、Andy老師
大家好,今天要示範用in design 來製作菜單,當中主要用到段落樣式,和圖片置入,與版面配置等功能,好。以下就是製作完成的效果。
那我們就開始一步一步來示範,首先我們要做一個兩張A4的尺寸菜單,所以要開一個A4的跨頁,首先開啟ID軟體之後,就按下新建按鈕。如下圖所示。
接著跳出頁面設定視窗,先按下列印,再點選A4,在設定頁面為直式,在頁面輸入2,這樣就有兩張A4,出血設為3公釐,再按下邊界和欄,這樣我們就設定好兩張A4頁面了。如下圖所示。
按下邊界和欄,之後就會跳出邊界和欄的設定面板,邊界的範圍設為0,這樣我們頁面藍色的邊界線就會不見,邊界軟體預設是20,所以一進這個設定,你的頁面畫面是會看到有藍色邊界,但我設為0,就看不到邊界的藍線。如下圖所示。
接著到 視窗 / 工作區 / 列印及校樣,這樣的介面配置,常用的面板才會出現較多。如下圖所示。
再來因為要做跨頁的菜單,所以需要將兩頁A4並排,所以點選頁面,在頁面選單按下右上的隱藏選單,便可看見 允許移動文件頁面 選項,將此選項勾勾去掉,即可移動頁面上顯示的12頁。如下圖所示。
如此,我們的版面就變成一個跨頁的顯示,。如下圖所示。
接著在使用選取工具。如下圖所示。
再從尺標欄位拉出參考線,作為規劃版面配置用。如下圖所示。
另外若要拉出橫跨左右兩頁的參考線,需先點選灰色處,再按著 ctrl 從上方的尺標拉出參考線即可拉出跨頁的參考線。如下圖所示。
如此,我們就可以拉出規劃版面的參考線,也就是哪裡要放字,哪裡要放圖,。如下圖所示。
再來我們就可以置入圖片,和貼上文字,我們下次見。
- Apr 07 Thu 2022 10:00
聯成電腦分享:連女生都無法抗拒的精靈美女,這樣畫就對了
