聯成電腦分享:CSP教學 — 練習畫人體的方法

文、Andy老師

大家好,今天要介紹的是自學練習畫人體姿勢的方法與流程,首先要練習畫人體,一開始務必有參考圖片,因為能看著圖片畫得像圖片,就是第一步學畫畫最重要的練習,因為看著畫都畫不像,那不看著畫肯定畫得更不像,當然畫畫是沒有風格限制,就是你想怎麼畫就怎麼畫,但商業繪師畫的圖,就是客戶會買單的圖,都是建立在有素描基礎的畫功所畫出來的圖,當然也有例外是個人風格強烈不具素描寫實畫功的圖畫,但若是你素描畫得好,要改變畫風是很容易的,因為只是比例和形狀的改變,但對物體的結構與立體感是一樣的,意思就是你已經會跑了,叫你用走的肯定沒問題,好,說了這麼多只是要說明寫實的畫功,對繪畫是最基礎也最有幫助

👉推薦課程:Comic數位漫畫創作

那首先我們先找一張人體照片,如下圖

接著在照片上點出關節的點位,分別有肩,手肘,手腕,大轉子(大腿骨與骨盆接著處),膝蓋,腳踝,12個點位,如下圖

然後再用粗的筆劃線條,將其連接,而此時人物的比例將已成型,要非常注意此時人物的手腳長度與角度,必須接近照片人物的手腳長度與角度,所以這階段畫準了,後續才能畫得更像照片,所以這階段請多加練習畫到像照片的姿態與比例,如下圖。

再來要幫此階段的火材人,加粗並畫成方形和圓柱體的立體感,身體,頭部用方型表現,四肢和脖子用圓柱體表現,如不清楚如何繪製,可先在照片上將人體用圓柱與方形先瞄著畫上,如下圖

如此之後,就可以在我們畫好的火材人,上面畫上方型和圓柱,腳掌和手掌,則用方型表現,如下圖。

再來就可以描上較有肌肉改的線條效果,如下圖。

再來可塗滿人物,如下圖。

再對照片分析畫出受光面的形狀,如下圖。

就可畫出有立體陰影的效果,如下圖。

謝謝觀賞。

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1948

聯成電腦分享:illustrator教學 — 文字翻頁效果(下)

文、Andy老師

大家好,今天要介紹的是illustrator文字的翻頁效果下篇,接續上篇繼續用任意變形工具的任意變形工具,在移動文字的上方中間的點,將文字拉成壓扁的透視形狀,效果如下圖。

👉 推薦課程:Illustrator商業形象設計

接著用選取工具選取兩組文字,執行物件/漸變/製作,如下圖所示。

就會變出文字間漸變的文字,如下圖所示。

再來若是要改變中間漸變的文字數量,就可以執行物件/漸變/漸變選項,如下圖所示。

在漸變選項面板就可以輸入數量數值,效果如下圖。

再來可調整字跟字之間的距離,使用直接選取工具,如下圖所示。

並點選漸變字組間的路徑的最上方的點,如下圖所示。

再用路徑工具,將路徑上方的點拉開,他會出現兩端的控制點,而拉動最上方的點即可調整字與字之間的間距,讓間距越下方越窄,如下圖所示。

接著點選工具架上的漸層圖示,這樣字就有漸層效果,,如下圖所示。

再來要改變漸層方向,在文字點右鍵,執行分離選取的群組,如下圖所示。

接著就可以選取最上面的字,在到漸層面板,調整漸層的方向。由下面最暗,上面最亮,如下圖所示。

在點選最下面的字,在到漸層面板,調整漸層中間掉的位置。也就是讓漸層的中間調往亮部移動,如下圖所示。

接著再按左上方的圖層字樣,退回到上層編輯層,如下圖所示。

