學(xué)習(xí)啦>學(xué)習(xí)電腦>工具軟件>圖像處理教程>PS教程>PS實(shí)用技巧>

PS制作水晶紐扣

時(shí)間: 思偉715 分享

  如何繪制逼真的高光?如何創(chuàng)造立體的感覺?今天小編分享一個(gè)簡(jiǎn)單水晶紐扣的教程,僅僅利用圖層樣式跟畫筆就可以繪制出精美的高光+3D感,最適合UI設(shè)計(jì)剛?cè)腴T的同學(xué)了,練習(xí)的時(shí)候要不斷去思考高光和陰影的關(guān)系,以及實(shí)物的狀態(tài),這樣才能短期內(nèi)快速進(jìn)步呦!下面跟小編一起琢磨一下吧!

  PS制作水晶紐扣

  或許入門的PS學(xué)徒們都曾經(jīng)試圖制作過諸如一滴水、一個(gè)氣球或一只蘋果這樣的擬物玩意兒的設(shè)計(jì)。通常讓人感到迷惑的是,為什么我們要畫一個(gè)蘋果而不是用照片拍下一個(gè)蘋果再把它摳出來(lái)?我的答案是,學(xué)習(xí)是沒有捷徑可走的。比較快速的做法當(dāng)然同樣可以達(dá)到效果,但它帶來(lái)的收獲遠(yuǎn)沒有你用心畫一只蘋果來(lái)得更多。

  今天我們要制作的是水晶狀的紐扣,它是擬物感覺的,你要在學(xué)習(xí)的過程中不斷去思考高光和陰影的關(guān)系,以及實(shí)物的狀態(tài),這是美術(shù)課的內(nèi)容,但就在你熟練操作了PS的時(shí)候,也同樣需要這樣的基本知識(shí)去增強(qiáng)你的設(shè)計(jì)。

  1、新建文件

  打開PS,新建一個(gè)文件(W:800px,H:600px),背景色填充為深灰色#242424,然后略微給背景填充上徑向漸變,讓中心看上去更“亮”。再在該背景層上增加一個(gè)圓形,這就是紐扣的”身體”了。圓形的色彩隨大家各自喜歡,我選用的是綠色。

  2、圖層樣式

  接下來(lái),我們要對(duì)紐扣的“身體”運(yùn)用圖層樣式。圖層樣式的使用,靠的是不斷的嘗試,而每一次的運(yùn)用都要當(dāng)做一次積累,才能更好的理解和掌握它。那么,今天我們要用到哪些樣式呢?

  由于要讓紐扣變得立體,因此我們可以嘗試用一下內(nèi)陰影。在此過程中,你的大腦中一定要出現(xiàn)一副作品完成后你想要達(dá)到的效果,在你不斷對(duì)其進(jìn)行調(diào)試中你才有可能逐漸接近你的目標(biāo)。

  不熟悉內(nèi)陰影的同學(xué),右戳學(xué)習(xí),包你會(huì)!《PS技巧學(xué)起來(lái)!幫你快速的徹底搞懂內(nèi)陰影功能》

  這是我的面板數(shù)值,以及在此數(shù)值下的圖層效果。

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

  運(yùn)用光澤圖層樣式,讓它更具光澤感

  上圖看上去已經(jīng)接近我想要的效果了,接下來(lái)為紐扣增加一點(diǎn)投影和描邊。

  3、增加高光細(xì)節(jié)

  為了讓紐扣看上去更具立體效果,運(yùn)用了圖層樣式后顯然是不夠的。這時(shí),我們還需要“手動(dòng)”為他添加相應(yīng)的陰影和高光的效果。在所有制圖過程中,當(dāng)你想讓一個(gè)物體變得更具立體感、真實(shí)感,最好的方式莫過于為它添加高光和陰影了。

  新建一個(gè)圖層,然后使用橢圓選框工具,在紐扣的上方拉出一個(gè)橢圓形,然后再使用漸變工具,漸變?cè)O(shè)置如下:

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

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

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

  保持圓形選區(qū),在復(fù)制出的高光圖層上通過鍵盤上的左鍵和下鍵來(lái)控制選區(qū),移動(dòng)到如下圖所示的位置,然后點(diǎn)擊delete鍵。

  點(diǎn)擊delete鍵后,這就是我們期待中的“小月牙”,看上去它太過于“平坦”了,這時(shí),可以為它增加一個(gè)圖層蒙版,選用黑白漸變?cè)诿砂嬷泻线m的位置拉出一個(gè)徑向漸變。

  右上角的高光就做好了:

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

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

  在做設(shè)計(jì)時(shí),常常都會(huì)用到透明度,但很少用填充。其實(shí)大部分情況下,填充和透明度的作用是差不多的。只有當(dāng)出現(xiàn)這樣的情況:當(dāng)你將圖層透明度設(shè)置為0,那么這個(gè)圖層就完全透明,相反,如果你將圖層填充設(shè)置為0,這個(gè)圖層仍然可見。這一點(diǎn)對(duì)于我們做水晶紐扣大有益處,它幫助我們?nèi)サ袅祟伾?,保持了所有其他我們?yōu)榧~扣添加的細(xì)節(jié)。現(xiàn)在我們剩下要做的,僅僅就是把相應(yīng)的圖案放置于紐扣身體圖層的下面。

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

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

  后記

  設(shè)計(jì)時(shí),擬物并不是十全十美就是上乘,總而言之,它需要你對(duì)日常生活的觀察力。對(duì)高光和陰影的把握相當(dāng)重要,而每種情景下光線對(duì)人眼的影響都個(gè)各不相同??梢哉f,設(shè)計(jì)提供了無(wú)限種可能,而我們要做的就是從中選一個(gè)最恰當(dāng)?shù)摹R苍S這不是一次博彩,而是一種歷練。

  END

