當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標>教程內(nèi)容

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標(5)

來源:站酷 作者:雨情斯基 學(xué)習(xí):5586人次

本篇要教大家的是個很萌萌噠的教程,通過PS制作一款橡皮泥質(zhì)感的圖片,又Q又可愛,用到圖層樣式來制作質(zhì)感,喜歡設(shè)計、動手制作的同學(xué)來學(xué)習(xí)一下吧。

效果圖:
圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn
theoat.com.cn

首先,打開ps,新建一個畫布,這里特別說明一下,因為畫布的大小和分別率對于之后做的效果的力度是有影響的,所以如果你所建的和我的這個不一樣,你要自己根據(jù)視覺效果,稍微調(diào)整一下。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

我這次做的不是之前那些小怪獸的圖標,為了寫清楚過程,我又跑去做了一個音樂小框框,但是方法都是一樣的。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

這次教程的重點是用ps做效果,所以前邊創(chuàng)建圖形的過程我就不贅述了,我使用ai制作的形狀,當(dāng)然這個用ps也是可以的,習(xí)慣問題,反正就是矩形工具和鋼筆工具,做完了以后可以直接ctrl+c,ctrl+v到ps里邊,選擇形狀圖層就可以。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

之后全部復(fù)制完如下圖所見,但是我要說明一下,因為我一邊做一邊改。。。。改圖形,所以你看到下邊不一樣的時候不要打我,而且你一定要看完整篇文再開始制作,否則你看一步做一步,我改你也改,你做到后邊生氣了,想打死我,我告訴你你可是要負責(zé)任的。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

顏色是圖形直接填充的,接下來就是做質(zhì)感了,這才是這篇文的重點。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

雙擊該圖層,會彈出圖層樣式,勾選斜面和浮雕接下來設(shè)置參數(shù),然后勾選投影,同樣設(shè)置參數(shù),設(shè)置好了以后點擊新建樣式,這樣這個參數(shù)就會保存下來,可以直接給其他的圖層使用。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

如上圖所示,樣式列表里的最后一個就是我剛剛設(shè)的,如果你樣式窗口沒找到,就去ps頂端窗口位置打開。

接下來,點擊一下圖層呈選中狀態(tài)下,單擊一下那個樣式,就可以應(yīng)用給該圖層。這里需要注意的是,這個圖層必須是形狀圖層,不能柵格化。形狀圖層是這樣嬸的。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

把所有形狀圖層都弄一遍之后,基本上所有的部位都鼓了起來,但是因為剛剛設(shè)定的樣式,亮面和暗面都是綠色的,現(xiàn)在需要逐個調(diào)整一下(不好意思,我那天做到這一步的時候突然有一分鐘變成了傻子,忘了截圖,你們自己弄完了就知道所有形狀亮面和暗面都是綠色有多詭異)

然后呢,你挨個點進去改變一下斜面浮雕的顏色。例如下圖:

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

做完這步驟以后,我們得到了這樣一張圖,這時候離最終效果已經(jīng)非常接近了。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

下面就是一些高光、投影、反光的問題了。拿上邊張嘴的那個玩意舉例子。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

上面三張圖是加高光的方法,先用鋼筆畫一個形狀,填充白色,然后拿出木鼠大大的獨門大法——羽化大法。

調(diào)整羽化程度及透明度,讓他的高光變得自然一點。同時加上陰影。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

做一下仔細的說明,因為大牙在圓柱進度條的上邊,因此會給進度條一個投影,而圓柱又是有厚度的,所以大牙的陰影在白色進度條和黃色背景上是必然不一樣的。

首先在進度條上一層用鋼筆工具創(chuàng)建一個形狀圖層,接著按住alt鍵把鼠標放在兩個圖層中間,會出現(xiàn)一個奇怪的形狀,點下去,上邊的圖層就嵌套進了下邊的圖層,下一步羽化、調(diào)整透明度會得到最后一張圖,方法是這樣的,但是我做的這個效果不是很明顯,(反正后來給刪了,這是后話,不要打我)誒,進度條怎么突然變成黃色了。。。。對不起。。。我那天做完了就覺得剛剛的顏色不好看,改了。原諒我這個善變的女紙。。。

這個時候給你們看一下以上全部處理完了的效果

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

最后一步,做一下輕微的鄰近色處理:

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

以這顆大牙為例子,挨著白色大牙的地方是綠色的背景,按照上邊所述的方法,嵌套進來一塊綠色,調(diào)節(jié)羽化和透明度,讓他變得淡淡的。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

其他地方也這么處理就OK了,需要特別注意的是,這兩顆大牙,現(xiàn)在是不過關(guān)的,我們要把它做的像從嘴里伸出來的一樣,但是現(xiàn)在像貼上去的,這里告訴你們一個秘密,你們以為我的這個嘴是畫了個形狀嗎,怎么可能,哈哈哈哈,當(dāng)然是扣得洞了,要不你認為為什么嘴周會有體積呀。。。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

人家是長成這樣子的,對不起,我剛才傻了五分鐘忘了說了,別打我,我很努力的。

好了,繼續(xù)做從嘴里伸出來那段

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

首先先給牙齒下邊的洞洞做一個嘴巴給他的陰影,如上圖做內(nèi)發(fā)光,參數(shù)如上圖所示。

接著再給牙齒一個暗面,如下圖,畫一個矩形,同樣的嵌套、羽化、疊加、透明度,看上去像是嘴唇的影子一樣。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

要給你們看最終效果了,請擦亮你們水亮亮的大眼睛

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

至于裝飾音符還是裝飾小鳥,你們自己決定,但是方法是一樣的。我可能寫的不是很明確,對于不會用ps的人是有一定的難度的,但是對于老手,其實就是分享一下我的方式方法,如果有什么看不懂的地方,盡管在評論里問我,我會非常耐心的告訴你的,但是你不要罵我,因為我脾氣不好,你要是罵我,我就打你。

下面是我用這個方法做的其他的,給你們看看。

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標_theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
腦子總進淼2018-07-20 01:29
贊喔
沒什么難的2018-06-09 10:14
這個老師真是屁。娌′粈涔堥毦鐨
沒什么難的2018-06-09 10:13
這個老師真是屁。
白裙妖嬈2018-02-18 07:14
趕緊來學(xué)習(xí)的來了~_~!
親愛的路人2017-10-23 01:52
給力有視頻就好了
時間只會往前走2017-10-22 03:34
新人看看~~~~~~~~~~~~~
mrclown2017-10-22 11:31
趕緊來學(xué)習(xí)的來了
益生菌子權(quán)限狗2017-10-22 11:16
學(xué)習(xí)學(xué)習(xí)
想起戀你2017-10-22 04:21
簽到
懶人ORo2017-10-22 04:21
真棒

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

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