當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

ps制作水晶紐扣圖片

來源:jianshu 作者:飛屋睿UIdesign 學(xué)習(xí):8643人次

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

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

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

ps制作水晶紐扣圖片

1、新建文件

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

ps制作水晶紐扣圖片

2、圖層樣式

接下來,我們要對(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é)起來!幫你快速的徹底搞懂內(nèi)陰影功能》

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

ps制作水晶紐扣圖片

ps制作水晶紐扣圖片

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

ps制作水晶紐扣圖片

ps制作水晶紐扣圖片

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

ps制作水晶紐扣圖片

ps制作水晶紐扣圖片

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!