接著再選取工具架上的鏡射工具,並按著alt去點選要鏡射的中心點,也就是字的最下方的水平位置,接著就會跳出鏡射面板,選擇水平,打勾預視,即可看到鏡射的結果,接著按下拷貝,即可完成鏡射效果,如下圖所示。

那麼鏡射完成後,就完成我們這次的文字翻頁效果,如下圖所示。謝謝觀賞。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1936

聯成電腦分享:Photoshop教學 ─ 快速繪製場景法

文、Andy老師

大家好,這次要跟大家介紹的是快速繪製場景的方法,當然要快速繪製場景就必須使用照片,好,那我們先來看一下完成的效果。

👉 推薦課程:Photoshop影像處理

好,那我們來看一下如何繪製,首先先將照片在photoshop打開,然後將天空去背,去背的方法可用遮罩配合魔術棒,而魔術棒選不乾淨的部分,則用筆刷配合遮罩去擦除天空,用遮罩的好處是因為遮罩可以來回地擦除和復原,效果如下圖。

接著對照片執行濾鏡的模糊的智慧模糊,智慧模糊是可以將圖像輪廓內的顏色中合,但輪廓卻能夠保持銳利,參數的設置可以開啟預覽即可即時看到參數調整後的效果,在這個階段我執行兩次智慧模糊,接著我使用色彩平衡來調色快速鍵是Ctrl+B,讓暗面偏藍紫色,亮面偏黃紅色, 效果如下圖。

接著再使用色相飽和度快速鍵是Ctrl+U,因為要讓畫面有繪畫的感覺,所以色調上會調較飽和鮮豔, 效果如下圖。

再來我新增一個圖層圖層模式改成色彩增值,接著使用硬邊筆刷去畫影子,把光源設在右上方,因此影子都落在左下方,接著再使用柔邊筆,把一些影子的邊緣畫的比較模糊,如此一來我們就有一個明顯的陰影方向來表現光線的來源,

接著我在新增一個圖層模式改為覆蓋,接著使用硬邊的筆刷在畫面受光面去畫上黃橘色的亮面色調,再使用柔邊筆刷去柔化一些硬邊的亮面, 效果如下圖。

接著再使用揉邊筆在黑色的暗面處,畫上深紫色和深藍色,讓暗部不是全黑的色調,效果如下圖。

接著找一張天空的照片,合成在天空處,並使用智慧模糊, 效果如下圖。

接著新增一個覆蓋模式的圖層,來加上一些藍紫色於天空上, 效果如下圖。

最後再新增一個覆蓋圖層,用柔邊筆畫上太陽光線, 效果如下圖。

就大功告成了,謝謝觀賞。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1926

聯成電腦分享:illustrator教學 ─ 文字翻頁效果(上)

文、Andy老師

大家好,今天要介紹的是illustrator文字的翻頁效果,以下就是完成的樣子。
那我們就來看看如何製作文字的翻頁效果

👉 推薦課程:Illustrator商業形象設計

首先先新增一個橫式的版面,從檔案/新增,裡面選擇橫式版面,效果如下圖。

接著再用方形工具。

並選擇黑色。

畫出一個黑色方形,撲滿版面,這樣就得到一個黑底,效果如下圖。

接著使用文字工具,打字,效果如下圖。

文字大小可以用選取工具去拉大或縮小,效果如下圖。

 

 

接著使用字元面板,去更改字體,因為之後需要在字體裡面做漸層色,所以需要字體粗一點,這樣漸層才清楚,效果如下圖。

 

 

接著使用選取工具按住alt將文字複製出來往下移,並再按住shift,就可以對齊文字,效果如下圖。

 

 

接著先鎖定黑色背景,鎖定的方法,就是在圖層面板,點開圖層,並按下黑色背景左邊的鎖,這樣就不會選中黑色背景,避免在製作文字時,勿選到黑色背景,效果如下圖。

 

 

接著用選取工具選取兩組文字,並按右鍵,選擇建立外框,效果如下圖。

 

 

