圖標設(shè)計,用PS制作橡皮泥質(zhì)感萌萌噠圖標(5)
本篇要教大家的是個很萌萌噠的教程,通過PS制作一款橡皮泥質(zhì)感的圖片,又Q又可愛,用到圖層樣式來制作質(zhì)感,喜歡設(shè)計、動手制作的同學(xué)來學(xué)習(xí)一下吧。
效果圖:
theoat.com.cn
首先,打開ps,新建一個畫布,這里特別說明一下,因為畫布的大小和分別率對于之后做的效果的力度是有影響的,所以如果你所建的和我的這個不一樣,你要自己根據(jù)視覺效果,稍微調(diào)整一下。
我這次做的不是之前那些小怪獸的圖標,為了寫清楚過程,我又跑去做了一個音樂小框框,但是方法都是一樣的。
這次教程的重點是用ps做效果,所以前邊創(chuàng)建圖形的過程我就不贅述了,我使用ai制作的形狀,當(dāng)然這個用ps也是可以的,習(xí)慣問題,反正就是矩形工具和鋼筆工具,做完了以后可以直接ctrl+c,ctrl+v到ps里邊,選擇形狀圖層就可以。
之后全部復(fù)制完如下圖所見,但是我要說明一下,因為我一邊做一邊改。。。。改圖形,所以你看到下邊不一樣的時候不要打我,而且你一定要看完整篇文再開始制作,否則你看一步做一步,我改你也改,你做到后邊生氣了,想打死我,我告訴你你可是要負責(zé)任的。
顏色是圖形直接填充的,接下來就是做質(zhì)感了,這才是這篇文的重點。
雙擊該圖層,會彈出圖層樣式,勾選斜面和浮雕接下來設(shè)置參數(shù),然后勾選投影,同樣設(shè)置參數(shù),設(shè)置好了以后點擊新建樣式,這樣這個參數(shù)就會保存下來,可以直接給其他的圖層使用。
如上圖所示,樣式列表里的最后一個就是我剛剛設(shè)的,如果你樣式窗口沒找到,就去ps頂端窗口位置打開。
接下來,點擊一下圖層呈選中狀態(tài)下,單擊一下那個樣式,就可以應(yīng)用給該圖層。這里需要注意的是,這個圖層必須是形狀圖層,不能柵格化。形狀圖層是這樣嬸的。
把所有形狀圖層都弄一遍之后,基本上所有的部位都鼓了起來,但是因為剛剛設(shè)定的樣式,亮面和暗面都是綠色的,現(xiàn)在需要逐個調(diào)整一下(不好意思,我那天做到這一步的時候突然有一分鐘變成了傻子,忘了截圖,你們自己弄完了就知道所有形狀亮面和暗面都是綠色有多詭異)
然后呢,你挨個點進去改變一下斜面浮雕的顏色。例如下圖:
做完這步驟以后,我們得到了這樣一張圖,這時候離最終效果已經(jīng)非常接近了。
下面就是一些高光、投影、反光的問題了。拿上邊張嘴的那個玩意舉例子。
上面三張圖是加高光的方法,先用鋼筆畫一個形狀,填充白色,然后拿出木鼠大大的獨門大法——羽化大法。
調(diào)整羽化程度及透明度,讓他的高光變得自然一點。同時加上陰影。
做一下仔細的說明,因為大牙在圓柱進度條的上邊,因此會給進度條一個投影,而圓柱又是有厚度的,所以大牙的陰影在白色進度條和黃色背景上是必然不一樣的。
首先在進度條上一層用鋼筆工具創(chuàng)建一個形狀圖層,接著按住alt鍵把鼠標放在兩個圖層中間,會出現(xiàn)一個奇怪的形狀,點下去,上邊的圖層就嵌套進了下邊的圖層,下一步羽化、調(diào)整透明度會得到最后一張圖,方法是這樣的,但是我做的這個效果不是很明顯,(反正后來給刪了,這是后話,不要打我)誒,進度條怎么突然變成黃色了。。。。對不起。。。我那天做完了就覺得剛剛的顏色不好看,改了。原諒我這個善變的女紙。。。
這個時候給你們看一下以上全部處理完了的效果
最后一步,做一下輕微的鄰近色處理:
以這顆大牙為例子,挨著白色大牙的地方是綠色的背景,按照上邊所述的方法,嵌套進來一塊綠色,調(diào)節(jié)羽化和透明度,讓他變得淡淡的。
其他地方也這么處理就OK了,需要特別注意的是,這兩顆大牙,現(xiàn)在是不過關(guān)的,我們要把它做的像從嘴里伸出來的一樣,但是現(xiàn)在像貼上去的,這里告訴你們一個秘密,你們以為我的這個嘴是畫了個形狀嗎,怎么可能,哈哈哈哈,當(dāng)然是扣得洞了,要不你認為為什么嘴周會有體積呀。。。
人家是長成這樣子的,對不起,我剛才傻了五分鐘忘了說了,別打我,我很努力的。
好了,繼續(xù)做從嘴里伸出來那段
首先先給牙齒下邊的洞洞做一個嘴巴給他的陰影,如上圖做內(nèi)發(fā)光,參數(shù)如上圖所示。
接著再給牙齒一個暗面,如下圖,畫一個矩形,同樣的嵌套、羽化、疊加、透明度,看上去像是嘴唇的影子一樣。
要給你們看最終效果了,請擦亮你們水亮亮的大眼睛
至于裝飾音符還是裝飾小鳥,你們自己決定,但是方法是一樣的。我可能寫的不是很明確,對于不會用ps的人是有一定的難度的,但是對于老手,其實就是分享一下我的方式方法,如果有什么看不懂的地方,盡管在評論里問我,我會非常耐心的告訴你的,但是你不要罵我,因為我脾氣不好,你要是罵我,我就打你。
下面是我用這個方法做的其他的,給你們看看。
學(xué)習(xí) · 提示
相關(guān)教程