PS制作水晶紐扣

如何繪制逼真的高光?如何創(chuàng)造立體的感覺?今天小編分享一個(gè)簡(jiǎn)單水晶紐扣的教程,僅僅利用圖層樣式跟畫筆就可以繪制出精美的高光+3D感,最適合UI設(shè)計(jì)剛?cè)腴T的同學(xué)了,練習(xí)的時(shí)候要不斷去思考高光和陰影的關(guān)系,以及實(shí)物的狀態(tài),這樣才能短
推薦度:
點(diǎn)擊下載文檔文檔為doc格式

精選文章

  • PS一分鐘摳出頭發(fā)絲
    PS一分鐘摳出頭發(fā)絲

    今天小編帶大家如何在一分鐘扣除頭發(fā)絲來(lái) PS一分鐘摳出頭發(fā)絲 下面開始第一步打開原圖。并復(fù)制該圖層,修圖的都習(xí)慣保留原圖對(duì)吧,并且添加圖層蒙版

  • PS cs6設(shè)計(jì)拉長(zhǎng)效果字
    PS cs6設(shè)計(jì)拉長(zhǎng)效果字

    這次小編給大家?guī)?lái)了一個(gè)關(guān)于如何設(shè)計(jì)拉長(zhǎng)效果字的教程!希望大家多多學(xué)習(xí)! PS cs6設(shè)計(jì)拉長(zhǎng)效果字 效果圖 END

  • 利用PS蒙版做動(dòng)畫的方法教程
    利用PS蒙版做動(dòng)畫的方法教程

    PS的圖像處理功能很強(qiáng)大的,如何利用PS蒙版做動(dòng)畫呢?今天小編教大家如何利用PS的蒙版做動(dòng)畫實(shí)例,希望大家能能多多學(xué)習(xí)! 利用PS蒙版做動(dòng)畫的方法 先

  • PS蒙版磨皮的方法步驟教程詳解
    PS蒙版磨皮的方法步驟教程詳解

    今天小編通過一個(gè)修飾美女皮膚實(shí)例,教大家如何使用PS磨皮。 PS蒙版磨皮法 這個(gè)PS效果使皮膚發(fā)光、美白同時(shí)保持它的暗部區(qū)域。 效果圖 PS蒙版磨皮法步

508827