如此文字就變成路徑框,不能再改字型,但縮放仍然可以,接著使用變形工具,來變形文字,讓文字有透視的效果,變形工具放在工具列最下方的四個點裡面,點進去之後,就會看到一大堆工具,找到變形工具,將他按住拖到工具列上,即可使用,效果如下圖。

 

 

接著再選擇任意變形工具的透視扭曲工具,在移動文字的兩個點,將他拉成透視形狀,效果如下圖。

 

 

接著再選擇任意變形工具的任意變形工具,在移動文字的上方中間的點,將文字拉成壓扁的透視形狀,效果如下圖。

 

後續部分我們下一篇文章見,謝謝觀賞。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1918

聯成電腦分享:Photoshop教學 — 筆刷畫場景

文、Andy老師

大家好,今天要介紹的是,快速繪製場景的方法,也可以說是用滑鼠畫畫即可,無需使用繪圖板。之所以可以快速畫出場景,是使用了photoshop的筆刷,今天使用的筆刷是楊雪果的good brush,這是一組免費筆刷,裡面有草,樹木,雲,水,光效,等多種筆刷效果,good brush上網搜尋即可找到,先看一下完成的效果。

👉 推薦課程:Photoshop影像處理

好,首先先下載good brush,並匯入筆刷,或用拖曳至筆刷視窗也可,效果如下圖。

這樣我們就得到許多筆刷可以使用,接著先用漸層工具 ,拉出一個天空漸層,效果如下圖。

然後用草的筆刷,繪製草地,效果如下圖。

然後再新增一個加亮模式圖層,配合柔邊筆

繪製光圈,與暗邊,使焦點集中於光圈,效果如下圖。

再把草的筆刷調大,繪製前景的大草,效果如下圖。

然後再畫上樹枝,用樹枝筆刷,效果如下圖。

然後再用濾鏡裡的模糊的高斯模糊,讓前景樹枝變模糊,模擬鏡頭虛焦的效果,效果如下圖。

接著再上網找牛的照片,將牛去背置入畫面的空中,並將牛用影像的調整的曲線來調整牛的亮暗,效果如下圖。

再來要合成光束的圖片,可以上網搜尋spotlight 投射光,並找一張底色是全黑的圖片,因為黑色在濾光圖層模式下,黑色會變透明,所以合成上一個投射光,並用遮罩,塗掉一些光亮,形成牛擋住光的效果,效果如下圖。

接著再上網搜尋引擎engine,用英文搜尋會有較多圖片,接著將引擎圖片去背,並用曲線調整顏色,讓顏色符合天空的色調,效果如下圖。

再用雲朵筆刷繪製雲朵,便大功告成,效果如下圖。


而這畫法可以不用繪圖板,只用滑鼠即可,運用的是筆刷和照片素材,謝謝觀賞。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1906

聯成電腦分享:Photoshop教學 — 套用影像修皮法

文、Andy老師

大家好,今天要介紹PS套用影像修皮法,首先先看一下修前修後的效果,效果如下圖。

應該可以明顯看出皮膚與五官變好的效果,好,那就來解說如何修皮膚和五官,五官的部分我是用濾鏡/液化,來調整五官比例,液化工具使用,在之前的文章有介紹過,在這就簡略說明,主要是用此手指彎曲工具 ,來推移五官的位置與調整五官的大小。所以在修皮膚之前,先將臉液化一下,眼睛推大,臉推小,效果如下圖。

► 推薦課程:Photoshop影像處理

接著就來修皮膚了,首先先新增一個黑白 調整圖層,調整圖層位於圖層面版下方的圓形圖示,效果如下圖。

新增這個黑白圖層後,畫面會變單色灰階,有助於污點修復筆刷輕易塗去皮膚斑點,而畫面變灰階後

臉上的污點似乎不明顯了,但我們要把它變明顯,並修掉。所以點擊黑白的調整圖層,進入調整面板,將紅色往左移,黃色往右移,這樣對比加強,汙點就清楚了,效果如下圖。

