• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS電腦繪圖 】Photoshop鼠繪逼真細膩的人像眼睛效果




    Photoshop鼠繪逼真細膩的人像眼睛效果

    這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

    文章出處是來自站酷的PS教程類文章,寫教學的作者是Wacom中國譯,感謝Wacom中國譯提供鼠繪教程的實作教學。

    教學大綱:

    繪製眼睛雖然不是很難,不過前期的準備工作要非常充足。要能準確分解眼睛的每一個構成部分,了解它的結構和功能,這樣畫出來的效果才細膩,真實,喜歡的朋友讓我們一起來學習吧。


    鼠繪教程教學開始

    最終效果

    Photoshop鼠繪逼真細膩的人像眼睛效果

    1、基礎知識:功能和結構

    人類的眼睛結構和組成構造都是相似的:橢圓結構、兩邊尖削,有眼瞼、眼睫和眉毛。很容易就能畫出一隻易辨認的眼睛,就像下面這幅圖。

    圖中從上到下的元素列舉如下:

    1.眉毛:它保護你的眼睛,阻擋灰塵和額上的汗水。

    2.眼瞼褶:眼睛睜開狀態時疊在眼球上,眼球上下都有。

    3.眼眶:皮膚被一分為二,由於眼球的作用,呈現出橢圓形狀。

    4.眼睫毛:保護眼睛不受塵土、強光和額外感官刺激的傷害,在創作上,睫毛常用來體現女性特徵。

    5.眼白:組成眼球的主要部分。

    6.虹膜:實際上是肌肉,是不是很神奇!虹膜收縮或者擴張,調節進入瞳孔的光線強弱。

    7.瞳孔:中部的黑孔,我們通過這個洞看東西,光線進入這個黑孔,在我們的眼球內部形成圖像。

    8.淚腺:位於兩眼內側,淚水的來源,顏色偏粉。

    9.淚腺皮膚褶:位於淚腺內側。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    2、不同的眼形

    上面的眼睛速寫只是一個典型範例,而現實中的眼睛形狀會因為人種、地理甚至年齡的不同產生差異。

    首先是最重要的因素:人種。

    仔細觀察不同人的照片,你肯定會發現差異。下面列舉一些基礎形狀:從左到右從上到下依次是杏仁眼形、蒙古眼形(在其他國家的人眼中,中國人的眼睛普遍認為是這種樣子。)、凹眼形、下垂眼。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    3、不同視角與透視

    下面一些例子可以體現不同角度下眼形的變化。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    4、眼睛:靈魂的鏡子

    人類通過眼睛表達情感,雖然我們眼睛的形狀和大小不盡相同,但是面對刺激時的反應卻都本能地相似。

    例如,我們在聚焦時眯眼、震驚時凝視、驚奇和恐懼時會瞪大眼睛。

    只要是人類的眼睛,就會流露下面這些表情。大家可以試着快速辨別這些都是什麼情緒,並且嘗試着畫一遍。練習這些表情,這樣畫畫的時候你能夠賦予角色更多情緒。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    5、畫出眼睛的輪廓

    既然我們已經通過一隻眼睛了解到這麼多內容,現在讓我們嘗試將這些內容組合起來。快速的畫出上面的眼睛,這樣我們就能正經嚴肅地開始闖作了,快跟我一起成為新一代米開朗基羅吧!

    新建畫布,將已有圖層命名為“背景”,將前景色設置為#dcb6a3,背景色設置為#963931。

    使用漸變工具(G),設置為前景色到背景色漸變,從左至右拖拉,創建出接近膚色的漸變圖層。再使用畫筆工具(B),使用硬圓筆刷,選擇對“大小”和“不透明度”使用壓力(譯者按:找不到這兩樣的同學請看下面的示意圖哦~),將前景色調整到#000000。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    6、創建一個新的圖層,命名為“線稿”,在上面畫一個你喜歡的基礎眼形。可以直接參考我們最早畫的那隻眼睛,也可以在後面列舉的那些眼形里挑選一個。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    7、賦予眼睛血肉:畫眼白

    第一步

    讓我們從構建基礎開始——畫眼白。雖然是叫“眼白”,但是眼球可不是純白色的,它的顏色在淡灰色、米色和紅色間變化,表面還附着紅色的血絲。

    首先建一個新的圖層,命名為“眼白”,把這個圖層拖到“背景”和“線稿”圖層中間,使用灰白色(#ddc6bc)的硬圓筆刷畫出眼白的基礎顏色。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步、

    在“眼白”圖層的上面新建一個圖層,右擊,選擇“創建剪貼蒙版”。我們會使用這一層來繪製陰影。眼球是一個球體結構,由於有凸面,中間部位接收的光照最多,比較亮。離中心較遠的地方由於眼瞼和眼睫毛的遮擋,受到的光照會更弱,則要用更深的顏色。

    讓我們使用畫筆工具(B),挑硬圓筆刷,選擇對“大小”和“不透明度”使用壓力(同上)。調整筆刷大小,將前景色設置為#4f241e。在創建的剪貼蒙版上面沿着眼白邊緣繪製,創造出光影效果和3D視覺。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    用更深一些的色調,比如#220b07,在眼白的上方營造出由於上眼瞼和眼睫毛遮蓋產生的深色陰影。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    8、畫淚腺

    第一步

    由於淚腺附近的皮膚沒有完全包裹住肌肉,所有要使用多一些粉色。需要注意的是,眼球和眼周肌肉其實並沒有那麼涇渭分明,它們互相影響互相融合。所以我們在畫的時候,粉色也會滲入到眼白一些,下面我們會講解。

    將前景色設置為#853c2e,背景色設置為#5e2218。

    使用同樣的筆刷,用淺色畫出眼角內部,然後再在眼角周圍使用深一點的顏色。同時在附近的眼白加一點粉色。下面兩張圖是有線稿和沒線稿的效果,大家可以對比一下。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    接下來把前景色設置為#d77661,背景色設置為白色#ffffff,然後縮小筆刷。放大畫布,在亮部增加一些高光——先使用淺粉,最後增加一點點純白色高光。這樣能體現出表面的濕度。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    9、虹膜和瞳孔

    第一步

    在“眼白”和“線稿”中間新建一個圖層,命名為“虹膜”。

    將前景色設置為#6b3826,參考線稿,畫出一個圓形。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    有白色瞳孔的眼睛還是蠻恐怖的,現在我們用黑色#000000,在線稿的基礎上在中間畫出一個圓,來表示瞳孔。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    10、添加虹膜的細節

    第一步

    又要新建圖層啦!在“虹膜”圖層上新增一層,命名為“虹膜細節”。

    虹膜和瞳孔的部分會互相滲透,並且會滲入眼白。總之就沒有絕對清晰的分界!

    將前景色設置成#240b02,然後調整筆刷大小,沿着虹膜和瞳孔的邊緣塗抹,注意要融合得自然一些。畫地時候注意在虹膜上部營造出眼瞼和眼睫投下的陰影,不要擔心會畫出去。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    將前景色調到#54382a,前景色調整到#3f2315,將筆刷縮得更小些,放大畫布,在棕色區域試着隨意畫出深淺不一的顏色。注意讓這些筆觸圍繞中心的瞳孔呈輻射狀。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    接下來,我們要在虹膜上增加更多細節。將前景色調到#9b643f,將背景色調到#511f05,縮小筆刷至到幾個像素大小,描繪虹膜肌肉細節。在繪畫過程中可以使用“X”鍵在前景色和背景色之間切換。記得在你的色板中添加上這兩種顏色,這樣使用吸管工具(I)取色也很方便。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    11、畫眼睛高光

    現在眼睛看起來比較扁平,那我們來加一點高光!

    在“虹膜細節”上面新建一個圖層,命名為“高光”,將前景色調整為白色#ffffff,先輕點用力,隨後加重筆壓,畫出一個模糊柔軟的白色光點。重複這一個步驟,增加幾個小的光點。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    12、上眼瞼:層疊和褶皺

    現在我們把眼球放一邊,來加工一下眼瞼和眼周的皮膚。依照我的個人經驗,高質量的繪畫一定是要着眼於全局,而不是只強調細節部分。

    第一步

    讓我們在最上面新建一個圖層,命名為“皮膚”,將前景色調為深棕色#2c0b02,背景色調整為淡粉色#d3a594。調整筆刷大小,畫出眼睛邊緣,要注意參考原來的線稿哦!

    先使用深色繪畫,然後按“X”鍵切換到淺色,描畫靠近內眼角的部分,這部分本身的背景皮膚色也比較淺。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    基於之前的線稿,使用深棕色畫出眼皮褶子。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    接下來,將前景色設置為#2b130d,背景色為#bc8370。先使用深色在靠近眼尾部的部分輕描,使輪廓看起來不那麼生硬。在畫這部分時,注意不要使用硬度高的線條,筆刷要柔和一些。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第四步

    下一步,將你的前景色設置為#d5a197,背景色設置為#fcead8,進一步柔化一下褶皺的輪廓。繪畫時在深粉色和淺粉色之間用“X”鍵切換。如果有需要,也可以使用減淡工具(O),設置成軟圓筆刷,高光模式、不勾選保護色調,以獲得更亮的高光。注意不要減淡過多哦。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    13、畫下眼瞼

    第一步

    接下來要處理下眼瞼,我們將使用跟之前同樣的手法。

    為了畫起來更順手,可以在點擊圖像-圖像旋轉,把圖像旋轉90度,當然這完全取決於你的習慣啦~

    將前景色設置為#9e5b4a,將背景色調到#fecfbb。沿着眼睛下方輕描,把深色的線條融合一下,最後用淺色來畫出高光。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    我們要再精修一下粗糙的下眼瞼。

    這一步主要使用的顏色包括:#260f0b,#642e22,#c88a7c和#eac0a9。

    建議將四種顏色塗在畫布上(最好新建圖層),這樣能用吸管(I)工具取色,很方便。

    讓我們先在下眼瞼右側用#260f0b輕描,然後再在小褶皺處使用#eac0a9增加一點高光。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    用#d18465在眼睛下部描畫,就好像我們在生活中使用遮瑕膏化妝一樣。如果你認為有必要,也可以在眼睛上部也這麼做。

    然後使用#eac0a9,在眼睛左下部和淚腺處描畫,然後添加一點高光。對比下面兩幅圖,就能發現這一步前後的效果。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    Photoshop鼠繪逼真細膩的人像眼睛效果

    14、皮膚:最後的色彩處理

    現在的皮膚看起來仍然像塑料一樣不透氣是不是?

    那是時候做進一步的加工了!

    使用磚色,例如#c54432,在眼瞼周圍輕輕畫出一些細節點綴,特別是在下眼瞼靠內側的地方。不要太明顯,只需要用較輕的筆觸讓眼睛看起來有生氣,又不是畫殭屍眼睛,所以就不要畫得血紅血紅的。

    一旦完成,就可以將前景色設置為偏紫的顏色,例如#937fa3,背景色設置成#b5544d。

    在內眼角下方畫出淡淡的眼影,這會使你畫的眼睛看起來更加自然有生氣!

    在這一步,能夠再增加一些細部的高光。對比下面兩張圖,感受一下這一步前後的差別。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    Photoshop鼠繪逼真細膩的人像眼睛效果

    15、皮膚:最後的材質處理

    現在的皮膚看起來還是太光滑了,讓我們再玩點花樣!

    將前景色設置為#f2c8a0,將背景色設置為#b5544d。使用壓縮包裡面的“Skin Texture”筆刷,輕輕的在皮膚周圍營造質感,按“X”鍵切換顏色。最終應該呈現下面的效果。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    16、畫眼睫毛

    第一步

    再新建一個圖層,命名為“眼睫毛”!

    將前景色設置為#1a0906,將畫筆(B)設置為硬圓筆刷,選擇對“大小”和“不透明度”使用壓力(同上)。

    在“眼睫毛”圖層上畫上亂而有序的眼睫毛。需要注意的幾點是:

    眼睫毛不是直的,畫的時候一定要有弧度

    眼睫毛比較雜亂,試着參考一些塗著眼睫毛膏的眼睛的照片:眼睫毛經常互相交叉,呈現彎曲形態。

    眼睫毛的根部比睫毛尖部要粗。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    接下來我們需要給眼睫毛營造出立體效果。將前景色調整為#e7410e,然後沿着每一根睫毛輕刷。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    接下來,我們需要在眼睛周圍增加一些睫毛的陰影。

    創建一個新的圖層,命名為“眼睫毛陰影”。設置為正片疊底模式,將填充設置為70%(譯者按:找不到的同學參考下面的示意圖)。使用跟之前一樣的筆刷,將顏色設置為#1f0b07,然後在下眼角外側畫一些睫毛陰影。然後打開濾鏡-模糊-高斯模糊,半徑設置為1.5。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    Photoshop鼠繪逼真細膩的人像眼睛效果

    17、眼睛細節:深度陰影

    既然我們對眼睛的認識更加清楚了,我們回到眼球和虹膜,更加細緻地刻畫細節。比如讓眼球看起來更加“立體”。

    創建一個新的圖層,將它拖到“皮膚”圖層的上面,設置為正片疊底模式。

    將前景色調整為#6f2719,然後在左下角輕刷增加陰影,參考下圖體驗一下前後差別。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    Photoshop鼠繪逼真細膩的人像眼睛效果

    18、眼睛細節:虹膜

    相比於其他地方,虹膜看起來還是比較平,我們再來修飾一下。

    第一步

    使用一個較小的硬圓筆刷(B),打開鋼筆壓力和“不透明度”抖動。然後再調小筆刷,畫一些輻射狀地短線條,效果如下。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    接下來畫高光:在“虹膜”一層上新建一個圖層,設置為顏色減淡模式,將填充降到40%左右。

    將前景色設置為#f2c7b4,然後在虹膜的右下部刷出一個半月形狀。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    在“虹膜細節”上創建一個新的圖層,設置為顏色減淡模式,將填充降低到30%。使用一個軟圓筆刷(B)設置為溶解模式。輕輕的在虹膜區域塗刷,然後按住Ctrl E(Mac上是Command – E)將它與其他虹膜圖層合併。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    19、細節刻畫

    是時候做最後的修整了!

    第一步

    首先讓我們增加一些血管。

    將前景色設置為#5e2219,然後使用硬圓筆刷(B),打開鋼筆壓力和“不透明度”抖動,將畫筆調整為2像素大小,輕輕地在內眼角的眼白上畫出細小的血絲。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    現在需要增加深度陰影。

    創建一個新的圖層,拖放到“皮膚”圖層下面。將圖層設置為正片疊底模式,將填充降為80%左右,命名為“陰影”。

    將前景色設置為#3e1408,然後使用硬圓筆刷,只打開不透明度抖動,在眼白的邊緣塗刷。

    然後調整筆刷到2像素大小,在高光點上畫出睫毛在瞳孔上方的倒影。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    增加水光。

    新建圖層,命名為“水光”將它拖到“皮膚”圖層上面。將前景色調成白色#ffffff,然後在眼白的底部畫一些光點。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    20、畫眉毛

    第一步

    有眼睛當然得畫眉毛對吧?

    新建一個圖層,命名為“眉毛”,然後將它放置在最頂層。將前景色調整為#47190b,使用一個硬圓筆刷,打開不透明度抖動,刷出眉毛的基礎形狀。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    使用塗抹工具,選擇對“大小”使用“壓力”。塗抹眉毛,創造出一種毛茸茸的效果。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    21、增加眉毛的細節

    第一步

    接下來,使用畫筆工具(B),設置一個硬圓筆刷,選擇對“大小”使用“壓力”,畫出一些細節的毛髮。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    將前景色設置為#9a3d1e,選擇對“不透明度”使用“壓力”,然後放大筆刷幾個像素,增加一些亮度較高的細節。筆刷可以稍微凌亂、柔軟一些,增加自然效果。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    為了增加最後的細節,讓我們將筆刷再調小到1~2像素左右大小,畫出幾道非常細小高亮的毛髮。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    22、眉毛與皮膚的融合

    現在我們畫出的眉毛看起來很漂亮,但還是不太自然。現在需要讓眉毛與周圍的皮膚更自然地融合。創建一個新的圖層,放置到“眉毛”圖層下。根據你的習慣設置為正片疊底或者線性加深模式。然後將填充降到40%,將圖層命名為“眉毛融合”。

    將筆刷變大一些,將前景色設置為深棕色,例如#502520,然後在眉毛周圍輕刷。然後使用濾鏡-模糊-高斯模糊,半徑設定為3-4像素,效果如下。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    23、可選步驟:化眼妝

    我們還可以給眼睛補個妝!

    比如我喜歡用柔和的金棕色系,例如#e88f04和#572013.

    第一步

    在“皮膚”圖層上新建一層,設置為顏色混合模式,然後使用軟圓筆刷,用金色塗刷,可適當調低填充。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第二步

    接下來畫深色的眼影。再創建新圖層,設置為正片疊底模式,用背景色刷眼尾和上眼瞼右側。如果效果看起來太突兀,使用濾鏡-模糊-高斯模糊做一下處理。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    第三步

    創建一個新的圖層,設置為顏色減淡模式,將圖層的填充降低到30%,前景色設置為#f7b283。先使用一個軟圓筆刷,設置為溶解模式,然後塗抹,營造出一種閃閃亮的效果。然後使用壓縮包中提供的“Makeup"筆刷,增加一些材質上的多樣性。

    Photoshop鼠繪逼真細膩的人像眼睛效果

    最終效果:

    Photoshop鼠繪逼真細膩的人像眼睛效果

    — —

    文章永久連結為: Photoshop鼠繪逼真細膩的人像眼睛效果