PS繪制逼真的高光立體3D水晶紐扣

或 許入門的PS學徒們都曾經(jīng)試圖制作過諸如一滴水、一個氣球或一只蘋果這樣的擬物玩意兒的設計。通常讓人感到迷惑的是,為什么我們要畫一個蘋果而不是用照片 拍下一個蘋果再把它摳出來?我的答案是,學習是沒有捷徑可走的。比較快速的做法當然同樣可以達到效果,但它帶來的收獲遠沒有你用心畫一只蘋果來得更多。
今天我們要制作的是水晶狀的紐扣,它是擬物感覺的,你要在學習的過程中不斷去思考高光和陰影的關(guān)系,以及實物的狀態(tài),這是美術(shù)課的內(nèi)容,但就在你熟練操作了PS的時候,也同樣需要這樣的基本知識去增強你的設計。
具體的繪制步驟如下:
1、新建文件
打開PS,新建一個文件(W:800px,H:600px),背景色填充為深灰色#242424,然后略微給背景填充上徑向漸變,讓中心看上去更“亮”。再在該背景層上增加一個圓形,這就是紐扣的”身體”了。圓形的色彩隨大家各自喜歡,我選用的是綠色。

2、圖層樣式
接下來,我們要對紐扣的“身體”運用圖層樣式。圖層樣式的使用,靠的是不斷的嘗試,而每一次的運用都要當做一次積累,才能更好的理解和掌握它。那么,今天我們要用到哪些樣式呢?
由于要讓紐扣變得立體,因此我們可以嘗試用一下內(nèi)陰影。在此過程中,你的大腦中一定要出現(xiàn)一副作品完成后你想要達到的效果,在你不斷對其進行調(diào)試中你才有可能逐漸接近你的目標。
不熟悉內(nèi)陰影的同學,右戳學習,包你會!《PS技巧學起來!幫你快速的徹底搞懂內(nèi)陰影功能》
這是我的面板數(shù)值,以及在此數(shù)值下的圖層效果。


我要使用內(nèi)發(fā)光,讓它的邊緣具有水晶的光澤。


運用光澤圖層樣式,讓它更具光澤感


上圖看上去已經(jīng)接近我想要的效果了,接下來為紐扣增加一點投影和描邊。
3、增加高光細節(jié)
為了讓紐扣看上去更具立體效果,運用了圖層樣式后顯然是不夠的。這時,我們還需要“手動”為他添加相應的陰影和高光的效果。在所有制圖過程中,當你想讓一個物體變得更具立體感、真實感,最好的方式莫過于為它添加高光和陰影了。
新建一個圖層,然后使用橢圓選框工具,在紐扣的上方拉出一個橢圓形,然后再使用漸變工具,漸變設置如下:

然后在選區(qū)內(nèi)填充漸變色,漸變模式為線性漸變,從上至下填充。填充后效果如下:

將橢圓轉(zhuǎn)到右上角,也就是我們選定其為高光部分的地方。

這時,我想要在高光基礎上再增加一層高光。首先,將高光圖層復制一層,然后按住“ctrl”鍵,用鼠標點選紐扣的“身體”的圖層。目的是想調(diào)出圓形選區(qū),為下一步做準備。

保持圓形選區(qū),在復制出的高光圖層上通過鍵盤上的左鍵和下鍵來控制選區(qū),移動到如下圖所示的位置,然后點擊delete鍵。
點擊delete鍵后,這就是我們期待中的“小月牙”,看上去它太過于“平坦”了,這時,可以為它增加一個圖層蒙版,選用黑白漸變在蒙版中合適的位置拉出一個徑向漸變。

右上角的高光就做好了:

再對小月牙復制一層,將復制層旋轉(zhuǎn)至對角的另一個方位。

由于我們要做很多款圖案的水晶紐扣,只需要將紐扣身體的那個圖層的填充降至0。真的很簡單,是吧!

在 做設計時,常常都會用到透明度,但很少用填充。其實大部分情況下,填充和透明度的作用是差不多的。只有當出現(xiàn)這樣的情況:當你將圖層透明度設置為0,那么 這個圖層就完全透明,相反,如果你將圖層填充設置為0,這個圖層仍然可見。這一點對于我們做水晶紐扣大有益處,它幫助我們?nèi)サ袅祟伾3至怂衅渌覀?為紐扣添加的細節(jié)?,F(xiàn)在我們剩下要做的,僅僅就是把相應的圖案放置于紐扣身體圖層的下面。

再載入圓形選區(qū),刪除掉圖案中多余的像素。這樣第一個紐扣就此制作完成。

接下來我繼續(xù)利用其它圖案做出了各式樣的水晶紐扣。

后記
設計時,擬物并不是十全十美就是上乘,總而言之,它需要你對日常生活的觀察力。對高光和陰影的把握相當重要,而每種情景下光線對人眼的影響都個各不相同。可以說,設計提供了無限種可能,而我們要做的就是從中選一個最恰當?shù)?。也許這不是一次博彩,而是一種歷練。
教程結(jié)束,以上就是PS繪制逼真的高光立體3D水晶紐扣教程,希望大家通過本教程可以學到有用的知識點!
相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23- ps零基礎之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應用呢?詳細請看下文介紹2024-12-23
ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?;A的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進行調(diào)節(jié),具體該如何操作呢?詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30