然後再選中原本人物的彩色照片圖層,再選 污點修復筆刷,可調整適合的筆頭大小,來塗要去掉的斑點部位,效果如下圖。

修好後,就可刪除黑白調整圖層,而原本人物彩色照片的皮膚那些你塗過的地方,皮膚就沒斑點了,效果如下圖。

再來複製修好的這個照片圖層兩次,並可以將這兩個複製出來的圖層,上面的圖層名子改為套用影像,下面的圖層名子改為高斯模糊4,於是將高斯模糊4圖層,使用濾鏡/高斯模糊,參數用4,而越模糊等等要製作的皮膚細節會越多,但皮膚細節越多就意味斑點越多,所以一點模糊就可以,效果如下圖。

然後選到套用影像圖層,並執行影像/套用影像

參數設置如下

接著把套用影像的圖層模式選為線性光源

接著把高斯模糊4圖層,再做一次高斯模糊,但這次要更模糊,我用14,讓皮膚整個模糊,再加遮罩,並用筆刷工具選黑色,畫出眼睛鼻子嘴巴的範圍,這樣就變成液化的圖層,會透上來,此時講一下這三個圖層的用意,套用影像圖層是增加皮膚一些細節與臉部銳利度,高斯模糊圖層則是柔化整個皮膚,液化圖層則是原始圖片,但有修過一些皮膚斑點。效果如下圖。

但皮膚似乎有點模糊,於是我在複製一層套用影像圖層,讓皮膚更銳利。


完成了,謝謝觀賞。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1896

聯成電腦分享:Photoshop教學 ─ 風格轉換繪製法

文、Andy老師

各位好今天要介紹的是畫風轉換的畫法,也就是說,不同畫風只是比例和形狀的不同,所以畫風這部分其實你只要掌握比例和形狀就可以了,好,但在畫之前我們需要找一張照片來參考造型和姿勢,首先我先示範寫實的畫風,第一步先畫出頭頂,下巴,身體輪廓,大致的點位,也就是先從大方向著手,效果如下圖。

► 推薦課程:Photoshop影像處理

接著再將更大的輪廓抓出,效果如下圖。

然後再抓出五官的比例和位置,效果如下圖。

接下來就可以在這個位置內,畫出眼睛,鼻子,嘴巴,等五官的大致輪廓。效果如下圖。

接著,繼續畫出五官的精細形狀,效果如下圖。

然後再用灰階來畫出簡單的明暗,使其增加立體感,效果如下圖。

好,剛剛寫實畫風已經完成。
再來我會畫一個日式動漫畫風的風格,那一開始一樣我先畫出大致的比例和輪廓,在日式動漫風的比例上,第一件事,就是頭身比,上半身是兩個頭,肩寬是頭的4分之1,因此我先抓出這種比例的輪廓。效果如下圖。

再來我先繪製五官的細節,眉毛到下巴之間,可以放下4個眼睛,這樣眼睛的大小就確定了,再來兩眼之間要留一個眼睛的距離,再來嘴巴的位置要放在眉毛和下巴之間3分之1的位置,至於鼻子,只要點一點,位置在眉毛和下巴之間2分之1的位置,效果如下圖。

再來就可以畫上頭髮,這裡我只畫暗面處。效果如下圖。

接著在畫出身體的暗面立體感,效果如下圖。

接著在畫出手的形狀,效果如下圖。

好,日式動漫風,御姊型已完成,再來我就畫個Q版的畫風,一樣先抓出頭身比和大致身體輪廓,效果如下圖。

接著抓出五官位置,效果如下圖。

畫出五官形狀和身體形狀,效果如下圖。

再上些陰影,就完成了3種不同畫風的效果,謝謝觀賞。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1887

Photoshop玻璃杯去背法-聯成電腦

文、Andy老師

