QQ圖標(biāo),設(shè)計(jì)一枚QQ主題UI圖標(biāo)(4)

來源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):10291人次

教大家制作一枚QQ企鵝主題圖標(biāo),整個(gè)設(shè)計(jì)十分簡(jiǎn)單,下面有PSD文件,不懂的可以下載參考。

先看看效果:

www.theoat.com.cn_0454395327-0.jpg

PSD源文件:http://www.theoat.com.cn/photoshop/sucai/2016/e693644.html

新建個(gè)文檔,我用的尺寸是800*600像素,大家請(qǐng)隨意,做一個(gè)漸變背景,用圓角矩形工具畫一個(gè)圓角矩形,我用的顏色是#1a181a!

www.theoat.com.cn_0454394357-1.jpg

用兩個(gè)橢圓相減,畫出企鵝的圍巾,這里我用的顏色是#da2300,載入圓角矩形的選區(qū),給圍巾添加一個(gè)圖層蒙版,以保證圍巾不會(huì)超出圓角矩形。

www.theoat.com.cn_04543953Y-2.jpg

接下來,制作圍巾上的條紋。用矩形工具畫一個(gè)顏色為#ff6044的矩形,CTRL+T,設(shè)置一個(gè)中心點(diǎn),適當(dāng)?shù)男D(zhuǎn)一定角度,CTRL+ALT+T狂按,創(chuàng)建剪貼蒙版。

www.theoat.com.cn_0454393001-3.jpg

為圍巾圖層添加一個(gè)圖層樣式,我添加了斜面浮雕和投影,記得勾選圖層蒙版隱藏效果。

www.theoat.com.cn_0454396013-4.jpg

www.theoat.com.cn_0454391933-5.jpg

www.theoat.com.cn_045439AI-6.jpg

www.theoat.com.cn_04543961R-7.jpg

在圍巾的下層用圓角矩形工具畫一個(gè)圓角矩形,調(diào)整一下錨點(diǎn),使其成為圍巾下面下垂的那一段圍巾,并添加一個(gè)投影。

www.theoat.com.cn_04543a5Q-8.jpg

www.theoat.com.cn_0454391194-9.jpg

跟剛才給圍巾添加條紋一樣的操作手法,給下面這段圍巾添加條紋,并輔以蒙版。

www.theoat.com.cn_0454392603-10.jpg

接下來,我們來給企鵝添加肚子。其圖層位置位于圍巾的下層,圓角矩形的上層,看我的圖應(yīng)該都了解怎么畫了,簡(jiǎn)單的布爾運(yùn)算得到肚子的形狀,這里的形狀我是用的白色,然后,我感覺好像白過頭,我添加了一個(gè)內(nèi)陰影。

www.theoat.com.cn_0454393Y7-11.jpg

www.theoat.com.cn_0454393615-12.jpg

下面,我們畫眼睛,都是圓,布爾運(yùn)算,好像并沒有什么好說的。

www.theoat.com.cn_0454392151-13.jpg

www.theoat.com.cn_0454394F4-14.jpg

再下來,我們畫嘴巴,看了好像很復(fù)雜,其實(shí)也只是個(gè)布爾運(yùn)算而已。

www.theoat.com.cn_04543aC0-15.jpg

www.theoat.com.cn_0454393P2-16.jpg

接著,我們添加嘴巴上的高光。我畫了一個(gè)#ffeb3e顏色的橢圓,在屬性面板中設(shè)置了9.6像素的羽化。

www.theoat.com.cn_045439A28-17.jpg

本著簡(jiǎn)潔的原則,企鵝的手阿,腳阿,全部去掉,因?yàn)槭趾湍_并不影響我們這個(gè)圖標(biāo)的識(shí)別度,大功告成。

www.theoat.com.cn_0454395327-0.jpg

是不是很簡(jiǎn)單,其實(shí)很多東西,操作起來,并不復(fù)雜,想法最重要。

衡量一個(gè)設(shè)計(jì)作品的成功與否,并不是以其操作復(fù)雜程度來衡量的,只要能準(zhǔn)確的傳達(dá)出想要的信息,就是個(gè)好設(shè)計(jì)!

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
胖胖2016-06-29 12:27
全茳2016-06-23 05:39
LeSilence小先森2016-06-20 10:18
步法運(yùn)算掌握的不是很好,請(qǐng)指教!步法運(yùn)算掌握得不是很好,請(qǐng)指教!
蘇大錘2016-05-30 12:17
PS零基礎(chǔ)然后跟著教程做的 很多操作不知道 所以那個(gè)圍巾還有嘴那里做的不好。求老師指導(dǎo)
惡之華2016-05-08 09:56
按照自己的思路去做的,由于自己是新手混合模式和一些圖形的制作還有很多問題,我會(huì)繼續(xù)努力的。

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

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