聯成電腦分享: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

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

【illustrator教學】線條漸變插畫風-聯成電腦

文、Andy老師

各位好,今天要介紹的是用AI,就是illustrator裡面的路徑漸變工具繪製出動物插畫的效果。效果如下圖。
1611153987

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

首先先從檔案/新增,開一個A4尺寸的文件。效果如下圖。
1611154097

接著使用工具架上的鋼筆工具,如下圖所示。
1611154166

若沒看到,則可按住鋼筆圖標不放,即可看見更多鋼筆工具,如下圖所示。
1611154213

若還是沒看到,是有可能的,因為在illustrator cc 之後的版本,有一個更多工具的圖示按鈕,點下後裡面有更多工具,因為illustrator越新的版本,工具越多,因此工具假放不下所有工具,所以新增一個更多工具的圖示按鈕,點下後裡面有更多工具,並選取你要的工具拖曳到工具架上,如下圖紅框所示。
1611154242

好,那找到鋼筆工具
1611154326

我們就先來畫一條線,兩點成一線,而在畫這兩個點的時候,按著左鍵不放,就會從點中拉出兩根控制棒,意思就是左鍵點一下並按住不放加拖曳,便可拉出兩根控制棒,如下圖所示。
1611154359

而控制棒就是控制這條路徑的線條形狀,因此若要改變線條形狀可以使用鋼筆調整工具,他就在鋼筆工具內,只要左鍵按住不放即可彈出內部其他工具。如下圖所示。
1611154393

這個圖示就是鋼筆調整工具,如下圖所示。
1611154420

因此就可以用這工具去移動控制棒,就會改變線條形狀,如下圖所示。
1611154449

1611154459

再來要移動定位點,只要在選擇鋼筆調整工具下,1611154487按住shift,就可以移動定位點,而去改變線條形狀,如下圖所示。
1611154511

好,接下來我們就可以用鋼筆工具來畫以下這個圖型,我是畫了兩條鋼筆路徑線條。如下圖所示。
1611154542

接著再用選取工具
1611154595

去框選這兩條線,然後再執行物件/漸變/製作,如下圖所示。
1611154670

此時會在兩條線出現一條線,如下圖所示。
1611154722

再執行物件/漸變/漸變選項,如下圖所示。
1611154812

再將間距改成指定階數,階數數值可自行輸入,畫面會有預覽效果讓你判斷效果。如下圖所示。
1611154881
這樣就完成線條件變風格插圖了。

以上風格是由andrea-minini第一個繪製出來的線條漸變風格,而illustrator這個漸變功能早在CS6就存在,只是有人把它運用得特別好,所以一樣的工具,不同人用,效果就會不一樣。而我這次教學也是參考andrea-minini的線條漸變插畫作品。那會介紹這樣的效果,是因為它實在太神了。

那這次的教學就到此,謝謝觀賞。

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