各位好今天要介紹玻璃杯去背法,使用PS,首先先找一張背景圖,和玻璃杯,玻璃杯需要有高光部分,不要找沒有高光的玻璃杯照片,因為去背時我們要保留高光處,玻璃杯才會立體,效果如下圖。

1617187987

1617187997

► 推薦課程:Photoshop影像處理

把這兩張照片放入PS,玻璃杯圖層在背景圖層上,然後玻璃杯圖層混和模式改成色彩增值。

1617188054

然後再複製一層玻璃杯圖層,混和模式一樣改成色彩增值,讓玻璃杯暗面更暗,更立體,若太暗可調低不透明度,效果如下圖。

1617188067

然後再複製一層玻璃杯圖層,混和模式改成濾色,不透明改成40%,然後雙擊該圖層,進入圖層混和模式,並調整此圖層的漸層灰色條下的左邊暗部箭頭,將此左邊暗部箭頭拖拉至右邊,將會看見玻璃杯的亮部將提亮,使其玻璃杯中間立體感增加,效果如下圖。

1617188094

當然如果覺得玻璃杯不夠亮,可以再將該濾色圖層複製一層,使其玻璃杯亮部更亮更立體,如覺得過亮可降低該圖層透明度,效果如下圖。

1617188120

接著我們再來加一下玻璃杯的影子,首先新增一個圖層,圖層模式設為色彩增值,並將該圖層放置玻璃杯的下方,首先先用圓形選取工具。

1617188144

並填滿黑色,填滿的快速鍵是alt + del,之後再將填滿的黑色圓形,使用自由變形,調整到適當的位置與大小,自由變形的快速鍵是ctrl + T,然後再使用濾鏡的模糊的高斯模糊,來製造羽化邊緣的效果,效果如下圖。

1617188159

接著在將玻璃杯內的背景,往上移動,玻璃杯以外的背景則用玻璃杯的輪廓當遮罩去掉,做法順序為,先將背景複製一層,並將背景往上移動一點,再按著ctrl點選玻璃杯圖層,這樣就會選中玻璃杯的範圍,再來選回往上移動過的背景圖層,在該圖層按下遮罩按鈕,便會在玻璃杯背景圖層增加一個遮罩。這樣玻璃杯以外的背景部分就會被遮住,效果如下圖。

1617188174

也就能做出物體在玻璃杯內變形折射的效果,效果如下圖。謝謝觀賞。

1617188185

 

文章轉自:https://www.lccnet.com.tw/lccnet/article/details/1877

Clip Studio Paint教學:3D人偶動作調整-聯成電腦

文、Andy老師

大家好,這次要跟大家介紹的是clip studio paint簡稱CSP,裡面的3D人偶動作調整,上次介紹過體型調整,這次就來介紹動作調整。

首先,先要有一個你想要的姿勢,那如果沒想法,我們就找照片來參考,以下是我在免費圖庫網站找的照片,如下圖:

1615216861

► 推薦課程:Comic數位漫畫創作

接著我再從CSP軟體裡的3D人偶工具裡,找出pose裡的一個預設姿勢人偶,那要找哪一個姿勢人偶,當然是找一個最接近我們要的動作姿勢,以這張人物照片,我就找一個坐著的姿勢,比較接近照片的姿勢,操作步驟如下圖:

1615216882

再來就可以將這個3D人偶拖曳到照片畫面中,如下圖:

1615216906

接著我們可以左右反轉人偶姿勢,因為照片是舉左手,人偶是舉右手,所以反轉人偶姿勢就比較接近我們要的姿勢,反轉按鈕就在人偶下方的工具列上,我一個黑白三角形的圖示,如下圖:

1615216931

接著我們就可以調整人偶姿勢了,點一下人偶會先出現IK藍色控制點,這些點是控制手腕、腳踝、骨盆、胸腔、頭的方向,整體移動,如下圖:

1615216946

點選IK藍色控制點後,就會出現十字移動和旋轉移動,因此我們就可以先調整一下姿勢,如下圖:

1615216964

另外一個控制方法,就是點人偶的手臂後,就會進入FK單關節的調整,也就是每個部位都可以單獨旋轉,來調出我們要的姿勢,如下圖:

1615216989

1615217001

1615217011

1615217019

1615217027

1615217036

因此,我們可以藉由IK控制整體姿勢,FK控制姿勢細節,或全部都用FK控制姿勢也可以,同時在調整姿勢的時候,可配合攝影機的旋轉,觀看其他角度來調整姿勢,最後經過一段時間的調整,我就調整出類似我們人物姿勢照片的姿勢與角度,效果如下圖:

1615217072

再來下次我們就可以介紹在3D人偶上,繪製出我們要的衣服和頭部,謝謝觀賞。

文章轉自:https://www.lccnet.com.tw/lccnet/article/details/1869

Photoshop人臉整形(液化功能)-聯成電腦

文、Andy老師

各位好,今天要介紹的是用PS,就是photoshop,裡面的液化工具修飾臉部的效果。首先先看一下修飾前後的效果。效果如下圖。

修飾前臉部的樣子。

1614253861

修飾後臉部的樣子。

1614253876
► 推薦課程:Photoshop影像處理


好,所以從臉部五官的變化,我們可以看出眼睛變大,鼻子變窄,嘴巴也變窄並且微笑,再來人中變短,下巴變尖,臉型變順暢等改變。

然而雖然改變這麼大,但卻依然很自然,不會覺得不自然,這就是photoshop液化的強大,好那我們就來介紹一下液化功能是如何操作。

首先我先到免費圖庫網站,找到一張臉部正面的照片,當然其他角度也可以,但對於PS的液化中的自動人臉辨識功能,使用正面的人臉是比較容易被偵測,好,所以下圖就是我找到的正面人臉照片的網址
1614253888

接下來進到photoshop中開啟此圖片後,並選擇「濾鏡/液化」。效果如下圖。

1614253900

進入液化視窗後會出現液化面板。效果如下圖。

1614253932

接著先介紹左邊工具架的工具各是什麼功能,效果如下圖。

1614253943

那現在我們先使用「人臉辨識」這個工具,效果如下圖。

1614254010

點選「人臉辨識」後,右邊介面的「臉部感知液化」就可以點開「眼睛、鼻子、嘴巴、臉部形狀」,這四個選項,效果如下圖。

1614254023

點開「眼睛、鼻子、嘴巴、臉部形狀」,效果如下圖。

1614254034

1614254043

而這四個選項「眼睛、鼻子、嘴巴、臉部形狀」,即可將人物的五官調整成你要的樣子,左為原圖,右為修改圖,效果如下圖。

1614254056

另外除了用右邊介面的「眼睛、鼻子、嘴巴、臉部形狀」滑桿來調整五官之後,也可以直接將鼠標移到照片上的五官位置,即會出現調整點,效果如下圖。

1614254081

1614254100

1614254110

1614254119

接下來我要調整臉形,但無法使用臉部形狀裝來調整,因為臉部形狀功能,只能調整整個臉型變窄變寬和變長變短,因此我要使用自由移動工具,來調整臉形,工具如下圖。

1614254130

自由移動工具可以在右邊介面,調整筆頭大小,密度,壓力,這三項,大小就是筆刷大小,壓力則是筆刷移動畫面的強度,就是一移動就可以移動很多,密度則是筆刷移動畫面的面積大小,密度比較難理解,我用密度0,50,100的差別來說明,效果如下圖。

1614254149

1614254157

1614254164

好,看完密度圖片的說明,就可以知道密度越高,移動的面積越大,所以我用預設密度50來修臉型,效果如下圖。

1614254171

好,完成了,謝謝觀賞。

文章轉自:https://www.lccnet.com.tw/lccnet/article/details/1859